:root{--bg: #0b0e0c;--bg-raise: #10140f;--ink: #d9e2d4;--dim: #7c887a;--faint: #4a544a;--accent: #9fe087;--accent-ink: #0b0e0c;--danger: #e08a6d;--hairline: #232b22;--mono: ui-monospace, "Cascadia Code", "JetBrains Mono", "Fira Code", "SF Mono", Menlo, Consolas, monospace;--maxw: 44rem}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body{height:100%}body{font-family:var(--mono);font-size:15px;line-height:1.55;background:radial-gradient(120% 90% at 20% -10%,#121a12 0%,transparent 55%),var(--bg);color:var(--ink);display:flex;flex-direction:column;height:100dvh;overflow:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.5;background-image:repeating-conic-gradient(#ffffff05 0% .0001%,transparent .0002% .0004%);mix-blend-mode:overlay;z-index:0}.site-head,main,.site-foot{position:relative;z-index:1}.site-head{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.4rem;border-bottom:1px solid var(--hairline)}.head-right{display:flex;align-items:center;gap:.8rem}.wordmark{letter-spacing:.16em;text-transform:uppercase;font-size:.8rem;color:var(--accent)}.cursor{display:inline-block;width:.55em;height:1em;margin-left:.35em;background:var(--accent);vertical-align:text-bottom;animation:blink 1.15s steps(1) infinite}@keyframes blink{50%{opacity:0}}.head-note{font-size:.72rem;color:var(--faint);letter-spacing:.12em}main{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;width:100%;scrollbar-width:thin;scrollbar-color:var(--faint) transparent}.panel{width:min(var(--maxw),100%);padding:3.2rem 1.6rem 2rem;animation:rise .45s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}h1{font-size:clamp(1.9rem,5.5vw,2.9rem);line-height:1.12;font-weight:650;letter-spacing:-.01em;margin-bottom:1.6rem;white-space:pre-line}h2{font-size:1.35rem;margin-bottom:.9rem;letter-spacing:-.01em}.muted{color:var(--dim);max-width:34rem}.fine{color:var(--faint);font-size:.78rem;margin-top:1.4rem}.error{color:var(--danger);margin-top:1rem;font-size:.85rem}.spec{list-style:none;margin:0 0 2.2rem;border-left:1px solid var(--hairline)}.spec li{padding:.5rem 0 .5rem 1.1rem;color:var(--dim);max-width:36rem;position:relative}.spec li:before{content:"▪";position:absolute;left:-.32em;color:var(--accent);background:var(--bg);font-size:.8em;line-height:1.9}.spec b{color:var(--ink);font-weight:600}#view-home h1{animation:rise .5s .05s cubic-bezier(.2,.7,.2,1) both}#view-home .spec{animation:rise .5s .15s cubic-bezier(.2,.7,.2,1) both}#view-home .btn{animation:rise .5s .25s cubic-bezier(.2,.7,.2,1) both}.btn{font:inherit;display:inline-block;padding:.62em 1.35em;color:var(--ink);background:transparent;border:1px solid var(--faint);cursor:pointer;text-decoration:none;letter-spacing:.04em;transition:border-color .18s,color .18s,background .18s,transform .12s}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:650}.btn-primary:hover{background:transparent;color:var(--accent)}.btn:disabled{opacity:.45;cursor:default;pointer-events:none}.linkbox{display:flex;gap:.6rem;align-items:stretch;margin:1.4rem 0 1rem;max-width:40rem}.linkbox code{flex:1;padding:.62em .8em;border:1px dashed var(--faint);color:var(--accent);font-size:.78rem;overflow-wrap:anywhere;user-select:all;background:var(--bg-raise)}.waiting{color:var(--dim);margin-top:1.2rem}.dots span{animation:dot 1.4s infinite;display:inline-block}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes dot{0%,60%,to{opacity:.2}30%{opacity:1}}.chat{width:min(var(--maxw),100%);height:100%;display:flex;flex-direction:column;min-height:0;animation:rise .4s both}.chat-top{padding:.7rem 1.4rem .55rem;border-bottom:1px solid var(--hairline);background:linear-gradient(#0e120e,transparent)}.sas-row{display:flex;align-items:center;justify-content:center;gap:.9rem;flex-wrap:wrap}.sas{display:flex;gap:.35rem}.sas-cell{font-size:1.15rem;line-height:1;padding:.26rem .38rem;border:1px solid var(--hairline);background:var(--bg-raise);animation:pop .35s cubic-bezier(.2,.9,.3,1.4) both}.sas-cell:nth-child(2){animation-delay:.08s}.sas-cell:nth-child(3){animation-delay:.16s}.sas-cell:nth-child(4){animation-delay:.24s}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.sas-hint{color:var(--faint);font-size:.7rem;letter-spacing:.04em;max-width:22rem}.statusline{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.55rem}.peer-status{color:var(--dim);font-size:.8rem}.peer-status.typing{color:var(--accent)}.peer-status.away{color:var(--faint)}.toggles{display:flex;gap:.45rem;flex-wrap:wrap}.pre-settings{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:1.25rem}.pre-settings-label{color:var(--dim);font-size:.72rem;letter-spacing:.04em}#view-home .pre-settings{animation:rise .5s .3s cubic-bezier(.2,.7,.2,1) both}.toggle{font:inherit;font-size:.72rem;padding:.28em .7em;background:transparent;color:var(--dim);border:1px solid var(--hairline);cursor:pointer;letter-spacing:.04em;transition:color .15s,border-color .15s}.toggle[aria-pressed=true]{color:var(--accent);border-color:var(--faint)}.toggle:hover{border-color:var(--accent)}.messages{flex:1;overflow-y:auto;padding:1.2rem 1.4rem;display:flex;flex-direction:column;gap:.55rem;scrollbar-width:thin;scrollbar-color:var(--faint) transparent}.msg{align-self:flex-start;width:fit-content;max-width:78%;padding:.5rem .8rem .4rem;border:1px solid var(--hairline);background:var(--bg-raise);overflow-wrap:anywhere;animation:msg-in .22s ease-out both}.msg-text{display:block;white-space:pre-wrap}.msg-meta{display:flex;justify-content:flex-end;align-items:baseline;gap:.45em;margin-top:.3rem;font-size:.66rem;color:var(--faint);letter-spacing:.04em}.ticks{color:var(--faint)}.ticks.read{color:var(--accent)}.countdown{color:var(--accent);margin-right:auto}.msg.expired{opacity:0;transition:opacity .4s ease-out}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.msg.own{align-self:flex-end;border-color:#2e4229;background:#131b10}.msg.sys{align-self:center;border:none;background:none;color:var(--faint);font-size:.75rem;letter-spacing:.06em}.msg.card{min-width:15rem}.card-title{display:block;color:var(--ink);font-weight:600;overflow-wrap:anywhere}.card-meta{display:block;color:var(--dim);font-size:.76rem;margin-top:.15rem}.card-state{display:block;color:var(--faint);font-size:.76rem;margin-top:.35rem}.card-actions{display:flex;gap:.5rem;margin-top:.55rem}.card-actions .btn{font-size:.78rem;padding:.4em 1em}.msg img{display:block;max-width:100%;max-height:300px;margin-top:.5rem}.msg img.zoomable{cursor:zoom-in}.lightbox{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#040604eb;cursor:zoom-out;animation:rise .18s ease-out both}.lightbox img{max-width:94vw;max-height:94vh}.progress{height:3px;background:var(--hairline);margin-top:.5rem;overflow:hidden}.progress i{display:block;height:100%;width:0%;background:var(--accent);transition:width .15s linear}.composer{position:relative;display:flex;align-items:flex-end;gap:.55rem;padding:.9rem 1.4rem 1.1rem;border-top:1px solid var(--hairline)}.emoji-panel{position:absolute;bottom:calc(100% + .4rem);left:1.4rem;right:1.4rem;z-index:5;max-height:230px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(2.2rem,1fr));gap:.1rem;padding:.5rem;background:var(--bg-raise);border:1px solid var(--hairline);box-shadow:0 -8px 30px #00000073;scrollbar-width:thin;scrollbar-color:var(--faint) transparent;animation:rise .16s ease-out both}.emoji-btn{font:inherit;font-size:1.25rem;line-height:1;padding:.3rem 0;background:transparent;border:none;cursor:pointer;border-radius:2px;transition:background .12s}.emoji-btn:hover{background:var(--hairline)}#msg-input{flex:1;font:inherit;line-height:1.45;color:var(--ink);background:var(--bg-raise);border:1px solid var(--hairline);padding:.55em .8em;outline:none;transition:border-color .15s;resize:none;overflow-y:auto;min-height:2.7rem;max-height:160px;scrollbar-width:thin;scrollbar-color:var(--faint) transparent}#msg-input:focus{border-color:var(--faint)}#msg-input::placeholder{color:var(--faint)}.btn-icon{font:inherit;font-size:1.05rem;width:2.6rem;height:2.7rem;flex-shrink:0;color:var(--dim);background:transparent;border:1px solid var(--hairline);cursor:pointer;transition:color .15s,border-color .15s}.btn-icon:hover{color:var(--accent);border-color:var(--faint)}#msg-input:disabled,.ttl-select:disabled,.btn-icon:disabled{opacity:.4;cursor:default;pointer-events:none}.ttl-select{font:inherit;font-size:.72rem;height:2.7rem;flex-shrink:0;color:var(--dim);background:var(--bg-raise);border:1px solid var(--hairline);padding:0 .35em;cursor:pointer;letter-spacing:.02em;transition:color .15s,border-color .15s}.ttl-select:hover,.ttl-select:focus-visible{color:var(--accent);border-color:var(--faint);outline:none}.ttl-select option{background:var(--bg-raise);color:var(--ink)}.btn-send{color:var(--accent)}.site-foot{display:flex;gap:.6rem;justify-content:center;padding:.9rem 1rem;border-top:1px solid var(--hairline);color:var(--faint);font-size:.7rem;letter-spacing:.08em;flex-wrap:wrap}@media (max-width: 480px){.msg{max-width:92%}.linkbox{flex-direction:column}.site-head{padding:.9rem 1rem}.panel{padding:2.2rem 1.1rem 1.6rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}