:root{color-scheme:dark;--bg:#313338;--discord-chat:#313338;--discord-panel:#2b2d31;--discord-line:#1e1f22;--discord-hover:#2e3035;--panel:#11151a;--panel-2:#151a20;--line:#27313b;--text:#eef4f8;--muted:#9aa8b4;--accent:#15b8a6;--accent-2:#5cc8ff;--danger:#ff6b6b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.landing,body{min-height:100vh}.landing{display:grid;place-content:center;grid-gap:14px;gap:14px;padding:24px;text-align:center}.landing img{width:88px;height:88px;object-fit:contain;justify-self:center}.landing h1{font-size:30px}.sidebar{border-right:1px solid var(--line);background:#0f1318;padding:24px;display:flex;flex-direction:column;gap:22px}.brand{display:flex;align-items:center;gap:14px}.brand.compact{margin-bottom:18px}.brand img{width:52px;height:52px;object-fit:contain}.brand span,.brand strong{display:block}.brand span,.health,.meta,.search span,.stat-grid span{color:var(--muted);font-size:13px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.stat-grid div{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px}.stat-grid strong{display:block;margin-top:6px;font-size:24px}.search{display:grid;grid-gap:8px;gap:8px}button,input{width:100%;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;padding:11px 12px}button{cursor:pointer}.primary{background:var(--accent);border-color:var(--accent);color:#02100f;font-weight:700}.error{color:var(--danger);font-size:13px;line-height:1.4;margin:0}.layout{min-width:0;display:grid;grid-template-columns:minmax(360px,440px) 1fr;height:100vh}.transcript-shell{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:26px 0 44px}.detail-panel,.list-panel{min-height:0;overflow:auto}.list-panel{border-right:1px solid var(--line);background:var(--panel)}.list-panel header{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:var(--panel);border-bottom:1px solid var(--line);padding:20px}h1,h2,h3,p{margin:0}h1{font-size:22px}.transcript-list{display:grid}.panel-message{padding:20px}.transcript-card{text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:16px 20px}.transcript-card.active,.transcript-card:hover{background:var(--panel-2)}.transcript-card strong{display:block;margin-bottom:6px}.pill{display:inline-flex;width:-moz-fit-content;width:fit-content;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));color:var(--accent-2);border-radius:999px;padding:2px 8px;font-size:12px;margin-top:10px}.detail-panel{padding:26px}.empty-state{height:100%;display:grid;place-content:center;grid-gap:8px;gap:8px;text-align:center;color:var(--muted)}.detail-header,.transcript-header{border:1px solid var(--discord-line);background:var(--discord-panel);border-radius:8px 8px 0 0;padding:18px}.transcript-header{display:flex;align-items:end;justify-content:space-between;gap:18px}.transcript-title{text-align:right}.channel-kicker{margin:0 0 4px;color:#b5bac1;font-size:14px}.detail-header h2{font-size:26px}.metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1px;gap:1px;margin:0;overflow:hidden;border:1px solid var(--discord-line);border-top:0;background:var(--discord-line)}.metadata div{background:var(--discord-panel);padding:14px}.metadata span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.messages{display:grid;grid-gap:0;gap:0;border:1px solid var(--discord-line);border-top:0;background:var(--discord-chat);border-radius:0 0 8px 8px;padding:10px 0 18px}.message{display:grid;grid-template-columns:44px minmax(0,1fr);grid-gap:12px;gap:12px;padding:8px 18px}.message:hover{background:var(--discord-hover)}.message-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-top:2px;background:var(--discord-line)}.message-body{min-width:0}.message-header{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:3px;color:#949ba4;font-size:12px}.message-header strong{color:#f2f3f5;font-size:15px;font-weight:600}.message-header time{color:#949ba4}.message-content{white-space:pre-wrap;line-height:1.375;color:#dbdee1;overflow-wrap:anywhere}.attachment-list{margin-top:10px;display:grid;grid-gap:8px;gap:8px}.attachment-list a{color:var(--accent-2);overflow-wrap:anywhere}.attachment-list img{display:block;max-width:min(100%,560px);max-height:420px;border:1px solid var(--discord-line);border-radius:8px;object-fit:contain}@media (max-width:680px){.transcript-header{align-items:start;flex-direction:column}.transcript-title{text-align:left}.message{grid-template-columns:36px minmax(0,1fr);padding:8px 12px}.message-avatar{width:34px;height:34px}}@media (max-width:980px){.layout{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.layout{height:auto}.list-panel{border-right:0}}