:root{--bg: #0c1014;--bg-raised: #141b22;--bg-panel: #10161c;--line: #1f2a33;--line-bright: #2c3a45;--ink: #e8edf1;--ink-dim: #8b9aa6;--ink-faint: #5d6b76;--amber: #ffb33e;--amber-dim: #b9842f;--green: #4ade80;--red: #ff6b5e;--user: #3a8fb7;--mono: "Space Mono", ui-monospace, monospace;--sans: "Sora", system-ui, sans-serif;--radius: 10px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(1200px 600px at 80% -10%,rgba(255,179,62,.06),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(58,143,183,.07),transparent 55%),var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 3px);z-index:1}.app{position:relative;z-index:2;min-height:100%;display:flex;flex-direction:row;align-items:flex-start}.main{flex:1 1 auto;min-width:0;max-width:1080px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:0 16px}.sidebar{flex:0 0 260px;align-self:stretch;position:sticky;top:0;height:100vh;overflow:hidden auto;border-right:1px solid var(--line);background:var(--bg-panel);display:flex;flex-direction:column;gap:6px;padding:16px 10px;transition:flex-basis .2s ease,padding .2s ease,opacity .15s ease}.app.sidebar-collapsed .sidebar{flex-basis:0;padding-left:0;padding-right:0;border-right:none;opacity:0;pointer-events:none}.sidebar-hdr{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 2px 10px}.collapse-btn{flex:none;border:1px solid var(--line);background:var(--bg-raised);color:var(--ink-dim);border-radius:6px;cursor:pointer;font-size:1rem;line-height:1;padding:5px 9px;transition:color .12s ease,border-color .12s ease}.collapse-btn:hover{color:var(--ink);border-color:var(--line-bright)}.newchat{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.78rem;color:var(--ink-dim);background:var(--bg-raised);border:1px solid var(--line);border-radius:8px;padding:10px 12px;cursor:pointer;transition:all .14s ease}.newchat:hover{color:var(--ink);border-color:var(--line-bright)}.newchat .plus{color:var(--amber);font-weight:700}.chatlist{display:flex;flex-direction:column;gap:2px;margin-top:10px}.chatrow{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:6px;cursor:pointer;border-left:2px solid transparent;color:var(--ink-dim);font-size:.8rem;transition:background .12s ease,color .12s ease}.chatrow:hover{background:var(--bg-raised);color:var(--ink)}.chatrow.on{background:var(--bg-raised);color:var(--ink);border-left-color:var(--amber)}.chatrow-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatrow-del{flex:none;border:none;background:none;cursor:pointer;color:var(--ink-faint);font-size:1rem;line-height:1;padding:0 2px;opacity:0;transition:opacity .12s ease,color .12s ease}.chatrow:hover .chatrow-del{opacity:1}.chatrow-del:hover{color:var(--red)}.menu-btn{display:none;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--bg-raised);color:var(--ink-dim);border-radius:6px;cursor:pointer;font-size:1rem;line-height:1;padding:6px 9px;flex:none;transition:color .12s ease,border-color .12s ease}.menu-btn:hover{color:var(--ink);border-color:var(--line-bright)}.app.sidebar-collapsed .menu-btn{display:inline-flex}.sidebar-scrim{display:none}@media (max-width: 720px){.menu-btn{display:inline-flex}.sidebar{position:fixed;left:0;top:0;bottom:0;height:100%;width:80%;max-width:300px;z-index:30;transform:translate(-100%);transition:transform .2s ease}.app.sidebar-collapsed .sidebar{padding:16px 10px;opacity:1;pointer-events:auto;border-right:none}.app.sidebar-open .sidebar{transform:translate(0)}.app.sidebar-open .sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#00000080}}.hdr{padding:22px 4px 16px;border-bottom:1px solid var(--line)}.hdr-top{display:flex;align-items:center;gap:12px}.logo{width:34px;height:34px;flex:none;border:1.5px solid var(--amber);border-radius:50%;display:grid;place-items:center;position:relative}.logo:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1.5px solid var(--amber-dim);border-radius:50%}.logo span{width:6px;height:6px;background:var(--amber);border-radius:50%;box-shadow:0 0 8px var(--amber)}.hdr-title{font-weight:700;font-size:1.18rem;letter-spacing:-.01em}.hdr-sub{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-top:2px}.notice{margin-top:14px;display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;color:var(--amber);background:#ffb33e14;border:1px solid rgba(255,179,62,.25);border-radius:999px;padding:5px 12px}.notice b{color:var(--ink);font-weight:700}.scope{display:flex;flex-wrap:wrap;gap:18px;padding:14px 4px 16px;border-bottom:1px solid var(--line)}.scope-group{display:flex;flex-direction:column;gap:7px}.scope-label{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-family:var(--mono);font-size:.72rem;background:var(--bg-raised);color:var(--ink-dim);border:1px solid var(--line-bright);border-radius:7px;padding:5px 10px;cursor:pointer;transition:all .14s ease}.chip:hover{color:var(--ink);border-color:var(--ink-faint)}.chip.on{background:var(--amber);color:#0c1014;border-color:var(--amber);font-weight:700;box-shadow:0 0 14px #ffb33e4d}.chip.band.on{background:var(--green);border-color:var(--green)}.feed{flex:1;padding:22px 2px 12px;display:flex;flex-direction:column;gap:22px}.empty{margin:auto;text-align:center;color:var(--ink-faint);max-width:460px;padding:40px 12px}.empty h2{font-weight:600;color:var(--ink-dim);margin-bottom:8px;font-size:1.05rem}.empty p{font-size:.86rem;line-height:1.6}.suggest{display:flex;flex-direction:column;gap:8px;margin-top:20px}.suggest button{font-family:var(--mono);font-size:.74rem;text-align:left;background:var(--bg-panel);color:var(--ink-dim);border:1px solid var(--line);border-left:2px solid var(--amber-dim);border-radius:6px;padding:9px 12px;cursor:pointer;transition:all .14s ease}.suggest button:hover{color:var(--ink);border-left-color:var(--amber);background:var(--bg-raised)}.turn{display:flex;flex-direction:column;gap:6px;animation:rise .32s ease both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.role{font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);display:flex;align-items:center;gap:7px}.role.op{color:var(--user)}.role.sys{color:var(--amber)}.role .dot{width:5px;height:5px;border-radius:50%;background:currentColor}.bubble{font-size:.92rem;line-height:1.62;border-radius:var(--radius);padding:13px 15px}.bubble.op{align-self:flex-end;max-width:88%;background:#3a8fb71f;border:1px solid rgba(58,143,183,.3)}.bubble.sys{background:var(--bg-panel);border:1px solid var(--line);white-space:pre-wrap}.bubble.refused{border-color:#ff6b5e66;background:#ff6b5e0f;color:var(--red);font-family:var(--mono);font-size:.84rem}.cite{font-family:var(--mono);font-size:.72rem;font-weight:700;color:var(--green);background:#4ade801f;border:1px solid rgba(74,222,128,.32);border-radius:5px;padding:0 5px;margin:0 1px;cursor:default;vertical-align:.05em}.sources{margin-top:4px;display:flex;flex-direction:column;gap:8px}.sources-h{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--green);display:flex;align-items:center;gap:7px}.sources-h:before{content:"◈"}.src{border:1px solid var(--line);border-left:2px solid var(--green);border-radius:7px;background:var(--bg-panel);padding:10px 12px}.src-top{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.src-n{font-family:var(--mono);font-weight:700;font-size:.72rem;color:var(--green)}.src-tag{font-family:var(--mono);font-size:.7rem;color:var(--ink-dim)}.src-tags{margin-left:auto;display:flex;gap:4px}.src-tags em{font-family:var(--mono);font-style:normal;font-size:.6rem;color:var(--ink-faint);border:1px solid var(--line-bright);border-radius:4px;padding:1px 5px}.src-head{font-family:var(--mono);font-size:.64rem;color:var(--ink-faint);margin:4px 0 6px}.src-body{display:flex;gap:12px;align-items:flex-start}.src-snip{font-size:.82rem;line-height:1.5;color:var(--ink-dim);flex:1}.src-thumb{flex:none;position:relative;display:block;width:92px;border:1px solid var(--line-bright);border-radius:5px;overflow:hidden;background:#fff;transition:border-color .14s ease,transform .14s ease}.src-thumb:hover{border-color:var(--amber);transform:scale(1.03)}.src-thumb img{display:block;width:100%;height:auto}.src-thumb span{position:absolute;bottom:0;right:0;font-family:var(--mono);font-size:.56rem;font-weight:700;background:#0c1014d9;color:var(--amber);padding:1px 5px;border-top-left-radius:4px}@media (max-width: 560px){.src-thumb{width:72px}}.src-link{display:inline-block;margin-top:7px;font-family:var(--mono);font-size:.66rem;color:var(--amber);text-decoration:none;word-break:break-all}.src-link:hover{text-decoration:underline}.followups{margin-top:8px;display:flex;flex-direction:column;gap:7px}.followups-h{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);display:flex;align-items:center;gap:7px}.followups-h:before{content:"→";color:var(--amber)}.followup{font-family:var(--mono);font-size:.74rem;text-align:left;background:var(--bg-panel);color:var(--ink-dim);border:1px solid var(--line);border-left:2px solid var(--amber-dim);border-radius:6px;padding:9px 12px;cursor:pointer;transition:all .14s ease}.followup:hover{color:var(--ink);border-left-color:var(--amber);background:var(--bg-raised)}.videos{margin-top:8px;display:flex;flex-direction:column;gap:10px}.videos-h{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);display:flex;align-items:center;gap:7px}.videos-h:before{content:"▶";font-size:.7rem}.video{border:1px solid var(--line);border-left:2px solid var(--amber);border-radius:7px;background:var(--bg-panel);padding:10px 12px}.video-frame{position:relative;width:100%;padding-top:56.25%;border-radius:5px;overflow:hidden;background:#000}.video-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.video-title{display:inline-block;margin-top:8px;font-family:var(--mono);font-size:.72rem;color:var(--amber);text-decoration:none}.video-title:hover{text-decoration:underline}.src-video{display:flex;flex-direction:column;gap:8px;margin-top:2px}.src-video .video-frame{margin:0}.src-video-link{font-family:var(--mono);font-size:.66rem;color:var(--amber);text-decoration:none}.src-video-link:hover{text-decoration:underline}.composer{position:sticky;bottom:0;padding:12px 0 16px;background:linear-gradient(180deg,transparent,var(--bg) 22%)}.composer-inner{display:flex;gap:8px;align-items:flex-end;background:var(--bg-raised);border:1px solid var(--line-bright);border-radius:var(--radius);padding:8px 8px 8px 14px}.composer-inner:focus-within{border-color:var(--amber-dim)}textarea{flex:1;resize:none;border:none;outline:none;background:transparent;color:var(--ink);font-family:var(--sans);font-size:.92rem;line-height:1.5;max-height:140px;padding:5px 0}textarea::placeholder{color:var(--ink-faint)}.send{flex:none;width:40px;height:40px;border-radius:8px;border:none;cursor:pointer;background:var(--amber);color:#0c1014;font-size:1.1rem;display:grid;place-items:center;transition:filter .14s ease}.send:hover{filter:brightness(1.1)}.send:disabled{background:var(--line-bright);color:var(--ink-faint);cursor:not-allowed}.scope-active{font-family:var(--mono);font-size:.62rem;color:var(--ink-faint);padding:6px 4px 0;letter-spacing:.04em}.scope-active b{color:var(--amber)}.dots span{display:inline-block;width:6px;height:6px;margin:0 2px;border-radius:50%;background:var(--amber);animation:blink 1.2s infinite both}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}@media (max-width: 560px){.hdr-title{font-size:1.05rem}.bubble.op{max-width:94%}.scope{gap:14px}}