:root{--bg: #fafafa;--fg: #111;--muted: #666;--line: #d8d8d8;--accent: #2563eb;--accent-bg: #eef3ff;--card: #fff;--err: #b91c1c;--err-bg: #fee2e2;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #0f0f10;--fg: #ececec;--muted: #999;--line: #333;--accent: #60a5fa;--accent-bg: #16213a;--card: #18181b;--err: #fca5a5;--err-bg: #3b1212}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}main{max-width:560px;margin:8vh auto;padding:0 20px}h1{margin:0;font-size:28px;letter-spacing:-.02em}.sub{margin:4px 0 24px;color:var(--muted)}.drop{border:2px dashed var(--line);border-radius:12px;padding:44px 20px;text-align:center;cursor:pointer;background:var(--card);transition:border-color .15s,background .15s;outline:none}.drop:hover,.drop:focus-visible,.drop.over{border-color:var(--accent);background:var(--accent-bg)}.drop.busy{cursor:default}.icon{font-size:32px;margin-bottom:8px;color:var(--accent)}.hint{color:var(--muted);font-size:13px;margin-top:6px}.bar{height:8px;background:var(--line);border-radius:4px;overflow:hidden}#fill{height:100%;width:0;background:var(--accent);transition:width .1s linear}.options{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:14px}select{padding:6px 10px;border-radius:6px;border:1px solid var(--line);background:var(--card);color:var(--fg);font:inherit}.error{margin-top:14px;padding:10px 12px;border-radius:8px;background:var(--err-bg);color:var(--err);font-size:14px}.results{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px}.result{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.result .name{font-size:13px;color:var(--muted);display:flex;justify-content:space-between;gap:8px}.result .name span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result .row{display:flex;gap:8px;margin-top:8px}.result input{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--fg);font:14px ui-monospace,SFMono-Regular,Menlo,monospace}button{padding:8px 12px;border-radius:6px;border:1px solid var(--accent);background:var(--accent);color:#fff;font:inherit;cursor:pointer}button:hover{filter:brightness(1.08)}.login{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;font-size:14px}.login .row{display:flex;gap:8px;margin-top:8px}.login input{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--fg);font:inherit}.foot{margin-top:24px;text-align:center}button.link{background:none;border:none;color:var(--muted);font-size:13px;padding:0;text-decoration:underline}