:root{--bg: #0B0D10;--card: #12151A;--card2: #171B21;--border: #232830;--text: #E6EAF0;--text2: #9AA3AF;--muted: #6B7280;--accent: #22D3EE;--warn: #F59E0B;--program: #EF4444;--ok: #22C55E;--mono: ui-monospace, "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,Segoe UI,sans-serif}#root{max-width:860px;margin:0 auto;padding:16px 14px 60px}.top{display:flex;align-items:center;gap:10px;padding:6px 0 14px;flex-wrap:wrap}.top h1{font-size:19px;margin:0;letter-spacing:.02em}.top .line{width:26px;height:5px;border-radius:3px;background:var(--accent)}.top .who{margin-left:auto;color:var(--text2);font-size:12.5px}.tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.tab{background:var(--card);border:1px solid var(--border);color:var(--text2);border-radius:8px;padding:8px 16px;font-size:14px;cursor:pointer}.tab.on{color:var(--text);border-color:var(--accent)}.join{margin-left:auto;background:var(--accent);color:#06272c;border:none;border-radius:8px;padding:8px 16px;font-weight:600;font-size:14px;cursor:pointer;text-decoration:none}.join[disabled]{opacity:.45;cursor:default}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:10px}.story{display:flex;gap:12px}.story img{width:84px;height:56px;object-fit:cover;border-radius:8px;flex:none;background:var(--card2)}.story .t{font-weight:600;font-size:14.5px}.story .take{color:var(--text2);font-size:13px;margin-top:3px}.story .meta{color:var(--muted);font-size:12px;margin-top:6px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.badge{font-size:10.5px;font-weight:700;letter-spacing:.05em;border-radius:4px;padding:1px 6px}.badge.top{background:#f59e0b26;color:var(--warn);border:1px solid var(--warn)}.badge.star{background:#22d3ee1f;color:var(--accent);border:1px solid var(--accent)}.badge.warn1{background:#f59e0b1f;color:var(--warn);border:1px solid var(--warn)}.badge.warn2{background:#ef44441f;color:var(--program);border:1px solid var(--program)}.badge.dejavu{background:#9b78ff1f;color:#b79cff;border:1px solid #8b5cf6}.story a.t:hover{color:var(--accent)}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.chip{background:var(--card2);border:1px solid var(--border);color:var(--text2);border-radius:999px;padding:4px 12px;font-size:12.5px;cursor:pointer}.chip.on{color:var(--bg);background:var(--accent);border-color:var(--accent);font-weight:600}.btn{background:var(--card2);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:5px 12px;font-size:12.5px;cursor:pointer}.btn.primary{background:var(--accent);color:#06272c;border-color:var(--accent);font-weight:600}.btn.danger{color:var(--program);border-color:var(--program)}.item{display:flex;align-items:flex-start;gap:10px}.item.done .t{text-decoration:line-through;color:var(--muted)}.item .n{color:var(--muted);font-family:var(--mono);font-size:12px;padding-top:2px;width:20px;flex:none}.note{width:100%;background:var(--card2);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:6px 9px;font-size:13px;margin-top:6px}.sub{color:var(--muted);font-size:12.5px}.center{text-align:center;padding:40px 10px;color:var(--text2)}a{color:var(--accent);text-decoration:none}