: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)}.domain-check{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;margin-top:1.3rem;color:var(--dim);font-size:.8rem}.domain-check code{padding:.3em .7em;border:1px dashed var(--faint);background:var(--bg-raise);color:var(--accent);letter-spacing:.03em;user-select:all}.domain-check+.fine{margin:.55rem 0 1.5rem}.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;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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)}.settings{position:relative;flex-shrink:0}.settings summary{display:inline-block;list-style:none;user-select:none;-webkit-user-select:none}.settings summary::-webkit-details-marker{display:none}.settings[open] summary{color:var(--accent);border-color:var(--faint);background:var(--bg-raise)}.settings-pop{position:absolute;right:0;top:calc(100% + .45rem);z-index:6;display:flex;flex-direction:column;gap:.4rem;padding:.55rem;min-width:13.5rem;background:var(--bg-raise);border:1px solid var(--hairline);box-shadow:0 12px 32px #00000080;animation:rise .16s ease-out both}.settings-pop .toggle{width:100%;text-align:left;padding:.5em .75em;background:transparent}.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}.messages:empty:before{content:attr(data-empty);margin:auto;max-width:18rem;text-align:center;color:var(--faint);font-size:.75rem;letter-spacing:.06em}.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: 600px){.site-head{padding:.8rem 1rem}.head-note{display:none}.panel{padding:2.2rem 1.1rem 1.6rem}.linkbox{flex-direction:column}.chat-top{padding:.55rem .9rem .5rem}.sas-row{flex-wrap:nowrap;justify-content:flex-start;gap:.8rem}.sas-cell{font-size:1.05rem;padding:.22rem .34rem}.sas-hint{font-size:.62rem;line-height:1.4}.statusline{margin-top:.5rem}.messages{padding:.9rem .8rem}.msg{max-width:88%}.composer{padding:.6rem .7rem .75rem;gap:.4rem}.btn-icon{width:2.5rem;height:2.6rem}#msg-input{min-height:2.6rem}.ttl-select{height:2.6rem;font-size:.68rem;padding:0 .25em}#btn-emoji{display:none}.emoji-panel{left:.7rem;right:.7rem}body.in-chat .site-foot{display:none}}@media (max-height: 500px){body.in-chat .site-head,body.in-chat .site-foot{display:none}.chat-top{padding:.45rem .9rem .4rem}.sas-row{flex-wrap:nowrap;justify-content:flex-start;gap:.8rem}.sas-cell{font-size:1rem;padding:.18rem .3rem}.sas-hint{font-size:.62rem;line-height:1.35}.statusline{margin-top:.35rem}.messages{padding:.6rem .9rem;gap:.45rem}.composer{padding:.5rem .7rem .6rem;gap:.4rem}.btn-icon{height:2.5rem}#msg-input{min-height:2.5rem;max-height:110px}.ttl-select{height:2.5rem}.emoji-panel{max-height:150px}}@media (display-mode: standalone),(display-mode: fullscreen){body.in-chat .site-head,body.in-chat .site-foot{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}