.sidebar{background:#171a1e;border-color:#cad8e412;border-radius:29px;box-shadow:0 18px 32px #0002,inset 0 1px 0 #ffffff0f}
.sidebar-head{height:78px;min-height:78px;flex:0 0 78px;align-items:center;padding:19px 18px 15px}
.sidebar-head::before{content:'';position:absolute;z-index:-1;inset:0;background:url('assets/zaraki.webp') 70% 40%/175% auto;filter:grayscale(1) brightness(2.8);opacity:.35;mask-image:linear-gradient(#000,#0009 45%,transparent);pointer-events:none}
.product{font-size:20px;font-weight:600}
.product img{box-shadow:0 0 0 1px #b5ded726,0 4px 15px #0002}
.add-project{background:#ffffff09;border-color:#ffffff1a;color:#e4c1c7;box-shadow:inset 0 1px 0 #ffffff12}
.view-tabs{padding:0;border:0;background:none;gap:7px;margin:0 18px 13px}
.view-tabs button{min-height:29px;font-weight:550}
.view-tabs button[aria-pressed=true]{background:#dee9ee14;color:#d0e0e2;box-shadow:inset 0 1px 0 #ffffff12}
.thread{--signal:#a7bcb8;--signal-rgb:167,188,184;--signal-ink:#18352f;margin:6px 0;padding:10px 10px 10px 13px;border-radius:22px}
.thread.selected{background:linear-gradient(135deg,#dbe5ef24,#dbe5ef0a);border-color:#d2e2ef22;box-shadow:inset 0 1px 0 #f4f9ff20,0 7px 18px #0002}
.thread.selected .title{color:#aebac0}
.project>.icon{color:#c4b99a}
.thread[data-state=thinking]:not(.selected){background:none;border-color:transparent}
.provider.claude{color:#dba49b}
.user{background:none;border:0;margin-bottom:14px;padding:10px 15px;border-radius:999px}
.avatar{background:linear-gradient(135deg,#b6ddd528,#eabfc924);border-color:#dcefe530;color:#dce8e0}
.user small{padding:3px 8px;border-radius:999px;background:#d4dfe80c;color:#bec9ce;font-weight:600}
.thread[data-state=thinking]{--signal:#64efdd;--signal-rgb:100,239,221;--signal-ink:#143f38}
.thread[data-state=completed]{--signal:#a5ee83;--signal-rgb:165,238,131;--signal-ink:#284318}
.thread[data-state=waiting]{--signal:#ffce69;--signal-rgb:255,206,105;--signal-ink:#50380d}
.thread[data-state=error]{--signal:#ff829e;--signal-rgb:255,130,158;--signal-ink:#501f32}
.status{gap:7px;min-height:23px;margin-top:5px;font-size:11px;color:var(--signal);line-height:19px}
.status-label{display:inline-flex;align-items:center;gap:5px;flex:none;font-size:11px;font-weight:800;line-height:19px;color:var(--signal)}
.time{font-size:10px;font-weight:550;color:#a4b6b8;min-width:0}
.dots{gap:3px}.dots i{width:3px;height:3px}
.variant-a .status-label{text-shadow:0 0 10px rgba(var(--signal-rgb),.2)}
.variant-a .status-label::before{content:'';width:5px;height:5px;flex:none;border-radius:50%;background:var(--signal)}
.variant-b .status-label{padding:1px 9px;border-radius:999px;color:var(--signal-ink);background:var(--signal);box-shadow:inset 0 1px 0 #ffffff3d,0 2px 9px rgba(var(--signal-rgb),.08)}
.variant-c .thread:not(.selected):not([data-state=idle]){background:linear-gradient(110deg,rgba(var(--signal-rgb),.12),rgba(var(--signal-rgb),.018) 78%);border-color:transparent}
.variant-c .thread:not(.selected)[data-state=error],.variant-c .thread:not(.selected)[data-state=waiting]{background:linear-gradient(110deg,rgba(var(--signal-rgb),.18),rgba(var(--signal-rgb),.028) 88%)}
.variant-c .status-label{font-size:12px;text-shadow:0 0 14px rgba(var(--signal-rgb),.28)}
.variant-c .status.error .status-label,.variant-c .status.waiting .status-label{animation:attentionBreath 2.8s ease-in-out infinite}
@keyframes attentionBreath{0%,100%{opacity:.78;text-shadow:0 0 6px rgba(var(--signal-rgb),.1)}50%{opacity:1;text-shadow:0 0 15px rgba(var(--signal-rgb),.4)}}
body[data-motion=off] .option .status .status-label{animation:none}
@media(min-width:850px) and (max-width:1100px){.sidebar-head{padding-inline:13px}.product{font-size:19px}.thread{padding-left:9px}.status{gap:5px}.variant-b .status-label{padding-inline:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}