:root{--pin:#e5484d;--pin-strong:#c9343a;--pin-tint:#feecec;--ink:#16181d;--body:#3b3f48;--muted:#6b707c;--line:#e4e5e9;--canvas:#f6f6f8;--surface:#fff;--subtle:#f0f1f4;--resolved:#2f855a;--resolved-tint:#e6f4ec;--radius:10px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--pin:#ff6369;--pin-strong:#ff8589;--pin-tint:#3b1d1f;--ink:#f1f2f4;--body:#c9ccd3;--muted:#8e939e;--line:#2d3038;--canvas:#111215;--surface:#1a1c21;--subtle:#23262c;--resolved:#5cc48a;--resolved-tint:#17291f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--canvas);color:var(--body);font:14px/1.5 var(--font);margin:0}h1,h2{color:var(--ink);margin:0 0 8px;line-height:1.25}h1{font-size:22px}h2{font-size:16px}p{margin:0 0 8px}a{color:var(--pin-strong)}code,pre{font-family:var(--mono);font-size:12.5px}pre{background:var(--subtle);border:1px solid var(--line);white-space:pre;border-radius:8px;padding:12px;overflow-x:auto}.meta{color:var(--muted);font-size:13px}.block{display:block}.hint{color:var(--muted);font-size:12px;font-weight:400}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}label{color:var(--ink);gap:6px;font-size:13px;font-weight:600;display:grid}input,textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;width:100%;padding:8px 10px;font-weight:400}input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--pin);outline-offset:2px}button{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:6px;padding:8px 14px;font-weight:600}button:hover{background:var(--subtle)}button.primary{background:var(--pin);border-color:var(--pin);color:#fff}button.primary:hover{background:var(--pin-strong)}.link-button{color:var(--muted);background:0 0;border:0;padding:0;font-weight:500}.link-button:hover{color:var(--ink);background:0 0}.notice{border-radius:8px;margin-bottom:16px;padding:10px 12px}.notice.error{background:var(--pin-tint);color:var(--pin-strong)}.notice.success{background:var(--resolved-tint);color:var(--resolved)}.brand{color:var(--ink);align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:inline-flex}.brand-pin{background:var(--pin);border-radius:50% 50% 50% 0;width:14px;height:14px;transform:rotate(-45deg)}.brand-link{text-decoration:none}.auth{place-items:center;min-height:100vh;padding:16px;display:grid}.auth-panel{gap:14px;width:min(400px,100%);display:grid}.auth-panel h1{margin:0}.app-header{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 24px;display:flex}.app-header-trail{flex-wrap:wrap;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.crumb{color:var(--ink);font-weight:600;text-decoration:none}.crumb-separator{color:var(--line)}.account{align-items:center;gap:12px;display:flex}.tabs{gap:4px;margin-left:12px;display:flex}.tabs a,.segmented a,.page-filter a{color:var(--muted);border-radius:6px;padding:6px 10px;font-weight:500;text-decoration:none}.tabs a[aria-current=page],.segmented a[aria-current=page],.page-filter a[aria-current=page]{background:var(--subtle);color:var(--ink)}.page{align-content:start;gap:20px;max-width:820px;margin:0 auto;padding:32px 24px 64px;display:grid}.page.wide{max-width:1200px}.form-panel{gap:14px;display:grid}.form-panel>button,.form-panel>form{justify-self:start}.project-list,.thread-list,.comments{gap:10px;margin:0;padding:0;list-style:none;display:grid}.project-card{color:inherit;gap:4px;text-decoration:none;display:grid}.project-card:hover,.thread-card:hover{border-color:var(--muted)}.project-card strong{color:var(--ink);font-size:15px}.counts{gap:8px;margin-top:6px;display:flex}.count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.count.open{color:var(--pin-strong);font-weight:600}.toolbar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.segmented,.page-filter{flex-wrap:wrap;gap:2px;display:flex}.page-filter a{font-family:var(--mono);font-size:12px}.thread-card{color:inherit;grid-template-columns:180px 1fr;gap:16px;padding:12px;text-decoration:none;display:grid}.thumb{aspect-ratio:16/10;background:var(--subtle);border-radius:6px;place-items:center;display:grid;overflow:hidden}.thumb-image{background-repeat:no-repeat;background-size:300%;width:100%;height:100%}.thread-summary{min-width:0}.thread-head,.comment-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.thread-head strong,.comment-head strong{color:var(--ink)}.excerpt{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pin-badge{background:var(--pin);color:#fff;font-variant-numeric:tabular-nums;border-radius:12px 12px 12px 2px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:12px;font-weight:700;display:inline-grid}.pin-badge.resolved{background:var(--resolved)}.empty{text-align:center;padding:40px 20px}.back{margin:0}.back a{color:var(--muted);text-decoration:none}.thread-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;display:grid}.shot{padding:8px}.shot img{border-radius:6px;width:100%;height:auto;display:block}.thread-side{gap:12px;display:grid}.facts{grid-template-columns:80px 1fr;gap:8px 12px;margin:12px 0 16px;display:grid}.facts dt{color:var(--muted);font-size:13px}.facts dd{overflow-wrap:anywhere;min-width:0;margin:0}.keys{grid-template-columns:100px 1fr}.secret{overflow-wrap:anywhere;margin-top:6px;display:block}.comment.team{border-color:var(--pin-tint)}.comment-body{white-space:pre-wrap;color:var(--ink);margin:0}.tag{background:var(--pin-tint);color:var(--pin-strong);border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600}.reply{gap:10px;display:grid}.actions{flex-wrap:wrap;gap:8px;display:flex}.steps{gap:12px;margin:0;padding-left:20px;display:grid}@media (max-width:860px){.thread-layout,.thread-card{grid-template-columns:1fr}.page{padding:20px 16px 48px}.app-header{padding:12px 16px}.tabs{margin-left:0}}