html,body{height:100%}body{overflow:hidden}#login{flex:1;justify-content:center;align-items:flex-start;padding:4rem 1rem;display:flex;overflow-y:auto}#login .card{border-color:var(--ink);width:min(26rem,100%);padding:1.75rem}#login .h1{margin-bottom:.4rem;font-size:1.875rem}#login p{color:var(--quiet);margin:0 0 1.2rem;font-size:.9rem}#login form{flex-direction:column;gap:.6rem;display:flex}#login .btn{width:100%}#login .error{color:var(--danger);min-height:1.1rem;margin-top:.6rem;font-size:.85rem}#login #codeStep{display:none}#app{flex-direction:row;flex:1;min-height:0;display:none}#chatCol{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}#sessionsToggleFloat{left:.6rem;top:calc(var(--shell-h) + .6rem);z-index:20;display:none;position:absolute}body.sessions-collapsed #sessionsToggleFloat{display:inline-flex}#thread{flex:1;padding:1.6rem 1.25rem 1rem;overflow-y:auto}#thread-inner{max-width:var(--col);flex-direction:column;gap:1.75rem;margin:0 auto;display:flex}#threadEmpty{padding:3rem 0 2rem}#threadEmpty .tiers{text-align:left;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1.4rem;display:grid}#threadEmpty .tiers .card{color:var(--quiet);padding:.85rem .95rem;font-size:.85rem}#threadEmpty .tiers .card b{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink);margin-bottom:.25rem;font-size:.68rem;display:block}@media (max-width:640px){#threadEmpty .tiers{grid-template-columns:1fr}}.msg{min-width:0}.msg .role{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--quiet);align-items:center;gap:.4rem;margin-bottom:.35rem;font-size:.66rem;display:flex}.msg{border-top:1px solid var(--rule);padding-top:.75rem}.msg.user{border-top-color:var(--ink)}.msg.user .role{color:var(--ink)}.msg.user .bubble{letter-spacing:-.005em;white-space:pre-wrap;overflow-wrap:anywhere;font-size:1.125rem;line-height:1.4}.msg.assistant .bubble{white-space:pre-wrap;overflow-wrap:anywhere}.msg.assistant .bubble.pending{color:var(--quiet)}.msg.assistant.other .role{color:var(--ink)}.msg.assistant.other .role:before{content:"";border-radius:var(--r-dot);background:var(--signal);width:.42rem;height:.42rem}.msg .role .self-tag{border-radius:var(--r);border:1px solid var(--rule);letter-spacing:.06em;color:var(--quiet);text-transform:none;padding:.05rem .45rem;font-size:.58rem}.msg .step-line{font-family:var(--mono);color:var(--signal-deep);align-items:center;gap:.45rem;margin-bottom:.4rem;font-size:.68rem;display:flex}.msg .step-line:before{content:"";border-radius:var(--r-dot);background:var(--signal-deep);width:.42rem;height:.42rem}.msg .elapsed{font-family:var(--mono);color:var(--quiet);margin-top:.5rem;font-size:.66rem}.msg .attempt-label{font-family:var(--mono);color:var(--signal-deep);text-transform:uppercase;letter-spacing:.05em;margin:1.1rem 0 .35rem;font-size:.6875rem}.msg .judged{border-top:1px solid var(--rule);margin-top:1.3rem;padding-top:1.1rem}.msg .judged:before{content:"judged";font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--quiet);margin-bottom:.35rem;font-size:.66rem;display:block}.msg.user .bubble code{background:var(--paper-dim)}.xpost{border:1px solid var(--ink);border-radius:var(--r);background:var(--paper-dim);margin:.6rem 0;padding:.8rem 1rem}.xpost .xpost-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--quiet);margin-bottom:.4rem;font-size:.66rem}.xpost .xpost-text{white-space:pre-wrap;margin-bottom:.7rem}.xpost .xpost-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.xpost button{font-family:var(--mono);border-radius:var(--r);border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:.4rem .9rem;font-size:.72rem}.xpost button:hover{background:var(--signal);color:var(--ink)}.xpost button:disabled{opacity:.5;cursor:default}.xpost .xpost-status{font-family:var(--mono);color:var(--quiet);font-size:.7rem}.xpost .xpost-status.ok{color:var(--signal-deep)}.xpost .xpost-status.err{color:var(--danger)}#composer-wrap{background:var(--paper);flex-shrink:0;padding:.5rem 1.5rem 1rem}#composer-inner{max-width:var(--col);margin:0 auto}#tierbar{scrollbar-width:none;align-items:center;gap:.4rem;margin-bottom:.55rem;padding-bottom:2px;display:flex;overflow-x:auto}#tierbar::-webkit-scrollbar{display:none}#tierbar .chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}#tierbar .chip.active:before{content:"";border-radius:var(--r-dot);background:var(--signal);width:.38rem;height:.38rem}#tierbar #studioChip{border-style:dashed;margin-left:.2rem;text-decoration:none}#tierbar #studioChip:hover{border-style:solid}#tierHint{font-family:var(--mono);color:var(--quiet);white-space:nowrap;margin-left:.2rem;font-size:.68rem}@media (max-width:640px){#tierHint{display:none}}#composer{border:1px solid var(--rule-strong);border-radius:var(--r);background:var(--paper);transition:border-color .3s var(--ease);align-items:flex-end;gap:.6rem;padding:.4rem .4rem .4rem 1rem;display:flex}#composer:focus-within{border-color:var(--ink)}.surface-offer{border-radius:var(--r);background:var(--paper-dim);max-width:34rem;margin:.6rem 0 .2rem;padding:.7rem .85rem}.surface-offer p{color:var(--quiet);margin:0 0 .4rem;font-size:.84rem;line-height:1.45}.surface-offer a{font-family:var(--mono);border:1px solid var(--rule);border-radius:var(--r);padding:.2rem .6rem;font-size:.76rem;text-decoration:none;display:inline-block}.surface-offer a:hover{border-color:var(--ink)}#composerInput{resize:none;min-width:0;color:var(--ink);font:inherit;background:0 0;border:none;flex:1;max-height:12rem;padding:.5rem 0;font-size:.95rem;line-height:1.5;overflow-y:auto}#composerInput:focus{outline:none}#composerInput::placeholder{color:var(--quiet)}#send{border-radius:var(--r);border:1px solid var(--ink);background:var(--ink);width:2.25rem;height:2.25rem;color:var(--paper);transition:background-color .3s var(--ease), color .3s var(--ease);flex:none;justify-content:center;align-items:center;font-size:1rem;display:flex}#send:hover{background:var(--signal);color:var(--ink)}#send:disabled:hover{background:var(--ink);color:var(--paper)}#send:disabled{opacity:.4;cursor:default}#composer-foot{justify-content:space-between;align-items:center;gap:.8rem;min-height:1.2rem;margin-top:.45rem;display:flex}#composer-note{font-family:var(--mono);color:var(--quiet);white-space:nowrap;margin:0;font-size:.64rem}@media (max-width:640px){#composer-note{display:none}#composer-wrap{padding:.4rem .75rem .75rem}#thread{padding:1.2rem .9rem .6rem}}.drawer .h2{align-items:center;display:flex}.drawer .close{border-radius:var(--r-dot);border:1px solid var(--rule);background:var(--paper);width:2rem;height:2rem;font-family:var(--mono);color:var(--quiet);margin-left:auto}.drawer .close:hover{border-color:var(--ink);color:var(--ink)}#otherSelvesList .row{padding:.55rem .4rem}#otherSelvesEmpty{color:var(--quiet);padding:.4rem;font-size:.85rem}#switcherChips{scrollbar-width:none;gap:.35rem;padding-bottom:2px;display:flex;overflow-x:auto}#switcherChips::-webkit-scrollbar{display:none}#switcherCount{font-family:var(--mono);color:var(--quiet);font-size:.68rem}#switcherList{flex-direction:column;display:flex}#switcherList .row{padding:.45rem .4rem}#projectList{flex-direction:column;gap:.1rem;display:flex}.project-row{border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:.6rem;padding:.5rem;display:flex}.project-row:hover{background:var(--paper-dim)}.project-row:before{content:"";border-radius:var(--r-dot);flex:none;width:.42rem;height:.42rem}.project-row.active:before{background:var(--signal)}.project-row .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.9rem;overflow:hidden}.project-row.active .name{font-weight:500}.project-row .actions{gap:.25rem;display:flex}.project-row .actions button{font-family:var(--mono);border-radius:var(--r);border:1px solid var(--rule);background:var(--paper);color:var(--quiet);padding:.15rem .5rem;font-size:.62rem}.project-row .actions button:hover{border-color:var(--ink);color:var(--ink)}#projectNewForm{gap:.4rem;margin-top:.6rem;display:flex}#projectNewInput{border-radius:var(--r);border:1px solid var(--rule);background:var(--paper);flex:1;min-width:0;padding:.55rem .75rem;font-size:.9rem}#projectNewInput:focus{border-color:var(--ink);outline:none}#xConnect{font-family:var(--mono);color:var(--quiet);flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.74rem;display:flex}#xConnect a,#xConnect button{font-family:var(--mono);border-radius:var(--r);border:1px solid var(--rule);background:var(--paper);color:var(--ink);padding:.3rem .75rem;font-size:.7rem;text-decoration:none}#xConnect a:hover,#xConnect button:hover{border-color:var(--ink)}.md .md-table{margin:.5rem 0;overflow-x:auto}.md table{border-collapse:collapse;min-width:12rem;font-size:.92em}.md th,.md td{border:1px solid var(--rule,#ddd8cc);text-align:left;vertical-align:top;padding:.3rem .6rem}.md th{font-weight:500}#login .sso{color:var(--ink);text-underline-offset:3px;margin-top:.9rem;font-size:.9rem;text-decoration:underline;display:block}#login .sso[hidden]{display:none}