:root{--bar:64px}@media (max-width:900px){:root{--bar:60px}}.bar{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:linear-gradient(180deg,rgba(3,4,12,.94),rgba(3,4,12,.78));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.main:has(>.shell){max-width:none;margin:0;padding:0}body:has(.shell) .foot{display:none}.shell{display:grid;grid-template-columns:260px minmax(0,1fr);grid-gap:0;gap:0;height:calc(100vh - var(--bar));min-height:0;margin:0;overflow:hidden}.side{position:static;height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;border-right:1px solid var(--rule);padding:18px 14px;display:flex;flex-direction:column;gap:10px;background:rgba(255,255,255,.012)}.side ul{flex:0 1 auto;overflow:visible}.side-goals{margin-top:auto}.side-all,.side-settings{margin-top:0}.chat{height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;padding:0 34px;animation:fade .22s ease-out both}.thread{flex:0 0 auto;overflow:visible;display:flex;flex-direction:column;gap:18px;padding:26px 0 8px}.thread,.thread-summary{max-width:760px;width:100%;margin:0 auto}.composer,.thread-summary{flex:0 0 auto}.composer{position:-webkit-sticky;position:sticky;bottom:0;display:block;max-width:760px;width:100%;margin:0 auto;padding:10px 0 18px;background:linear-gradient(180deg,transparent,var(--void) 30%)}.composer .composer-card{max-width:none}.chat.support .composer{padding-top:4px}.chat-empty{justify-content:center;align-items:center;gap:26px;padding:0 34px 10vh}.chat-empty .composer{position:static;margin:0 auto}.thread-summary{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;padding:8px 2px 0;font:400 12.5px/1.4 var(--text);color:var(--ink-3)}.thread-summary b{color:var(--ink-2);font-weight:500}.thread-summary .linkish{font-size:12.5px}.acct-toggle,.nav-toggle{display:none}@media (max-width:900px){.nav-toggle{display:inline-grid;place-items:center;width:40px;height:40px;flex:0 0 auto;margin-right:2px;padding:0;border:1px solid var(--rule);border-radius:8px;background:transparent;color:var(--ink);cursor:pointer;transition:border-color .18s,color .18s,transform .32s cubic-bezier(.2,.7,.2,1)}.nav-toggle.open,.nav-toggle:hover{border-color:var(--cyan);color:#fff}.nav-toggle .l1,.nav-toggle .l2,.nav-toggle .l3{transform-origin:9px 9px;transition:transform .32s cubic-bezier(.2,.7,.2,1),opacity .18s}.nav-toggle.open{transform:rotate(90deg);animation:toggle-ring .5s ease-out}.nav-toggle.open .l1{transform:translateY(4.5px) rotate(45deg)}.nav-toggle.open .l2{transform:scaleX(0);opacity:0}.nav-toggle.open .l3{transform:translateY(-4.5px) rotate(-45deg)}.shell{grid-template-columns:1fr;animation:none}.bar{height:var(--bar);min-height:0;padding:0 14px;box-sizing:border-box;gap:10px}.bar .brand{gap:8px;font-size:16px}.bar .brand span,.bar .brand:after{display:inline}body.acct-open .bar,body.nav-open .bar{z-index:45}.side{position:fixed;top:var(--bar);left:0;bottom:0;width:min(86vw,340px);z-index:40;transform:translateX(-100%);transition:transform .28s cubic-bezier(.2,.7,.2,1);background:rgba(5,6,26,.98);border-right:1px solid var(--rule)}body.nav-open .side{transform:none;box-shadow:24px 0 60px rgba(0,0,0,.6)}body.acct-open:before,body.nav-open:before{content:"";position:fixed;left:0;right:0;top:var(--bar);bottom:0;z-index:35;background:rgba(3,4,12,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.acct-toggle{display:inline-grid;place-items:center;width:40px;height:40px;flex:0 0 auto;margin-left:auto;padding:0;border:1px solid var(--rule);border-radius:8px;background:transparent;color:var(--ink);cursor:pointer;transition:border-color .18s,color .18s,transform .32s cubic-bezier(.2,.7,.2,1)}.acct-toggle.open,.acct-toggle:hover{border-color:var(--cyan);color:#fff}.acct-toggle .cross,.acct-toggle .person{transform-origin:9px 9px;transition:opacity .2s,transform .32s cubic-bezier(.2,.7,.2,1)}.acct-toggle .cross{opacity:0;transform:rotate(-90deg) scale(.6)}.acct-toggle.open{animation:toggle-ring .5s ease-out}.acct-toggle.open .person{opacity:0;transform:rotate(90deg) scale(.6)}.acct-toggle.open .cross{opacity:1;transform:none}.bar .right{display:none}body.acct-open .bar .right{gap:14px;position:fixed;top:var(--bar);right:0;width:min(86vw,340px);height:calc(100vh - var(--bar));z-index:41;padding:16px 14px;overflow:auto;background:rgba(5,6,26,.98);border-left:1px solid var(--rule);box-shadow:-24px 0 60px rgba(0,0,0,.6)}body.acct-open .bar .right,body.acct-open .bar .staff{display:flex;flex-direction:column;align-items:stretch;margin:0}body.acct-open .bar .staff{gap:2px;white-space:normal;overflow:visible}body.acct-open .bar .staff a{padding:12px 10px;font-size:15px;border-bottom:1px solid var(--rule);border-radius:0}.chat{padding:0 16px}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes toggle-ring{0%{box-shadow:0 0 0 0 rgba(90,213,246,.55)}to{box-shadow:0 0 0 14px rgba(90,213,246,0)}}.work{display:flex;height:100%;min-height:0;min-width:0}.work>.chat{flex:1 1 auto;min-width:0}.pane{position:relative;flex:0 0 460px;min-width:320px;max-width:60vw;height:100%;min-height:0;display:flex;flex-direction:column;border-left:1px solid var(--rule);background:rgba(255,255,255,.012);animation:fade .2s ease-out both}.pane-handle{position:absolute;left:-5px;top:0;bottom:0;width:10px;cursor:col-resize;z-index:2}.pane-handle:after{content:"";position:absolute;left:4px;top:50%;height:44px;width:2px;margin-top:-22px;border-radius:1px;background:var(--rule);transition:background .2s}.pane-handle:hover:after,body.resizing .pane-handle:after{background:var(--hi)}body.resizing{cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pane-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--rule);font:600 13px/1 var(--text);color:#fff}.pane-body{flex:1 1 auto;min-height:0;overflow:auto;padding:14px}.open-beside{display:inline-block;margin-top:6px;font-size:12.5px}@media (max-width:900px){.work{flex-direction:column}.pane{flex-basis:auto;width:auto!important;max-width:none;border-left:0;border-top:1px solid var(--rule)}.pane-handle{display:none}}