:root{--bg:#0e1116;--panel:#161a22;--panel-2:#1c212c;--border:#272d3a;--text:#e6e9f0;--muted:#8b93a7;--accent:#6ea8fe;--ok:#4ade80;--warn:#fbbf24;--err:#f87171}*{box-sizing:border-box}body,html{max-width:100%;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;-webkit-text-size-adjust:100%}.card a,.desc,.summary,h3{overflow-wrap:anywhere}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.nav{display:flex;align-items:center;gap:20px;padding:10px 20px;background:var(--panel);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:10}.nav .brand{font-weight:700;font-size:16px;color:var(--text)}.nav .brand span{color:var(--accent)}.nav a.link{color:var(--muted);font-weight:500}.nav a.link.active,.nav a.link:hover{color:var(--text)}.nav .spacer{flex:1 1}.nav .sync-btn{cursor:pointer}.container{max-width:860px;margin:0 auto;padding:20px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:12px}.card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.card h3{margin:0 0 4px;font-size:16px}.card .desc{color:var(--muted);margin:4px 0}.card .meta{color:var(--muted);font-size:12px;display:flex;gap:12px;flex-wrap:wrap}.card .summary{background:var(--panel-2);border-left:3px solid var(--accent);padding:8px 12px;border-radius:0 6px 6px 0;margin:10px 0;font-size:14px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.chip{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:2px 10px;font-size:12px;color:var(--muted)}.chip .x{cursor:pointer;margin-left:6px;color:var(--err)}.badge{display:inline-block;border-radius:6px;padding:1px 8px;font-size:12px;font-weight:600;border:1px solid var(--border)}.badge.inbox{color:var(--warn)}.badge.useful{color:var(--ok)}.badge.try{color:var(--accent)}.badge.reference{color:#b48ead}.badge.archive{color:var(--muted)}.badge.pending{color:var(--warn)}.badge.accepted{color:var(--ok)}.badge.rejected{color:var(--err)}.btns{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.btn{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:5px 12px;cursor:pointer;font-size:13px}.btn:hover{border-color:var(--accent)}.btn.active,.btn.primary{background:var(--accent);color:#0b1220;border-color:var(--accent)}.kbd{background:var(--panel-2);border:solid var(--border);border-width:1px 1px 2px;border-radius:5px;padding:0 6px;font-family:ui-monospace,monospace;font-size:12px}input[type=text],textarea{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:8px 10px;font-size:14px;font-family:inherit;width:100%}input[type=text]:focus,textarea:focus{outline:none;border-color:var(--accent)}.field{margin:8px 0}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.searchbar{display:flex;gap:8px;margin-bottom:16px}.searchbar input{flex:1 1}.hint{font-size:12px;margin:10px 0}.empty,.hint{color:var(--muted)}.empty{text-align:center;padding:40px 0}.error{background:#2a1518;border:1px solid var(--err);border-radius:8px;color:var(--err);padding:10px 14px;margin:10px 0}.scorebar{display:flex;gap:10px;font-size:12px;color:var(--muted);margin-top:6px;flex-wrap:wrap}@media (max-width:640px){.container{padding:12px}.nav{padding:8px 12px;gap:10px;flex-wrap:wrap}.nav .brand{font-size:14px}.nav a.link{font-size:13px}.btn{padding:4px 10px;font-size:12px}.searchbar{flex-wrap:wrap}.searchbar input{font-size:16px}.card{padding:12px}.card h3{font-size:15px}.chips{gap:4px}.chip{font-size:11px;padding:2px 8px}.kbd{font-size:10px;padding:0 4px}.hint{font-size:11px}}