:root{--bg:#16130e;--surface:#201b13;--border:#322a1d;--paper:#f6efe2;--paper-ink:#2b2318;--paper-muted:#6f6250;--text:#f0e9dc;--muted:#a89a82;--amber:#f5a623;--amber-deep:#c67f0a;--flag:#e0654f;--ok:#7bb970}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);font-family:Inter Tight,system-ui,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}.shell{max-width:560px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:16px 16px 0}.brand{display:flex;align-items:baseline;justify-content:space-between;padding:4px 2px 14px}.brand h1{font-family:Fraunces,serif;font-weight:600;font-size:20px;letter-spacing:.01em}.brand h1 span{color:var(--amber)}.count{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--muted)}.dots{display:flex;gap:6px;padding:0 2px 14px}.dots i{width:7px;height:7px;border-radius:50%;background:var(--border)}.dots i.here{background:var(--amber)}.dots i.done{background:var(--amber-deep);opacity:.45}.letter{background:var(--paper);color:var(--paper-ink);border-radius:14px;padding:20px 18px;box-shadow:0 12px 40px rgba(0,0,0,.45);animation:rise .28s ease}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.letter{animation:none}}.letter .meta{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--paper-muted);display:flex;justify-content:space-between;gap:8px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.06em}.letter .from{font-weight:600;font-size:16px}.letter .subject{font-family:Fraunces,serif;font-size:19px;font-weight:500;margin:2px 0 12px;line-height:1.3}.letter .body{font-size:15px;line-height:1.65;white-space:pre-wrap;max-height:34dvh;overflow-y:auto}.suggest{margin-top:14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px}.suggest .label{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--amber);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.suggest textarea{width:100%;background:transparent;border:none;color:var(--text);font-family:Inter Tight,sans-serif;font-size:15px;line-height:1.6;resize:vertical;min-height:120px;outline:none}.suggest textarea:focus-visible{outline:2px solid var(--amber);outline-offset:4px;border-radius:6px}.actions{position:-webkit-sticky;position:sticky;bottom:0;margin-top:auto;padding:14px 0 max(16px,env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 30%);display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}button{font-family:Inter Tight,sans-serif;font-weight:600;font-size:16px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:16px 12px;cursor:pointer}button:focus-visible{outline:2px solid var(--amber);outline-offset:2px}button:disabled{opacity:.5;cursor:default}button.primary{grid-column:1/-1;background:var(--amber);border-color:var(--amber);color:#1c1608}button.flag{color:var(--flag);border-color:hsla(9,70%,59%,.4)}.center{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding-bottom:80px}.center h2{font-family:Fraunces,serif;font-weight:500;font-size:24px}.center p{color:var(--muted);font-size:15px;line-height:1.6;max-width:320px}.pin-box{display:flex;gap:10px;width:100%;max-width:300px}.pin-box input{flex:1 1;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text);font-family:JetBrains Mono,monospace;font-size:18px;text-align:center;padding:14px;letter-spacing:.3em}.pin-box input:focus-visible{outline:2px solid var(--amber)}.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:110px;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 16px;z-index:10}.err,.toast{font-size:14px}.err{color:var(--flag)}.shell.wide{max-width:860px}.brand a.count{text-decoration:none}.summary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:16px}.sum-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;text-align:center}.sum-num{font-family:Fraunces,serif;font-size:28px;font-weight:600;line-height:1.1}.sum-label{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.site-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:10px;gap:10px}.site-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px}.site-card.down{border-color:hsla(9,70%,59%,.55)}.site-head{display:flex;align-items:center;gap:8px}.dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.dot.up{background:var(--ok);box-shadow:0 0 8px rgba(123,185,112,.5)}.dot.down{background:var(--flag);box-shadow:0 0 8px hsla(9,70%,59%,.6)}.dot.unmonitored{background:var(--border)}.site-name{font-weight:600;font-size:15px}.site-state{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.site-card.down .site-state{color:var(--flag)}.ticks{display:flex;gap:2px;align-items:flex-end;height:18px;margin:12px 0 8px}.ticks i{flex:1 1;min-width:3px;border-radius:1px;height:100%}.ticks .t-ok{background:rgba(123,185,112,.55)}.ticks .t-bad{background:var(--flag)}.site-stats{display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--muted)}.site-badges{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.badge{font-family:JetBrains Mono,monospace;font-size:10px;padding:3px 8px;border-radius:999px;border:1px solid var(--border);color:var(--text)}.badge.bad{border-color:hsla(9,70%,59%,.5);color:var(--flag)}.badge.warn{border-color:rgba(245,166,35,.5);color:var(--amber)}.badge.quiet{color:var(--muted)}.section-title{font-family:Fraunces,serif;font-weight:500;font-size:18px;margin:24px 0 10px}.quiet-note{color:var(--muted);font-size:14px}.err-row{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:8px;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:center}.err-main{display:flex;gap:10px;align-items:baseline;background:none;border:none;padding:12px 14px;text-align:left;font-size:14px;min-width:0}.err-product{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--amber);text-transform:uppercase;letter-spacing:.06em;flex:0 0 auto}.err-msg{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.err-count{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--muted);flex:0 0 auto}.err-actions{display:flex;gap:6px;padding:0 10px}.err-actions button{padding:8px 12px;font-size:13px;border-radius:8px}.err-detail{grid-column:1/-1;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--muted);padding:0 14px 14px;white-space:pre-wrap;word-break:break-word}@media (max-width:480px){.summary{grid-template-columns:repeat(3,1fr);gap:8px}.sum-num{font-size:22px}}.wl-add{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.wl-add input,.wl-add select,.wl-add textarea{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:Inter Tight,system-ui,sans-serif;font-size:14px;padding:9px 11px;width:100%}.wl-add input:focus-visible,.wl-add select:focus-visible,.wl-add textarea:focus-visible{outline:2px solid var(--amber);outline-offset:1px}.wl-add textarea{resize:vertical;min-height:52px}.wl-add-row{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px}.wl-add-foot{justify-content:space-between;gap:12px}.wl-add-foot,.wl-chips{display:flex;align-items:center}.wl-chips{flex-wrap:wrap;gap:6px;margin-bottom:12px}.wl-ledger{border-top:1px solid var(--border)}.wl-row{display:grid;grid-template-columns:96px 30px 1fr;grid-gap:12px;gap:12px;padding:12px 2px;border-bottom:1px solid var(--border);font-size:14px}.wl-when{font-size:11px;color:var(--muted);padding-top:2px;white-space:nowrap}.wl-actor,.wl-when{font-family:JetBrains Mono,monospace}.wl-actor{font-size:10px;font-weight:500;height:20px;width:26px;display:grid;place-items:center;border-radius:6px;border:1px solid var(--border);color:var(--muted)}.wl-actor.claude-chat,.wl-actor.claude-code{color:var(--amber);border-color:rgba(245,166,35,.45)}.wl-product{color:var(--amber);font-weight:600;margin-right:8px}.wl-cat{font-family:JetBrains Mono,monospace;font-size:10px}.wl-cat,.wl-next{color:var(--muted)}.wl-next{font-size:13px;margin-top:2px}.wl-next:before{content:"→ ";color:var(--amber)}@media (max-width:480px){.wl-row{grid-template-columns:78px 26px 1fr;gap:8px}}