:root{--bg: #0d1117;--panel: #161b22;--panel-2: #1c232d;--text: #e6edf3;--muted: #9da7b3;--accent: #4ade80;--border: #232b36;--danger: #f87171;--warn: #fbbf24;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(1200px 600px at 50% -10%,#15351f 0%,var(--bg) 55%);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55}a{color:var(--accent)}.muted{color:var(--muted)}.error-text{color:var(--danger)}.warn-text{color:var(--warn);background:#2a230c;border:1px solid #4d3f12;padding:.7rem .9rem;border-radius:.6rem}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.25rem;border-bottom:1px solid var(--border)}.brand{font-weight:700;text-decoration:none;color:var(--text);font-size:1.05rem}.brand-mark{color:var(--accent)}.topbar-user{display:flex;align-items:center;gap:.6rem;font-size:.9rem}.avatar{width:28px;height:28px;border-radius:50%}.container{flex:1;width:100%;max-width:760px;margin:0 auto;padding:1.75rem 1.25rem 3rem}.banner{background:#2a230c;border-bottom:1px solid #4d3f12;padding:.7rem 1.25rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.btn-primary,.btn-ghost,.btn-danger{border-radius:.55rem;padding:.65rem 1rem;font-size:.95rem;font-weight:600;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--accent);color:#06210f}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-danger{background:transparent;color:var(--danger);border-color:#4a2626;margin-top:2rem}.landing .kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.8rem;color:var(--muted);margin:1rem 0 .5rem}.landing h1{font-size:clamp(2rem,6vw,3rem);line-height:1.08;letter-spacing:-.02em;margin:0 0 1rem}.accent{color:var(--accent)}.lede{font-size:1.1rem;color:var(--muted);max-width:60ch}.landing-cta{margin:1.5rem 0 2.5rem}.how{display:grid;gap:.7rem;background:var(--panel);border:1px solid var(--border);border-radius:1rem;padding:1.5rem 1.75rem;color:var(--muted)}.how strong{color:var(--text)}.add-panel,.watches-panel{margin-bottom:2rem}h2{font-size:1.2rem}.add-row{display:flex;gap:.6rem;align-items:flex-start}.input{width:100%;background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:.55rem;padding:.65rem .8rem;font-size:.95rem}.autocomplete{position:relative;flex:1}.autocomplete-hint{position:absolute;right:.6rem;top:.7rem;font-size:.8rem;color:var(--muted)}.autocomplete-list{position:absolute;z-index:10;top:calc(100% + 4px);left:0;right:0;margin:0;padding:.3rem;list-style:none;background:var(--panel-2);border:1px solid var(--border);border-radius:.6rem;max-height:280px;overflow:auto}.autocomplete-item{width:100%;text-align:left;background:transparent;border:0;color:var(--text);padding:.5rem .6rem;border-radius:.45rem;cursor:pointer;display:flex;justify-content:space-between;gap:.5rem}.autocomplete-item:hover{background:#243042}.autocomplete-ssl{color:var(--muted);font-size:.82rem;white-space:nowrap}.watch-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.watch-card{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:var(--panel);border:1px solid var(--border);border-radius:.8rem;padding:.9rem 1.1rem;cursor:pointer;color:var(--text)}.watch-card:hover{border-color:#34404f}.watch-addr{font-weight:600;display:block}.watch-ssl{color:var(--muted);font-size:.82rem}.watch-card-side{text-align:right;display:grid;gap:.2rem;min-width:140px}.watch-owner{font-size:.9rem}.watch-checked{font-size:.78rem}.status-pill{display:inline-block;font-size:.72rem;font-weight:700;padding:.12rem .5rem;border-radius:1rem;color:var(--pill, var(--muted));border:1px solid color-mix(in srgb,var(--pill, var(--muted)) 40%,transparent);background:color-mix(in srgb,var(--pill, var(--muted)) 12%,transparent);justify-self:end}.back-link{display:inline-block;margin-bottom:1rem;text-decoration:none}.history-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.timeline{list-style:none;margin:1.5rem 0 0;padding:0}.timeline-item{position:relative;padding:0 0 1.4rem 1.4rem;border-left:2px solid var(--border)}.timeline-item:last-child{border-left-color:transparent}.timeline-dot{position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--accent)}.timeline-item.initial .timeline-dot{background:var(--muted)}.timeline-head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.timeline-tag{font-size:.72rem;color:var(--muted);border:1px solid var(--border);border-radius:1rem;padding:.1rem .5rem}.timeline-meta{font-size:.85rem;margin-top:.2rem}.foot{border-top:1px solid var(--border);padding:1.25rem;font-size:.82rem;color:var(--muted);text-align:center}