:root{--paper: #F4F5F1;--ink: #22304A;--user: #1F7A67;--it: #9A6410;--signal: #C0452C;--line: #8B93A1;--muted: #5A6472;--card: #FFFFFF;--rule: #D8DAD2;--user-bg: #E3EFEA;--it-bg: #F4EBDC;--neutral-bg: #EAECF2;--signal-bg: #F7E7E2;--code-bg: #EDEEE8;--sans: "Noto Sans TC", system-ui, sans-serif;--head: "Space Grotesk", "Noto Sans TC", sans-serif;--mono: "IBM Plex Mono", "Noto Sans TC", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{color:var(--user);text-decoration:none}a:hover{color:var(--it)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-thumb{background:var(--rule);border-radius:6px}::-webkit-scrollbar-track{background:transparent}@keyframes drawerIn{0%{transform:translate(24px);opacity:0}to{transform:none;opacity:1}}@keyframes toastIn{0%{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.mono{font-family:var(--mono)}.head-font{font-family:var(--head);font-weight:700}.app-header{display:flex;align-items:center;gap:28px;padding:0 28px;height:58px;background:var(--card);border-bottom:1px solid var(--rule);flex-shrink:0}.nav-item{padding:6px 12px;border-radius:8px;color:var(--muted);cursor:pointer;font-size:13.5px}.nav-item:hover{background:var(--code-bg);color:var(--ink)}.nav-item.active-user{background:var(--user-bg);color:var(--user);font-weight:500}.nav-item.active-it{background:var(--it-bg);color:var(--it);font-weight:500}.fw-input,.fw-textarea{width:100%;padding:10px 13px;border:1px solid var(--line);border-radius:10px;font-family:var(--sans);font-size:13.5px;line-height:1.7;color:var(--ink);outline:none;background:var(--card)}.fw-input.mono,.fw-textarea.mono{font-family:var(--mono);font-size:12.5px}.fw-input:focus,.fw-textarea:focus{border-color:var(--ink)}.fw-textarea{resize:vertical}.fw-label{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.06em;margin-bottom:6px}.btn{border:none;border-radius:10px;font-family:var(--sans);cursor:pointer;font-size:13.5px}.btn-primary{background:var(--user);color:#fff;font-weight:500;padding:10px 26px}.btn-outline{background:var(--card);color:var(--ink);border:1px solid var(--line);padding:10px 18px}.btn-outline:hover{border-color:var(--ink)}.btn-amber{background:var(--it-bg);color:var(--it);border:1px solid var(--it)}.btn-danger-dashed{background:var(--card);color:var(--signal);border:1px dashed var(--signal)}.btn:disabled{opacity:.6;cursor:default}.card{background:var(--card);border:1px solid var(--rule);border-radius:12px}.bar-card{position:relative;background:var(--card);border:1px solid var(--rule);border-radius:10px;cursor:pointer}.bar-card:hover{border-color:var(--line)}.bar-card .bar{position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:10px 0 0 10px}.pill{font-family:var(--mono);font-size:11px;padding:3px 10px;border-radius:999px;white-space:nowrap}.votes-pill{font-family:var(--mono);font-size:11px;color:var(--ink);background:var(--neutral-bg);padding:1px 7px;border-radius:999px;font-weight:500;white-space:nowrap}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#22304a2e;z-index:40}.drawer{position:fixed;top:0;right:0;bottom:0;width:440px;max-width:92vw;background:var(--card);border-left:1px solid var(--rule);z-index:41;display:flex;flex-direction:column;animation:drawerIn .18s ease-out}.drawer-h3{margin:0 0 6px;font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.08em;font-weight:500}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);background:var(--ink);color:var(--paper);padding:10px 18px;border-radius:10px;font-size:13px;z-index:60;animation:toastIn .18s ease-out;max-width:80vw}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#22304a47;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--card);border:1px solid var(--rule);border-radius:12px;width:460px;max-width:100%;max-height:84vh;display:flex;flex-direction:column}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes pulse{0%,to{opacity:.55}50%{opacity:.9}}.skeleton{background:var(--code-bg);border-radius:8px;animation:pulse 1.4s ease-in-out infinite}