:root{--bg:#111013;--surface:#1a181d;--line:#343039;--text:#f2edf1;--muted:#a59ba7;--pink:#dfa0bf;--font:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 var(--font)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--pink);outline-offset:4px}button{cursor:pointer}::selection{background:var(--pink);color:#21131b}.site-shell{max-width:1120px;margin:auto;padding:0 32px}.header{height:88px;border-bottom:1px solid #2a272e;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:9px}.brand-name{font-size:23px;letter-spacing:-1px;font-weight:600}.brand-mp4{color:var(--pink);font-size:10px;letter-spacing:1px}.header nav{display:flex;gap:27px;font-size:11px;color:var(--muted)}.header nav a:hover{color:var(--text)}.header .nav-active{color:var(--text)}.open-sign{color:#887e8b;font-size:10px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding:57px 0 58px}.hero-copy{max-width:520px}.eyebrow{color:var(--pink);font-size:9px;letter-spacing:1.7px;font-weight:500}h1{font-size:clamp(39px,4.2vw,52px);font-weight:500;line-height:1.14;letter-spacing:-2px;margin:17px 0 18px}h1 em{font-style:normal;color:var(--pink)}.intro{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 27px}.converter-card{border:1px solid var(--line);border-radius:11px;padding:22px 23px 0;background:var(--surface)}.card-heading{margin-bottom:18px}.card-heading h2{font-size:14px;font-weight:500;margin:0}label[for=url]{display:flex;justify-content:space-between;font-size:10px;color:#cabdc9}label[for=url]>span{font-size:7px;letter-spacing:1px;color:#837488}.input-wrap{display:flex;align-items:center;gap:8px;margin-top:8px;border:1px solid #3b343e;background:#121014;border-radius:6px;padding:0 11px}.input-wrap:focus-within{border-color:var(--pink)}.link-icon{font-size:16px;color:#a5889c}input[type=url]{width:100%;min-width:0;padding:12px 0;border:0;background:none;color:var(--text);outline:none;font-size:11px}input[type=url]:focus-visible{outline:none}input::placeholder{color:#867789}#paste{border:0;border-radius:4px;background:#2b242d;color:#c9b2c2;padding:5px 9px;font-size:9px}#paste:hover{background:#3a2b36}#url-help{font-size:9px;color:#8b7d90;margin:7px 0 15px}.dose-options{padding:0;border:0;margin:0 0 17px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.dose-options legend{font-size:10px;color:#cabdc9;margin-bottom:8px;padding:0}.dose-option{cursor:pointer;position:relative}.dose-option>input{position:absolute;opacity:0;width:1px;height:1px}.dose-content{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #3d3541;border-radius:6px;background:#17131a}.dose-content b{display:block;font-size:12px;font-weight:500}.dose-content small{color:#ab93a5;font-size:6px;margin-left:4px;letter-spacing:.6px}.dose-description{display:block;font-size:8px;color:#8f7d90;margin-top:2px}.radio-mark{width:10px;height:10px;border:1px solid #775c70;border-radius:50%;margin-left:auto}.dose-option input:checked+.dose-content{background:#30212b;border-color:#aa748f}.dose-option input:checked+.dose-content .radio-mark{background:var(--pink);border:3px solid #6e465e}.dose-option input:focus-visible+.dose-content{outline:2px solid var(--pink);outline-offset:3px}.primary-button{display:flex;width:100%;align-items:center;justify-content:space-between;border:0;border-radius:6px;padding:13px 15px;font-size:11px;font-weight:600;color:#24151e;background:var(--pink)}.primary-button>span:last-child{font-size:18px;line-height:1}.primary-button:hover:not(:disabled){background:#edb8d1}.primary-button:disabled{opacity:.5;cursor:wait}.card-foot{padding:14px 0;display:flex;gap:20px;justify-content:center;font-size:8px;color:#948195}.card-foot span+span:before{content:'·';margin-right:20px;color:#6d596c}.prep-note{text-align:center;color:#88788b;font-size:9px;margin:11px 0 0}.hero-stage{align-self:center}.portrait{position:relative;height:525px;overflow:hidden;border-radius:16px;background:linear-gradient(160deg,#251d27,#181419);border:1px solid #332a37}.character{width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block;filter:saturate(.75);mask-image:linear-gradient(#000 70%,#000a 100%)}.portrait-caption{display:block;text-align:center;font-size:9px;color:#8f7d90;margin-top:12px}.how-section{border-top:1px solid #2c2730;padding:35px 0 39px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-heading h2{font-size:24px;font-weight:500;letter-spacing:-.8px;margin:10px 0 0}.section-heading p{font-size:10px;color:var(--muted);margin:0}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.how-grid article{position:relative;padding-top:14px;border-top:1px solid #37303b}.how-step{font-size:9px;color:#b790a6}.how-grid h3{font-size:14px;font-weight:500;margin:13px 0 7px}.how-grid p{color:var(--muted);font-size:11px;line-height:1.9;margin:0;max-width:270px}.history-section{border-top:1px solid #2c2730;padding:34px 0 25px}.history-note{color:#8f7d91;font-size:9px}.empty-history{font-size:11px;color:#a28b9f;border:1px dashed #3b303e;border-radius:7px;padding:20px;margin:0}.empty-history>span{display:none}.empty-history small{display:none}.history{border-bottom:1px solid var(--line);padding:17px 0;overflow-wrap:anywhere;font-size:12px}.small{font-size:10px;color:#a18a9d}.ok{color:#c194af}.download-link{display:inline-block;margin-top:7px;padding:7px 11px;border:1px solid #725165;border-radius:5px;color:var(--pink);font-size:11px}.download-link:hover{background:#30202b}#status{font-size:11px;color:#e1bdd4;overflow-wrap:anywhere;border-top:1px solid #43303c;padding:13px 0 0;margin-top:15px}#status:empty{display:none}#status p{margin:0 0 9px}progress{width:100%;height:8px;accent-color:var(--pink)}.fine-print{border-top:1px solid #2d2631;font-size:10px;color:#948097;margin:0 0 24px}.fine-print summary{display:flex;justify-content:space-between;cursor:pointer;padding:16px 0;list-style:none}.fine-print summary::-webkit-details-marker{display:none}.fine-print[open] summary>span{transform:rotate(45deg)}.fine-print p{font-size:10px;line-height:1.9;margin:0 0 15px;color:#a48d9f}footer{border-top:1px solid #302735;padding:22px 0 26px}.footer-top{display:flex;align-items:center;justify-content:space-between}.footer-top .brand-name{font-size:18px}.footer-top .brand-mp4{font-size:8px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:13px;font-size:8px;color:#847289}.footer-bottom p{margin:0}.footer-bottom>span{font-size:7px;letter-spacing:1px}@media(max-width:900px){.hero{gap:35px;grid-template-columns:1.25fr 1fr;padding:40px 0}.portrait{height:460px}.site-shell{padding:0 25px}.converter-card{padding:19px 17px 0}.header nav{gap:20px}.how-grid{gap:25px}.intro{font-size:11px}.intro br{display:none}}@media(max-width:650px){.site-shell{padding:0 20px}.header{height:72px;gap:15px}.header nav{gap:18px;font-size:10px}.header nav a:nth-child(2){display:none}.open-sign{display:none}.brand-name{font-size:21px}.hero{display:flex;flex-direction:column;gap:25px;padding:30px 0 34px;align-items:stretch}.hero-copy{max-width:none}h1{font-size:42px;letter-spacing:-1.7px;margin-top:14px}.intro{font-size:12px;max-width:320px;margin-bottom:22px}.converter-card{padding:18px 17px 0}.dose-content{padding:10px 11px}.primary-button{padding:14px 15px;font-size:12px}.hero-stage{width:100%;display:flex;align-items:center;gap:18px;align-self:auto}.portrait{height:120px;width:110px;border-radius:10px;flex-shrink:0}.character{object-position:50% 5%;object-fit:cover;height:200px}.portrait-caption{text-align:left;font-size:11px;margin:0;color:#a88a9f}.how-section{padding:27px 0}.section-heading{display:block;margin-bottom:20px}.section-heading h2{font-size:23px}.section-heading p{margin-top:10px}.how-grid{grid-template-columns:1fr;gap:18px}.how-grid article{padding-left:31px;padding-top:14px}.how-step{position:absolute;left:0;top:16px}.how-grid h3{margin:0 0 5px;font-size:13px}.how-grid p{max-width:none;font-size:10px}.history-section{padding:27px 0 22px}.history-note{display:block;margin-top:12px;font-size:8px}.empty-history{font-size:10px;padding:17px}.footer-bottom{align-items:start;font-size:7px;gap:15px}.footer-bottom p{max-width:220px}.footer-bottom>span{white-space:nowrap;font-size:6px}.prep-note{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-stage{width:100%;align-self:center}.portrait{width:100%;max-width:365px;aspect-ratio:498/422;height:auto;margin:auto;background:#e6cfda;border:1px solid #493140;border-radius:14px;overflow:hidden}.character{width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply;filter:none;mask-image:none}.portrait-caption{color:#a38a9b}.portrait-caption:hover{color:var(--pink)}@media(max-width:650px){.hero-stage{width:100%;align-self:auto}.portrait{width:100px;height:86px;max-width:100px;margin:0;aspect-ratio:498/422;border-radius:9px}.character{width:100%;height:100%;object-fit:contain;object-position:center}.portrait-caption{margin:0;text-align:left}}

[hidden]{display:none!important}.platform-picker{border:0;padding:0;margin:0 0 21px}.platform-picker legend{font-size:10px;color:#cabdc9;padding:0;margin-bottom:10px}.platform-category{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px;margin:0 0 8px}.platform-category span{font-size:7px;color:#b790a6;letter-spacing:.7px}.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:13px}.platform-button{border:1px solid #3d3541;border-radius:6px;background:#17131a;color:#ad9faf;padding:10px 5px;font-size:10px;min-height:38px}.platform-button:hover{border-color:#aa748f;color:var(--text)}.platform-button[aria-pressed=true]{border-color:#aa748f;background:#30212b;color:#f2d9e7}.audio-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0}.audio-format{border:1px solid #3d3541;background:#17131a;border-radius:6px;padding:12px;color:var(--muted);font-size:10px;margin:0 0 17px;display:flex;justify-content:space-between;gap:10px}.audio-format strong{color:var(--pink);font-weight:500}label[for=url]>#link-label{font-size:10px;letter-spacing:0;color:#cabdc9}@media(max-width:360px){.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.media-preview{display:flex;align-items:center;gap:13px;margin:0 0 14px;padding:11px;border:1px solid var(--line);border-radius:8px;background:#141217}.media-cover{position:relative;flex:0 0 116px;width:116px;aspect-ratio:16/9;overflow:hidden;border-radius:5px;background:#30212b;display:grid;place-items:center}.media-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-placeholder{color:var(--pink);font-size:22px}.is-audio .media-cover{flex-basis:72px;width:72px;aspect-ratio:1}.media-preview-info{min-width:0}.media-preview-info strong{display:block;font-size:11px;font-weight:500;overflow-wrap:anywhere;line-height:1.5}.media-preview-info>span{display:block;color:var(--muted);font-size:9px;margin-top:5px}@media(max-width:360px){.media-cover{flex-basis:86px;width:86px}}

.fast-option{display:flex;align-items:flex-start;gap:9px;margin:0 0 16px;font-size:10px;color:#cabdc9}.fast-option input{accent-color:var(--pink);margin-top:3px}.fast-option small{display:block;font-size:9px;line-height:1.6;color:var(--muted);margin-top:4px}

.share-actions{display:grid;gap:10px;margin-top:12px}.share-actions input{width:100%;box-sizing:border-box;padding:12px;border:1px solid #574352;border-radius:8px;background:#171218;color:#f3dce8}.share-actions small{color:#b5a5b2}.share-page{max-width:900px;margin:40px auto;padding:20px}.share-page video{width:100%;max-height:70vh}.share-page audio{width:100%}.share-page h1{font-size:24px;overflow-wrap:anywhere}

.browser-enhance{display:grid;gap:12px;margin-top:20px;padding:16px;border:1px solid #775367;border-radius:12px}.browser-enhance progress{width:100%}.browser-enhance button{padding:12px;border-radius:8px;cursor:pointer;background:#df9cba;color:#21101c;border:0}.browser-enhance small{color:#bbaaba}.browser-enhance input{width:100%;box-sizing:border-box}.enhanced-preview{width:100%;max-height:320px;border-radius:8px}.fast-option[hidden]{display:none}

.share-actions button.download-link{background:transparent;color:var(--pink);border:1px solid #775367}.fast-option:has(input:disabled){opacity:.55}


