:root{--bg: #f6f5f2;--card: #ffffff;--text: #1c1b19;--muted: #6b675f;--line: #e4e1da;--accent: #5b3df5;--accent-text: #ffffff;--error-bg: #fdecea;--error-text: #8a1c12;--notice-bg: #fff6dd;color-scheme:light dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #111110;--card: #1b1a18;--text: #edebe6;--muted: #9c978d;--line: #2d2b27;--accent: #8b74ff;--error-bg: #3a1714;--error-text: #ffb4a9;--notice-bg: #33290f}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}main{max-width:640px;margin:0 auto;padding:32px 16px 64px;display:grid;gap:16px}h1{margin:0 0 8px;font-size:28px}h2{margin:0 0 12px;font-size:16px}header p,.hint{margin:0;color:var(--muted);line-height:1.5}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;gap:12px}.mono{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--muted);overflow-wrap:anywhere}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0}.stats dt{font-size:12px;color:var(--muted)}.stats dd{margin:4px 0 0;font-size:20px;font-variant-numeric:tabular-nums}.row{display:flex;flex-wrap:wrap;gap:8px}input{flex:1 1 120px;min-width:0;padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);font-size:15px}button,.button{padding:10px 14px;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);font-size:14px;cursor:pointer;text-decoration:none}button.secondary,.button.secondary{background:transparent;color:var(--text);border-color:var(--line)}button.link{padding:0;border:0;background:none;color:var(--accent);text-decoration:underline}button:disabled{opacity:.45;cursor:not-allowed}.error{margin:0;padding:12px;border-radius:8px;background:var(--error-bg);color:var(--error-text)}.notice{padding:10px 12px;border-radius:8px;background:var(--notice-bg);font-size:14px}.activity{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px}.activity li{display:grid;grid-template-columns:1fr auto auto auto;gap:12px;align-items:center}.activity a{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tag{font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}
