:root{--bg: #0f1426;--bg-raised: #1a2238;--surface: #28324f;--surface-hi: #33405f;--fg: #f8fafc;--fg-dim: #94a3b8;--fg-muted: #64748b;--accent: #3b82f6;--accent-bright: #60a5fa;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--new: #f97316;--read: #eab308;--resolved: #22c55e;--danger: #ef4444;--radius: 10px;--radius-sm: 7px;--topbar-h: 56px;--filters-h: 52px;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600}button{font:inherit;color:inherit;cursor:pointer}.muted{color:var(--fg-dim)}.small{font-size:12px}.mono{font-family:var(--mono);font-size:12px}.error{color:#fca5a5}.boot{display:grid;place-items:center;min-height:100%;padding:24px}.card{width:min(440px,100%);padding:32px;background:var(--bg-raised);border:1px solid var(--border);border-radius:14px;text-align:center}.card-signin{width:min(384px,100%);padding:36px 32px 32px;box-shadow:0 20px 44px #00000057}.card-signin h1{margin:16px 0 8px;font-size:22px;letter-spacing:-.2px}.card-signin .muted{max-width:30ch;margin:0 auto 24px;font-size:13px;line-height:1.55}.card-blocked{text-align:left}.card-blocked h2{margin-bottom:10px;font-size:18px}.card-blocked p{color:var(--fg-dim);font-size:13px}.card-blocked code{font-family:var(--mono);font-size:12px;padding:1px 5px;background:var(--surface);border-radius:4px}.card-blocked .btn{margin-top:18px}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #3b82f62e;flex:none}.brand-dot-lg{display:inline-block;width:14px;height:14px;box-shadow:0 0 0 6px #3b82f629}.spinner{width:22px;height:22px;border:2px solid var(--surface-hi);border-top-color:var(--accent-bright);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:9px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);transition:background .12s,border-color .12s}.btn:hover,.btn-ghost:hover{background:var(--surface-hi)}.btn-ghost{background:transparent;color:var(--fg-dim);padding:6px 12px;font-size:13px}.btn-ghost:hover{color:var(--fg)}.btn-ghost:disabled{opacity:.45;cursor:default}.btn-ghost:disabled:hover{background:transparent;color:var(--fg-dim)}.gsi-slot{display:flex;justify-content:center;min-height:44px}.gsi-slot iframe{border-radius:999px}.card-signin .error{max-width:none;margin:20px 0 0;padding:10px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.24);border-radius:var(--radius-sm);font-size:12.5px;line-height:1.5;text-align:left}.banner{padding:9px 18px;background:#eab3081f;border-bottom:1px solid rgba(234,179,8,.25);color:#fde047;font-size:12.5px}.banner code{font-family:var(--mono);font-size:11.5px}.btn-google{width:100%;background:#fff;color:#1f2937;border-color:transparent;font-weight:500}.btn-google:hover{background:#eef2f7}.app{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%}.topbar{height:var(--topbar-h);display:flex;align-items:center;gap:24px;padding:0 18px;border-bottom:1px solid var(--border);background:var(--bg-raised)}.brand{display:flex;align-items:baseline;gap:10px}.brand .brand-dot{align-self:center}.brand h1{font-size:15px;letter-spacing:.2px}.brand-sub{color:var(--fg-muted);font-size:12px}.counts{display:flex;gap:20px;margin-left:auto}.stat{display:flex;align-items:baseline;gap:6px}.stat-value{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.stat-label{color:var(--fg-muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.stat-accent .stat-value{color:var(--new)}.account{display:flex;align-items:center;gap:12px}.email{color:var(--fg-muted);font-size:12px}.tab[aria-selected=true]{background:var(--surface-hi);color:var(--fg);font-weight:600}.tab:focus-visible{outline:2px solid var(--accent-bright);outline-offset:1px}@media(pointer:coarse){.tab{min-height:44px}}.tab-panel{display:flex;flex-direction:column;min-width:0;min-height:0}.tab-panel .panes{flex:1}.tab-panel .boot{flex:1;min-height:0}.filters{min-height:var(--filters-h);display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid var(--border);overflow-x:auto}.search{flex:1 1 260px;min-width:180px;max-width:380px;padding:7px 12px;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--fg);font:inherit;font-size:13px}.search::placeholder{color:var(--fg-muted)}.search:focus{outline:none;border-color:var(--accent)}.select{padding:7px 10px;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--fg);font:inherit;font-size:13px}.seg{display:flex;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:2px;flex:none}.seg-btn{padding:4px 11px;border:0;border-radius:5px;background:transparent;color:var(--fg-dim);font-size:12px;text-transform:capitalize;white-space:nowrap}.seg-btn:hover{color:var(--fg)}.seg-btn-on{background:var(--accent);color:#fff}.seg-btn-on:hover{color:#fff}.toggle{display:flex;align-items:center;gap:7px;color:var(--fg-dim);font-size:12px;white-space:nowrap;cursor:pointer}.toggle input{accent-color:var(--accent)}.panes{display:grid;grid-template-columns:minmax(340px,1fr) minmax(400px,1.05fr);min-height:0}.list,.detail{min-height:0;overflow-y:auto}.detail{border-left:1px solid var(--border);background:#0c1120}.detail-scroll{padding:20px}.empty{display:grid;place-items:center;height:100%;min-height:200px;padding:32px;text-align:center}.rows{list-style:none;margin:0;padding:0}.row{display:flex;align-items:flex-start;gap:11px;width:100%;padding:13px 16px;border:0;border-bottom:1px solid var(--border);border-left:2px solid transparent;background:transparent;text-align:left}.row:hover{background:var(--bg-raised)}.row-on{background:var(--bg-raised);border-left-color:var(--accent)}.dot{width:7px;height:7px;margin-top:6px;border-radius:50%;flex:none}.dot-new{background:var(--new)}.dot-read{background:var(--read)}.dot-resolved{background:var(--resolved)}.row-body{flex:1;min-width:0}.row-msg{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px}.row-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.row-time{flex:none;color:var(--fg-muted);font-size:11px;white-space:nowrap;padding-top:2px}.load-more{display:block;width:100%;border:0;border-radius:0;padding:14px}.tag{padding:2px 7px;border-radius:4px;background:var(--surface);color:var(--fg-dim);font-size:10.5px;font-weight:500;letter-spacing:.2px;text-transform:lowercase;white-space:nowrap}.tag-android{background:#22c55e29;color:#86efac}.tag-ios{background:#94a3b82e;color:#cbd5e1}.tag-shot{background:#3b82f62e;color:var(--accent-bright)}.tag-note{background:#eab30829;color:#fde047}.tag-dev{background:#ef44442e;color:#fca5a5}.tag-kind-screenshot{background:#3b82f62e;color:var(--accent-bright)}.detail-head-top{display:flex;flex-wrap:wrap;gap:5px}.detail-time{margin:9px 0 0;color:var(--fg-muted);font-size:12px}.message{margin:16px 0;padding:14px 16px;background:var(--bg-raised);border-left:2px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;font-size:14.5px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.triage{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.note-field{display:block;margin-bottom:22px}.note-field textarea{width:100%;margin-top:7px;padding:10px 12px;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--fg);font:inherit;font-size:13px;resize:vertical}.note-field textarea:focus{outline:none;border-color:var(--accent)}.note-actions{display:flex;justify-content:flex-end;margin-top:6px}.section{padding-top:18px;margin-top:18px;border-top:1px solid var(--border)}.section-label{display:block;margin-bottom:10px;color:var(--fg-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.7px}.device-line{margin:0 0 10px;font-size:13.5px}.kv{display:grid;grid-template-columns:minmax(90px,auto) 1fr;gap:5px 14px;margin:0;font-size:12.5px}.kv dt{color:var(--fg-muted);overflow-wrap:anywhere}.kv dd{margin:0;overflow-wrap:anywhere}.crumbs{list-style:none;margin:0;padding:0;font-family:var(--mono);font-size:11.5px}.crumbs li{display:flex;gap:10px;padding:4px 0;border-bottom:1px solid var(--border)}.crumb-t{flex:none;color:var(--fg-muted)}.crumb-m{overflow-wrap:anywhere}.shot-thumb{display:block;padding:0;border:1px solid var(--border-strong);border-radius:var(--radius);background:#000;overflow:hidden;max-width:240px}.shot-thumb img{display:block;width:100%;height:auto}.shot-skeleton{width:240px;aspect-ratio:9 / 19.5;border-radius:var(--radius);background:linear-gradient(100deg,var(--bg-raised) 30%,var(--surface) 50%,var(--bg-raised) 70%);background-size:250% 100%;animation:shimmer 1.3s linear infinite}@keyframes shimmer{to{background-position:-150% 0}}.lightbox{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:32px;background:#03060fe6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:zoom-out}.lightbox img{max-width:100%;max-height:100%;border-radius:var(--radius);box-shadow:0 20px 60px #0009}.lightbox-close{position:absolute;top:16px;right:20px;width:36px;height:36px;border:0;border-radius:50%;background:var(--surface);color:var(--fg);font-size:22px;line-height:1}@media(max-width:900px){.panes{grid-template-columns:1fr;grid-template-rows:minmax(200px,40%) minmax(0,60%)}.detail{border-left:0;border-top:1px solid var(--border)}.counts,.brand-sub,.account .email{display:none}.account{margin-left:auto}}