:root{--bg: #f6f5f1;--card: #fff;--ink: #17151f;--muted: #66637a;--line: #e7e5de;--accent: #5b3fe8}@media(prefers-color-scheme:dark){:root{--bg: #0f1117;--card: #17171a;--ink: #f4f2fb;--muted: #9a99a8;--line: #2a2a2e;--accent: #9d8bff}}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,Segoe UI,system-ui,sans-serif}body{display:grid;place-items:center;min-height:100vh;padding:16px}.dl{width:min(440px,100%);padding:32px 28px;border-radius:22px;background:var(--card);border:1px solid var(--line);text-align:center}.dl-logo{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#8e74ff,#5b3fe8 55%,#4232c9)}.dl-logo svg{width:72%;height:72%}h1{margin:16px 0 4px;font-size:21px;letter-spacing:-.01em}.dl-file{margin:0 0 20px;color:var(--muted);font-size:13px;word-break:break-all}.dl-bar{height:8px;border-radius:99px;background:var(--line);overflow:hidden}.dl-bar i{display:block;height:100%;width:0;border-radius:inherit;background:var(--accent);transition:width .25s ease}.dl-status{min-height:1.5em;margin:12px 0 18px;color:var(--muted);font-size:13px}.dl-btn{display:inline-block;padding:11px 22px;border-radius:99px;background:var(--ink);color:var(--bg);font-weight:600;text-decoration:none}.dl-back{display:block;margin-top:16px;color:var(--muted);font-size:13px}