:root{--bg:#100b13;--surface:#211824;--line:#49344c;--text:#fff1fa;--muted:#c3afc5;--pink:#ff91c6}
body{background:radial-gradient(ellipse at 80% 12%,#56234255,transparent 40%),radial-gradient(ellipse at 5% 60%,#30204655,transparent 40%),var(--bg);font-size:16px}
.site-shell{max-width:1240px;padding:0 40px}.header{height:90px}.header nav{font-size:14px}.brand-name{font-size:28px}.brand-mp4,.open-sign{font-size:12px}.open-sign{color:var(--muted)}
.hero{grid-template-columns:1.5fr 1fr;gap:48px;padding:64px 0 44px;align-items:center}.hero-copy{max-width:none}.eyebrow{font-size:12px;letter-spacing:2px}h1{font-size:clamp(42px,5vw,68px);line-height:1.12;letter-spacing:-2.5px;margin:22px 0}.intro{font-size:17px;line-height:1.7;margin:0;max-width:440px}
.hero-stage{position:relative;display:block}.hero-stage:before,.hero-stage:after{position:absolute;content:'✦';color:var(--pink);font-size:38px;pointer-events:none;z-index:1}.hero-stage:before{left:-10px;top:8%;transform:rotate(-15deg)}.hero-stage:after{right:0;bottom:15%;font-size:24px}.portrait{width:100%;max-width:350px;height:auto;aspect-ratio:498/422;border-radius:36px 36px 90px 36px;border:2px solid #d77cab88;box-shadow:0 18px 70px #ff72b428;transform:rotate(3deg);transition:transform .35s,box-shadow .35s}.character{mix-blend-mode:multiply}.portrait-caption{font-size:14px;margin-top:22px;color:var(--muted)}
.converter-card{max-width:820px;margin:auto;border-radius:24px;padding:30px 32px 0;box-shadow:0 24px 80px #0004;background:linear-gradient(135deg,#271d2b,#1b141f)}.card-heading{margin-bottom:22px}.card-heading h2{font-size:22px}.card-heading h2:before{content:'✧ ';color:var(--pink)}
label[for=url]>#link-label{font-size:16px;color:var(--text)}label[for=url]>#platform-name{font-size:10px;color:var(--pink)}.input-wrap{margin-top:12px;border-radius:12px;padding:0 14px;gap:12px}input[type=url]{font-size:16px;padding:18px 0}#paste{font-size:13px;padding:8px 12px}#url-help{font-size:14px;line-height:1.6;color:var(--muted);margin:10px 0 20px}
.manual-platform,#advanced{margin:0 0 22px;border-top:1px solid var(--line);padding-top:14px}.manual-platform summary,#advanced summary{cursor:pointer;color:var(--muted);font-size:14px;padding:5px 0}.platform-picker{margin:16px 0 0}.platform-picker legend,.platform-category{font-size:13px}.platform-category span{font-size:10px}.platform-button{font-size:14px;padding:12px;min-height:46px;border-radius:9px}.platform-grid{gap:10px}.dose-options{gap:14px;margin-bottom:22px}.dose-options legend{font-size:15px;margin-bottom:12px;color:var(--text)}.dose-content{padding:15px;border-radius:12px}.dose-content b{font-size:18px}.dose-content small{font-size:10px}.dose-description{font-size:13px}.radio-mark{width:16px;height:16px}.fast-option{font-size:15px;margin-top:16px}.fast-option small{font-size:14px}.fast-option input{width:18px;height:18px;flex-shrink:0}.audio-format{font-size:15px;padding:16px;border-radius:12px;flex-wrap:wrap}.audio-format strong{font-size:14px}
.primary-button{border-radius:12px;padding:18px 20px;font-size:16px;transition:background .2s,transform .2s}.primary-button:hover:not(:disabled){transform:translateY(-2px);background:#ffb7da}.primary-button:disabled{opacity:.6}.card-foot{font-size:12px;padding:20px 0;color:var(--muted)}.prep-note{font-size:13px;margin:18px 0 48px;color:var(--muted)}
#status{font-size:15px;margin-top:24px;padding-top:24px;color:var(--text)}#status audio{width:100%;margin:8px 0 18px;border-radius:12px}.media-preview{padding:16px;gap:16px;border-radius:14px}.media-preview-info strong{font-size:16px}.media-preview-info>span{font-size:13px}.is-audio .media-cover{width:88px;flex-basis:88px;border-radius:10px}.download-link{font-size:14px;padding:12px 16px;border-radius:10px;cursor:pointer;background:transparent}.download-link:hover{background:#422338}#status>a.download-link{display:block;width:100%;background:var(--pink);border:0;color:#291020;font-weight:700;text-align:center;font-size:18px;padding:18px;margin:18px 0 8px}#status>a.download-link:hover{background:#ffb7da}.has-result #button{background:transparent;border:1px solid var(--line);color:var(--muted);font-size:14px;padding:12px}.share-actions{gap:12px}.share-actions small{font-size:13px;color:var(--muted)}
.progress-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;list-style:none;margin:0 0 20px;padding:0;font-size:12px;color:var(--muted)}.progress-steps li{border-top:3px solid var(--line);padding-top:9px}.progress-steps .current{color:var(--pink);border-color:var(--pink)}.progress-steps .complete{color:#b6e4ca;border-color:#7ebd9a}.progress-steps .complete:before{content:'✓ '}
.how-section,.history-section{padding:40px 0}.section-heading h2{font-size:30px}.section-heading p,.history-note{font-size:14px;color:var(--muted)}.how-grid{gap:28px}.how-grid h3{font-size:19px}.how-grid p{font-size:15px;line-height:1.8;max-width:none}.how-step{font-size:14px}.empty-history{font-size:15px;padding:26px}.history{padding:22px;border:1px solid var(--line);background:var(--surface);border-radius:16px;font-size:16px}.history strong{display:block}.history .small{font-size:13px;color:var(--muted)}#history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.empty-history{grid-column:1/-1}.quiet-button{padding:8px 0;margin-bottom:18px;background:none;border:0;font-size:13px;color:var(--muted);text-decoration:underline}.fine-print,.fine-print p{font-size:14px;color:var(--muted);line-height:1.8}.footer-bottom{font-size:12px;color:var(--muted)}.footer-bottom>span{font-size:10px}
body[data-mood=loading] .portrait{animation:pukey-breathe 2s ease-in-out infinite;box-shadow:0 0 70px #ff72b44d}body[data-mood=ready] .portrait{animation:pukey-cheer .65s ease-in-out 2;box-shadow:0 0 75px #ff91c65c}body[data-mood=error] .portrait{transform:rotate(-5deg)}body[data-mood=ready] .hero-stage:after{content:'✦ ✧'}
@keyframes pukey-breathe{50%{transform:rotate(1deg) translateY(-8px)}}@keyframes pukey-cheer{50%{transform:rotate(-3deg) translateY(-14px)}}
@media(max-width:800px){.site-shell{padding:0 24px}.hero{gap:24px;padding:40px 0}.hero h1{font-size:44px}.portrait{max-width:280px}.how-grid{gap:18px}.converter-card{padding:26px 24px 0}}
@media(max-width:650px){.site-shell{padding:0 18px}.header{height:76px}.header nav{font-size:13px;gap:18px}.hero{display:grid;grid-template-columns:1fr 100px;gap:14px;padding:32px 0}.hero h1{font-size:36px;letter-spacing:-1.5px}.hero .intro{font-size:15px}.eyebrow{font-size:10px}.hero-stage{display:block;width:100%;align-self:center}.portrait{width:100%;max-width:100px;height:auto;margin:0;border-radius:18px;aspect-ratio:498/422}.character{height:100%;width:100%}.portrait-caption{font-size:11px;text-align:center;margin-top:12px}.hero-stage:before{font-size:20px}.hero-stage:after{font-size:16px;bottom:30%}.converter-card{padding:24px 18px 0;border-radius:18px}.card-heading h2{font-size:20px}label[for=url]{gap:10px;align-items:center}label[for=url]>#link-label{font-size:14px}label[for=url]>#platform-name{font-size:9px}.audio-format{display:block}.audio-format strong{display:block;margin-top:6px}.dose-content small{display:block;margin:2px 0}.progress-steps{font-size:10px;gap:5px}#history{grid-template-columns:1fr}.how-grid{grid-template-columns:1fr}.how-grid h3{font-size:18px}.how-grid p{font-size:14px}.footer-bottom{font-size:11px}.prep-note{margin-bottom:30px}.section-heading{display:block}.history-note{display:block;margin-top:12px;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.portrait{transform:none!important}}

.audio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:450px){.audio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}