:root{color-scheme:light dark;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--background: #f7f7f8;--surface: #ffffff;--surface-muted: #f0f0f2;--text: #1b1b1f;--text-muted: #63636e;--border: #dcdce2;--accent: #2f5bea;--accent-text: #ffffff;--accent-soft: #e6ecfd;--success: #1f7a3f;--success-soft: #e2f4e8;--danger: #c0262d;--danger-soft: #fbe5e6;--warning: #8a5a00;--warning-soft: #fff3d6;--focus: #2f5bea;--radius: 8px;--radius-small: 5px;--shadow: 0 1px 2px rgb(0 0 0 / 6%), 0 2px 8px rgb(0 0 0 / 4%);--content-width: 1100px}@media(prefers-color-scheme:dark){:root{--background: #141417;--surface: #1c1c21;--surface-muted: #24242a;--text: #ececf1;--text-muted: #a0a0ab;--border: #34343c;--accent: #7c9cff;--accent-text: #0e1220;--accent-soft: #232b48;--success: #6fd394;--success-soft: #1b3326;--danger: #ff7b80;--danger-soft: #3e1f22;--warning: #f2c46b;--warning-soft: #3a2f17;--focus: #9db4ff;--shadow: 0 1px 2px rgb(0 0 0 / 40%)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{background:var(--background);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.5}h1,h2,h3{line-height:1.25;margin:0 0 .75rem}h1{font-size:1.6rem}h2{font-size:1.15rem;margin-top:2rem}h3{font-size:1rem}p{margin:0 0 .75rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,pre,.mono{font-family:var(--font-mono);font-size:.9em}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.muted{color:var(--text-muted)}.break{overflow-wrap:anywhere}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{display:flex;flex-direction:column;min-height:100vh}.top-bar{background:var(--surface);border-bottom:1px solid var(--border)}.top-bar-inner{display:flex;align-items:center;gap:2rem;max-width:var(--content-width);margin:0 auto;padding:.75rem 1.5rem}.wordmark{color:var(--text);font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.wordmark:hover{text-decoration:none}.main-nav{display:flex;gap:1.25rem}.main-nav a{color:var(--text-muted);font-weight:500}.main-nav a.active{color:var(--text)}.current-user{display:flex;align-items:center;gap:1rem;margin-left:auto}.content{flex:1;width:100%;max-width:var(--content-width);margin:0 auto;padding:2rem 1.5rem 3rem}.footer{color:var(--text-muted);font-size:.8rem;padding:1rem 1.5rem 1.5rem;text-align:center}.breadcrumb{color:var(--text-muted);font-size:.9rem;margin-bottom:.4rem}.page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.page-header h1{display:flex;align-items:center;gap:.75rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.5rem}.card h2{margin-top:0}.notice{color:var(--text-muted);padding:.75rem 0}.notice-error,.error-text{color:var(--danger)}.empty-state{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:1.5rem}.snippet{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-small);margin:0 0 .75rem;overflow-x:auto;padding:.75rem 1rem}button{background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-small);color:var(--accent-text);cursor:pointer;font:inherit;font-weight:500;padding:.4rem .9rem}button:disabled{cursor:default;opacity:.55}button.secondary{background:var(--surface);border-color:var(--border);color:var(--text)}button.danger{background:transparent;border-color:var(--danger);color:var(--danger);padding:.2rem .6rem}button.link-button{background:none;border:none;color:var(--accent);padding:0 .2rem}button.link-button:hover{text-decoration:underline}input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-small);color:var(--text);font:inherit;padding:.4rem .6rem}textarea{resize:vertical;width:100%}label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:500}label input,label select{font-size:.95rem;font-weight:400}.filters{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0 1.25rem}.filters .grow{flex:1;min-width:200px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;align-items:end}.form-grid .error-text{grid-column:1 / -1;margin:0}.button-row,.form-actions{display:flex;gap:.75rem}.inline-edit{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.table-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--border);padding:.65rem .9rem;text-align:left;vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table th{color:var(--text-muted);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.table .numeric{text-align:right;font-variant-numeric:tabular-nums}.table tr.revoked td{color:var(--text-muted)}.chip,.badge,.agent-label{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:600;line-height:1.5;padding:0 .55rem;white-space:nowrap}.chip-open{background:var(--accent-soft);color:var(--accent)}.chip-resolved{background:var(--success-soft);color:var(--success)}.badge{background:var(--surface-muted);color:var(--text-muted)}.badge-agent,.agent-label{background:var(--warning-soft);color:var(--warning)}.agent-label{font-size:.7rem;margin-left:.35rem}.author{display:inline-flex;align-items:center;gap:.4rem}.avatar{border-radius:50%;height:22px;width:22px}.squawk-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);list-style:none;margin:0;padding:0}.squawk-list li+li{border-top:1px solid var(--border)}.squawk-row{align-items:center;color:var(--text);display:grid;gap:1rem;grid-template-columns:3.5rem 96px minmax(0,1fr) auto;padding:.75rem 1rem}.squawk-row:hover{background:var(--surface-muted);text-decoration:none}.squawk-number{color:var(--text-muted);font-variant-numeric:tabular-nums;font-weight:600}.thumbnail{aspect-ratio:16 / 10;background:var(--surface-muted);border-radius:var(--radius-small);overflow:hidden;width:96px}.thumbnail img{display:block;height:100%;object-fit:cover;object-position:top left;width:100%}.squawk-summary{display:flex;flex-direction:column;gap:.2rem;min-width:0}.squawk-body{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.squawk-meta{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.3rem 1rem}.page-key{max-width:22rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.load-more{display:block;margin:1.25rem auto 0}.screenshot{margin:0 0 1.5rem}.screenshot-frame{border:1px solid var(--border);border-radius:var(--radius);display:inline-block;max-width:100%;overflow:hidden;position:relative;vertical-align:top}.screenshot-frame img{display:block;height:auto;max-width:100%}.pin{background:var(--danger);border:3px solid #ffffff;border-radius:50%;box-shadow:0 0 0 2px var(--danger),0 2px 6px #00000059;height:22px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:22px}.screenshot figcaption{font-size:.85rem;margin-top:.4rem}.detail-columns{display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) 320px}.thread{display:flex;flex-direction:column;gap:1rem}.thread-entry{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1.1rem}.thread-entry-header{align-items:center;color:var(--text-muted);display:flex;font-size:.85rem;gap:.75rem;margin-bottom:.4rem}.thread-entry-header .author-name{color:var(--text);font-weight:600}.body-text{overflow-wrap:anywhere}.body-text p:last-child{margin-bottom:0}.reply-form{display:flex;flex-direction:column;gap:.5rem}.reply-actions{align-items:center;display:flex;font-size:.85rem;justify-content:space-between}.status-action{align-items:center;display:flex;gap:.75rem}.metadata dl{margin:0}.metadata-row{border-bottom:1px solid var(--border);padding:.55rem 0}.metadata dt{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.metadata dd{margin:.15rem 0 0}.token-secret{background:var(--warning-soft);border:1px solid var(--warning);border-radius:var(--radius);display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem;padding:1rem 1.25rem}.token-secret h3{margin:0}.token-secret .warning{color:var(--warning);font-weight:600;margin:0}.token-secret-row{display:flex;gap:.5rem}.token-secret-row input{flex:1}.token-secret>button{align-self:flex-start}.device-card{margin:2rem auto;max-width:460px}.device-code-label{margin:1.25rem 0 1rem}.device-code-input{font-size:1.5rem;letter-spacing:.12em;padding:.5rem .75rem;text-align:center;text-transform:uppercase}.device-decision{border-top:1px solid var(--border);padding-top:1rem}@media(max-width:760px){.top-bar-inner{flex-wrap:wrap;gap:.75rem 1.5rem}.detail-columns{grid-template-columns:minmax(0,1fr)}.squawk-row{gap:.75rem;grid-template-columns:2.5rem 64px minmax(0,1fr) auto}.thumbnail{width:64px}}