:root{--bg:#f6f7f9;--card:#fff;--text:#16181d;--muted:#6b7280;--accent:#2563eb;--accent-soft:#dbeafe;--border:#e5e7eb;--star:#f59e0b;--danger:#dc2626;--ok:#16a34a}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--card:#171a21;--text:#e7e9ee;--muted:#9aa1ad;--accent:#60a5fa;--accent-soft:#1e3a5f;--border:#262b35}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);padding-bottom:calc(60px + env(safe-area-inset-bottom));font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.topbar{z-index:10;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));background:var(--bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar h1{margin:0;font-size:1.15rem}.topbar .actions{color:var(--muted);gap:14px;display:flex}.feed{flex-direction:column;gap:10px;max-width:640px;margin:0 auto;padding:10px 10px 30px;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px}.card .meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;display:flex}.card .meta .source{color:var(--accent);font-weight:600}.card h2{margin:6px 0;font-size:1.05rem;line-height:1.3}.card .summary{color:var(--muted);margin:0 0 10px;font-size:.92rem}.card .foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.card .links{color:var(--muted);gap:14px;font-size:.82rem;display:flex}.card .links button:active{opacity:.6}.topic-chip{background:var(--accent-soft);color:var(--accent);border-radius:20px;padding:1px 9px;font-size:.72rem;display:inline-block}.stars{gap:3px;display:inline-flex}.stars button{color:var(--border);padding:2px;font-size:1.35rem;line-height:1}.stars button.on{color:var(--star)}.breakdown{border-top:1px dashed var(--border);margin-top:10px;padding-top:8px;font-size:.82rem}.breakdown table{border-collapse:collapse;width:100%}.breakdown td{color:var(--muted);padding:1px 0}.breakdown td.v{text-align:right;font-variant-numeric:tabular-nums}.breakdown td.pos{color:var(--ok)}.breakdown td.neg{color:var(--danger)}.breakdown .total td{border-top:1px solid var(--border);color:var(--text);font-weight:600}.alternates{border-top:1px dashed var(--border);margin-top:10px;padding-top:8px;font-size:.86rem}.alternates a{color:var(--accent);padding:4px 0;display:block}.tabbar{background:var(--card);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 0 8px;font-size:.72rem;display:flex}.tabbar button.active{color:var(--accent)}.tabbar .icon{font-size:1.25rem}.sheet-backdrop{z-index:50;background:#00000073;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--card);width:100%;padding:20px 16px calc(20px + env(safe-area-inset-bottom));text-align:center;border-radius:16px 16px 0 0}.sheet h3{margin:0 0 4px;font-size:1rem}.sheet .sub{color:var(--muted);margin-bottom:12px;font-size:.85rem}.sheet .stars button{padding:4px 6px;font-size:2.2rem}.sheet .dismiss{color:var(--muted);margin-top:12px;padding:8px;font-size:.9rem}.page{max-width:640px;margin:0 auto;padding:14px 12px 40px}.page h2{font-size:1.1rem}.page section{margin-bottom:22px}.row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.row .label{flex:1;min-width:0}.row .label .sub{color:var(--muted);font-size:.78rem}.row input[type=range]{width:130px;accent-color:var(--accent)}.row .val{text-align:right;font-variant-numeric:tabular-nums;width:44px;color:var(--muted);font-size:.85rem}.btn{background:var(--accent);color:#fff;border-radius:8px;padding:9px 16px;font-weight:600;display:inline-block}.btn.secondary{background:var(--card);color:var(--accent);border:1px solid var(--accent)}.btn:disabled{opacity:.5}input[type=text],input[type=password],textarea{background:var(--card);width:100%;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:8px;padding:10px}.login-wrap{flex-direction:column;gap:12px;max-width:360px;margin:18vh auto 0;padding:0 20px;display:flex}.login-wrap h1{text-align:center}.error{color:var(--danger);font-size:.9rem}.hint{color:var(--muted);font-size:.85rem}.badge{background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:2px 7px;font-size:.72rem}.badge.warn{color:var(--danger);background:#7f1d1d33}.badge.ok{color:var(--ok);background:#14532d33}.rule-json{background:var(--bg);border:1px solid var(--border);white-space:pre;border-radius:8px;padding:8px;font-family:ui-monospace,monospace;font-size:.75rem;overflow-x:auto}.topic-grid{flex-wrap:wrap;gap:8px;display:flex}.topic-grid button{border:1px solid var(--border);background:var(--card);border-radius:20px;padding:7px 14px;font-size:.9rem}.topic-grid button.on{background:var(--accent);border-color:var(--accent);color:#fff}.empty{text-align:center;color:var(--muted);padding:60px 20px}.flow{flex-wrap:wrap;align-items:center;gap:4px;margin:10px 0 14px;display:flex}.flow-stage{align-items:center;gap:4px;display:inline-flex}.flow-arrow{color:var(--muted);font-size:.8rem}.flow-chip{border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:3px 8px;font-size:.75rem;display:inline-block}.flow-chip b{color:var(--text);font-variant-numeric:tabular-nums}.flow-chip.busy{border-color:var(--accent);color:var(--accent)}.flow-chip.busy b{color:var(--accent)}.flow-chip.done{border-color:var(--ok)}.flow-chip.failed{border-color:var(--danger);color:var(--danger)}.flow-chip.failed b{color:var(--danger)}.filter-chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.filter-chips button{border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:14px;padding:4px 11px;font-size:.78rem}.filter-chips button.on{background:var(--accent);border-color:var(--accent);color:#fff}.activity-row{border-bottom:1px solid var(--border);cursor:pointer;padding:9px 0}.activity-head{align-items:center;gap:8px;font-size:.78rem;display:flex}.activity-head .source{color:var(--accent);font-weight:600}.activity-title{overflow-wrap:anywhere;margin:3px 0 2px;font-size:.9rem}.activity-row .hint{font-size:.76rem}.activity-detail{color:var(--muted);margin-top:6px;font-size:.84rem}.activity-detail a{color:var(--accent);overflow-wrap:anywhere}.stats-scroll{-webkit-overflow-scrolling:touch;margin:8px 0;overflow-x:auto}.stats-table{border-collapse:collapse;white-space:nowrap;min-width:100%;font-size:.78rem}.stats-table th{text-align:right;color:var(--muted);border-bottom:1px solid var(--border);padding:4px 8px;font-weight:500}.stats-table th:first-child{text-align:left}.stats-table td{text-align:right;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;padding:4px 8px}.stats-table td.src{text-align:left;font-weight:600}.stats-table td.bad{color:var(--danger)}.linklike{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:6px;font-size:.85rem;text-decoration:underline}.card h2{margin-top:0}.card code{margin:8px 0;font-size:.8rem;display:block}