:root{color-scheme:light dark;--bg:#07111f;--panel:#101f34;--text:#f7fbff;--muted:#b9c7d8;--accent:#64d8cb;--focus:#ffd166;--danger:#ff8080;--max:72rem;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#123253 0,var(--bg) 42rem);color:var(--text);line-height:1.55}.skip-link{position:absolute;left:1rem;top:-5rem;background:var(--focus);color:#111;padding:.75rem;z-index:10}.skip-link:focus{top:1rem}a{color:var(--accent)}button,input{font:inherit}.site-header,main,footer{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}.site-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0}.brand{font-weight:800;text-decoration:none;color:var(--text)}.language,.retry{border:2px solid var(--accent);border-radius:.65rem;background:transparent;color:var(--text);padding:.55rem .9rem;cursor:pointer}.hero{text-align:center;padding:4rem 0 2rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-weight:800}.hero h1{font-size:clamp(2.3rem,8vw,5rem);line-height:1;margin:.3rem}.hero p:last-child{max-width:44rem;margin:1rem auto;color:var(--muted);font-size:1.15rem}.converter{background:color-mix(in srgb,var(--panel) 90%,transparent);border:1px solid #335070;border-radius:1.3rem;padding:clamp(1rem,4vw,2.5rem);box-shadow:0 1.5rem 5rem #0005}.converter h2,.converter legend{font-size:1.35rem;font-weight:800}.upload{min-height:11rem;border:3px dashed var(--accent);border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem;cursor:pointer}.upload>span{font-size:2.5rem}.upload small{color:var(--muted);margin-top:.4rem}#playlist-file{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#playlist-file:focus+.choice-step,.upload:has(+ #playlist-file:focus){outline:4px solid var(--focus);outline-offset:4px}.choice-step{border:0;padding:1.5rem 0 0;margin:0}.choice-step p{color:var(--muted)}.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.75rem}.service{min-height:6.5rem;border:2px solid #45698e;border-radius:1rem;background:#0b1829;color:var(--text);padding:.8rem;display:grid;place-items:center;gap:.3rem;cursor:pointer;font-weight:750}.service-icon{font-size:1.75rem}.service:hover{border-color:var(--accent);transform:translateY(-2px)}.service[aria-pressed=true]{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus)}:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.status{min-height:2rem;margin-top:1.3rem;font-weight:750}.status.success{border-left:5px solid var(--accent);padding:1rem;background:#0c2a29}.status.error{border-left:5px solid var(--danger);padding:1rem}.ad-space{min-height:7rem;margin:2.5rem 0;display:grid;place-items:center;border-top:1px solid #31465f;border-bottom:1px solid #31465f;color:var(--muted)}.ad-space>span{font-size:.75rem}.ad-space>ins.adsbygoogle{width:100%;min-width:0;justify-self:stretch}.privacy{max-width:48rem;margin:3rem auto}.privacy h2{font-size:1.7rem}footer{padding:2rem 0 4rem;color:var(--muted);text-align:center}@media(max-width:25rem){.hero{padding-top:2rem}.services{grid-template-columns:1fr 1fr}.converter{padding:1rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.service:hover{transform:none}}@media(forced-colors:active){.service,.upload,.converter{border:2px solid CanvasText}.service[aria-pressed=true]{outline:4px solid Highlight}}
.direct-transfer{margin-top:1.5rem;padding:1.25rem;border:2px solid #d7dce5;border-radius:1rem}.direct-transfer progress{display:block;width:100%;margin-top:1rem}
[hidden]{display:none!important}#account-transfer{padding-bottom:2rem;border-bottom:1px solid #335070;margin-bottom:2rem}#account-transfer label{display:block;margin-top:1rem}#account-transfer select,#account-transfer input{width:100%;padding:.6rem;background:var(--panel);color:var(--text);border:1px solid #45698e;border-radius:.4rem}#account-transfer button:not(.service){padding:.65rem 1rem;margin-top:1rem;border:1px solid var(--accent);border-radius:.5rem;background:var(--panel);color:var(--text);cursor:pointer}button:disabled{opacity:.6;cursor:default}#account-status{margin-block:1rem}#account-progress{width:100%}