@layer components{.th{--panel:#fff;--line-strong:#b9c7c4;--soft:#dcefed;--accent-deep:#0e5359;--warm:#a94f17;--warm-soft:#fbeadb;--warm-line:#ecc4a4;--chat:#e6ecea;--mono:"Atkinson Hyperlegible Mono", ui-monospace, monospace;font-variant-numeric:tabular-nums;font-size:15px;line-height:1.45}.th p{max-width:none}.th .mono{font-family:var(--mono);letter-spacing:-.01em}.th main .grid>*,.th main .flex>*{min-width:0}.th-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px}.th-btn{height:38px;font:inherit;border:1px solid var(--line-strong);background:var(--panel);color:var(--fg);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14.5px;font-weight:700;display:inline-flex}.th-btn:hover{border-color:var(--fg)}.th-btn:disabled{opacity:.45;cursor:not-allowed}.th-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.th-btn-primary:hover{background:var(--accent-deep);border-color:var(--accent-deep)}.th-btn-warm{background:var(--warm);border-color:var(--warm);color:#fff}.th-btn-warm:hover{background:#8a3f10;border-color:#8a3f10}.th-btn-quiet{color:var(--muted);background:0 0;border-color:#0000;padding:0 8px;font-weight:600}.th-btn-quiet:hover{color:var(--fg);border-color:#0000;text-decoration:underline}.th-btn-sm{height:32px;padding:0 12px;font-size:13.5px}.th-input{width:100%;min-width:0;font:inherit;color:var(--fg);background:var(--panel);border:1px solid var(--line-strong);border-radius:10px;padding:9px 12px;font-weight:400}textarea.th-input{resize:vertical;line-height:1.5}.th-input:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}.th-label{gap:6px;font-size:13.5px;font-weight:700;display:grid}.th-label small{color:var(--muted);font-size:13px;font-weight:400}.th-tag{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;height:22px;padding:0 8px;font-size:12.5px;font-weight:700;display:inline-flex}.th-tag-bot{background:var(--soft);color:var(--accent-deep)}.th-tag-wait{background:var(--warm);color:#fff}.th-tag-staff{background:var(--warm-soft);color:#7d3a0f}.th-seg{background:#e1e8e6;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.th-seg button,.th-seg a{height:30px;font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.th-seg [aria-pressed=true]{background:var(--panel);color:var(--fg);box-shadow:0 1px 2px #12201f1f}.th-nav a{color:var(--muted);font-weight:600;text-decoration:none}.th-nav a:hover,.th-nav a[aria-current=page]{color:var(--fg)}.th-topnav a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--accent)}.th-tabbar a[aria-current=page]{color:var(--accent)}.th-scroll{scrollbar-width:none;overflow-x:auto}.th-scroll::-webkit-scrollbar{display:none}.th-chat{background-color:var(--chat);background-image:radial-gradient(#146b7312 1px,#0000 1.2px);background-size:14px 14px}.th-bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;max-width:min(78%,520px);padding:7px 10px 6px;font-size:14.5px;line-height:1.42;position:relative;box-shadow:0 1px 1px #12201f14}.th-bubble time{float:right;color:var(--muted);font-size:11px;font-family:var(--mono);margin:6px 0 -3px 10px}.th-in{background:#fff;border-top-left-radius:3px}.th-bot{background:#d6ecea;border-top-right-radius:3px;margin-left:auto}.th-staff{background:#f8e3d1;border-top-right-radius:3px;margin-left:auto}.th-day{color:var(--muted);background:#fffc;border-radius:8px;align-self:center;padding:3px 10px;font-size:12px;font-weight:700}.th-meter{background:#e3e9e8;border-radius:999px;height:10px;position:relative}.th-meter>i{background:#9fb1ae;border-radius:999px;position:absolute;inset:0 auto 0 0}.th-meter.best>i{background:var(--accent)}.th-meter.low>i{background:var(--warm)}.th-line{border-left:2px dashed var(--fg);width:0;position:absolute;top:-6px;bottom:-6px}.th-token{height:28px;font-family:var(--mono);border:1px solid var(--line-strong);color:var(--muted);border-radius:8px;align-items:center;padding:0 10px;font-size:13.5px;display:inline-flex}.th-token.hit{background:var(--soft);color:var(--accent-deep);border-color:#9cccc8;font-weight:700}.th-token.flag{background:var(--warm-soft);border-color:var(--warm-line);color:#7d3a0f;font-weight:700}.th-verdict-ok{background:var(--accent);color:#fff}.th-verdict-hand{background:var(--warm);color:#fff}.th-chip{border:1px solid var(--line-strong);background:var(--panel);height:32px;font:inherit;cursor:pointer;color:var(--fg);white-space:nowrap;border-radius:999px;align-items:center;padding:0 12px;font-size:13.5px;display:inline-flex}.th-chip:hover{border-color:var(--accent);color:var(--accent-deep)}.th-row{text-align:left;width:100%;font:inherit;color:inherit;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;text-decoration:none;display:block}.th-row:hover{background:#f5f8f7}.th-row[aria-current=true]{box-shadow:inset 3px 0 0 var(--accent);background:#e9f3f2}.th-face{color:#3b4e4b;background:#dfe7e5;border-radius:999px;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid}.th-clamp{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.th-clamp2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@keyframes th-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.th-pop{animation:.28s ease-out both th-in}@media (prefers-reduced-motion:reduce){.th-pop{animation:none}}