:root{--bg:#f4f4f2;--fg:#23252a;--muted:#6b6f78;--zone-bg:#fff;--border:#c3c6cc;--accent:#2f6fdb;--accent-soft:#2f6fdb14;--ok:#1f8a4c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17181b;--fg:#e8e9ec;--muted:#9a9ea8;--zone-bg:#1f2125;--border:#4a4e57;--accent:#6d9ff5;--accent-soft:#6d9ff51f;--ok:#4cc27f}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.page{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100%;padding:24px 16px;display:flex}h1{letter-spacing:.04em;color:var(--muted);margin:0;font-size:15px;font-weight:600}.zone{border:2px dashed var(--border);background:var(--zone-bg);border-radius:24px;justify-content:center;align-items:center;width:min(560px,90vw);min-height:320px;transition:border-color .15s,background-color .15s,transform .15s;display:flex;position:relative}.zone.drag{border-color:var(--accent)}.zone:has(.target:hover){border-color:var(--accent)}.zone.drag{background:var(--accent-soft);transform:scale(1.01)}.zone[data-state=working] .target{cursor:progress}.target{cursor:pointer;border-radius:24px;outline:none;position:absolute;inset:-2px}.target:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.content{pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:6px;max-width:100%;padding:32px 24px;display:flex;position:relative}.extras{pointer-events:auto}.icon{color:var(--muted);margin-bottom:8px}.zone.drag .icon,.zone[data-state=working] .icon{color:var(--accent)}.zone[data-state=done] .icon{color:var(--ok)}.main{font-variant-numeric:tabular-nums;margin:0;font-size:20px;font-weight:600}.sub{color:var(--muted);margin:0}.bar{background:var(--border);border-radius:2px;width:min(320px,70vw);height:4px;margin-top:10px;overflow:hidden}.bar i{background:var(--accent);width:0;height:100%;transition:width .2s;display:block}.extras{flex-direction:column;align-items:center;gap:6px;margin-top:6px;font-size:14px;display:flex}.extras a{color:var(--accent)}details{color:var(--muted);max-width:min(480px,80vw)}summary{cursor:pointer}details ul{text-align:left;background:var(--bg);border-radius:8px;max-height:140px;margin:8px 0 0;padding:8px 12px;font-size:13px;list-style:none;overflow:auto}details li{overflow-wrap:anywhere}details .name{color:var(--fg)}[hidden]{display:none!important}.privacy{color:var(--muted);text-align:center;margin:0;font-size:13px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.zone,.bar i{transition:none}.zone.drag{transform:none}}