:root{--bg:#f4f6fb;--card:#fff;--fg:#1e2333;--mut:#6a7186;--acc:#4f46e5;--line:#e3e6ef}
@media(prefers-color-scheme:dark){:root{--bg:#0f1220;--card:#181c2e;--fg:#e6e8f0;--mut:#9ba1b5;--acc:#818cf8;--line:#262b40}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.55 Inter,system-ui,sans-serif;display:flex;flex-direction:column;min-height:100vh}
header{padding:18px 24px;font-weight:700;font-size:18px}header span{color:var(--acc)}main{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px 16px}
.drop{background:var(--card);border:2px dashed var(--line);border-radius:16px;padding:48px 28px;text-align:center;max-width:520px;width:100%}
.btn{display:inline-block;background:var(--acc);color:#fff;border:0;border-radius:10px;padding:11px 22px;font-size:15px;margin-top:14px;cursor:not-allowed;opacity:.85}
.mut{color:var(--mut);font-size:13px}.faq{max-width:520px;width:100%;margin-top:28px}.faq h3{font-size:15px;margin:16px 0 4px}footer{text-align:center;padding:16px;color:var(--mut);font-size:12px}