:root{--ground:#0b0d10;--surface:#151a23;--raised:#1d2430;--line:#28313f;--line-soft:#1c232e;--text:#e8edf5;--muted:#7d8a9e;--faint:#4d5869;--out:#f0a04b;--out-soft:#f0a04b24;--in:#6fd3e8;--in-soft:#6fd3e821;--danger:#f2777a;--danger-soft:#f2777a24;--ink-on-accent:#21160a;--radius:13px;--radius-sm:8px;--rail:42px;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--ground:#f4f6f8;--surface:#fff;--raised:#eef1f5;--line:#dde3ea;--line-soft:#e7ebf0;--text:#101720;--muted:#5c6878;--faint:#99a4b3;--out:#b45309;--out-soft:#b453091a;--in:#0a7093;--in-soft:#0a70931a;--danger:#c0342f;--danger-soft:#c0342f1a;--ink-on-accent:#fff8ef;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--ground);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;font-size:15px;line-height:1.45}#app{height:100%}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,textarea{font:inherit;color:inherit}a{color:var(--in);-webkit-text-decoration-color:color-mix(in srgb, var(--in) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--in) 40%, transparent);text-underline-offset:2px}:focus-visible{outline:2px solid var(--out);outline-offset:2px;border-radius:4px}.mono{font-family:var(--mono);letter-spacing:.04em;font-size:11px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{background:var(--ground);flex-direction:column;max-width:760px;height:100dvh;margin:0 auto;display:flex}.topbar{padding:max(8px, env(safe-area-inset-top)) 12px 8px;border-bottom:1px solid var(--line-soft);background:color-mix(in srgb, var(--ground) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;flex:none;align-items:center;gap:10px;display:flex;position:sticky;top:0}.wordmark{letter-spacing:-.02em;align-items:center;gap:8px;margin-right:auto;font-weight:700;display:flex}.wordmark svg{display:block}.iconbtn{width:34px;height:34px;color:var(--muted);border-radius:9px;place-items:center;display:grid}.iconbtn:hover,.iconbtn[aria-pressed=true]{background:var(--raised);color:var(--text)}.link-state{color:var(--muted);text-transform:uppercase;align-items:center;gap:6px;display:inline-flex}.dot{background:var(--faint);border-radius:50%;flex:none;width:7px;height:7px}.link-state[data-state=ready] .dot{background:var(--in);box-shadow:0 0 0 3px var(--in-soft)}.link-state[data-state=connecting] .dot,.link-state[data-state=reconnecting] .dot,.link-state[data-state=open] .dot{background:var(--out);animation:1.1s ease-in-out infinite pulse}.link-state[data-state=closed] .dot{background:var(--danger)}@keyframes pulse{50%{opacity:.25}}.stream{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;flex:1;padding:14px 12px 4px;overflow-y:auto}.stream-top{place-items:center;padding:6px 0 14px;display:grid}.daymark{color:var(--faint);text-transform:uppercase;align-items:center;gap:10px;margin:18px 0 12px;display:flex}.daymark:before,.daymark:after{content:"";background:var(--line-soft);flex:1;height:1px}.item{grid-template-columns:var(--rail) 1fr;column-gap:10px;padding-bottom:12px;display:grid}.item-seq{text-align:right;color:var(--faint);font-variant-numeric:tabular-nums;font-family:var(--mono);letter-spacing:.03em;padding-top:3px;font-size:10px;position:relative}.item-seq:after{content:"";background:var(--line);width:1px;position:absolute;top:0;bottom:-12px;right:-5px}.item:last-child .item-seq:after{bottom:0}.item-main{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.item[data-dir=out] .item-main{align-items:flex-end}.item-meta{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:baseline;gap:7px;margin-bottom:4px;font-size:10px;display:flex}.item[data-dir=in] .item-sender{color:var(--in)}.item[data-dir=out] .item-sender{color:var(--out)}.item-time{color:var(--faint)}.item-del{color:var(--faint);font-family:var(--mono);opacity:0;font-size:10px;transition:opacity .12s}.item:hover .item-del,.item-del:focus-visible{opacity:1}.item-del:hover{color:var(--danger)}.bubble{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);overflow-wrap:anywhere;max-width:min(100%,34rem);padding:9px 12px;animation:.16s ease-out rise}.item[data-dir=in] .bubble{border-left:2px solid var(--in);border-top-left-radius:5px}.item[data-dir=out] .bubble{border-right:2px solid var(--out);border-top-right-radius:5px}.item[data-focused=true] .bubble{animation:2.4s ease-out settle}@keyframes settle{0%,55%{box-shadow:0 0 0 2px var(--out-soft);border-color:var(--out)}}@keyframes rise{0%{opacity:0;transform:translateY(3px)}}.bubble-text{white-space:pre-wrap;margin:0}.bubble-target{background:var(--raised);color:var(--muted);font-family:var(--mono);letter-spacing:.04em;border-radius:999px;align-items:center;gap:4px;margin-top:6px;padding:1px 7px;font-size:10px;display:inline-flex}.linkcard{color:inherit;text-decoration:none;display:block}.linkcard-title{font-weight:600;line-height:1.3}.linkcard-host{color:var(--in);font-family:var(--mono);overflow-wrap:anywhere;margin-top:3px;font-size:11px;display:block}.media{border-radius:var(--radius-sm);background:var(--raised);width:auto;max-width:100%;height:auto;max-height:58vh;display:block}.attachments{flex-direction:column;gap:8px;display:flex}.filecard{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--raised);text-align:left;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.filecard-body{flex:1;min-width:0}.filecard-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.filecard-sub{color:var(--muted);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;margin-top:1px;font-size:10px;display:block}.filecard-action{background:var(--out-soft);color:var(--out);font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;border-radius:999px;flex:none;padding:5px 11px;font-size:10px;text-decoration:none}.filecard-action:hover{background:var(--out);color:var(--ink-on-accent)}.filecard[data-state=expired]{opacity:.6}.bubble-text+.attachments{margin-top:8px}.item[data-pending=true] .bubble{border-style:dashed solid dashed dashed}.progress{background:var(--line);border-radius:2px;height:3px;margin-top:8px;overflow:hidden}.progress-fill{background:var(--out);height:100%;transition:width .15s linear}.retry{color:var(--danger);font-family:var(--mono);letter-spacing:.04em;align-items:center;gap:10px;margin-top:6px;font-size:10px;display:flex}.retry button{color:var(--text);text-underline-offset:2px;text-decoration:underline}.composer{border-top:1px solid var(--line-soft);background:var(--ground);padding:8px 12px calc(8px + env(safe-area-inset-bottom));flex:none}.staged{flex-wrap:wrap;gap:6px;padding-bottom:8px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);max-width:100%;font-family:var(--mono);border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 10px;font-size:11px;display:inline-flex}.chip-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip-x{width:18px;height:18px;color:var(--muted);border-radius:50%;place-items:center;font-size:13px;line-height:1;display:grid}.chip-x:hover{background:var(--raised);color:var(--text)}.chip[data-kind=link]{border-color:color-mix(in srgb, var(--in) 45%, var(--line));color:var(--in)}.composer-row{align-items:flex-end;gap:8px;display:flex}.composer-input{border:1px solid var(--line);background:var(--surface);resize:none;outline-offset:1px;border-radius:20px;flex:1;min-height:40px;max-height:160px;padding:9px 13px}.composer-input::placeholder{color:var(--faint)}.attach{width:40px;height:40px;color:var(--muted);border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;display:grid}.attach:hover{color:var(--text);border-color:var(--muted)}.send{background:var(--out);width:40px;height:40px;color:var(--ink-on-accent);border-radius:50%;flex:none;place-items:center;display:grid}.send:disabled{background:var(--raised);color:var(--faint);cursor:default}.composer-aim{color:var(--muted);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:6px;padding-top:7px;font-size:10px;display:flex}.composer-aim select{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:2px 5px;font-size:10px}.panel{padding:16px 14px calc(24px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.section{margin-bottom:26px}.section>h2{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:10px;font-weight:600}.card{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface);padding:13px 14px}.card+.card{margin-top:8px}.card p{color:var(--muted);margin:0 0 10px;font-size:13.5px}.card p:last-child{margin-bottom:0}.devrow{align-items:center;gap:10px;display:flex}.devrow-body{flex:1;min-width:0}.devrow-name{background:0 0;border:1px solid #0000;border-radius:6px;width:100%;margin-left:-5px;padding:2px 5px;font-weight:550;display:block}.devrow-name:hover,.devrow-name:focus{border-color:var(--line);background:var(--raised)}.devrow-sub{color:var(--faint);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;margin-top:2px;padding-left:0;font-size:10px;display:block}.tag{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;flex:none;padding:2px 7px;font-size:9px}.tag[data-tone=live]{background:var(--in-soft);color:var(--in)}.tag[data-tone=this]{background:var(--out-soft);color:var(--out)}.btn{background:var(--raised);border:1px solid var(--line);border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 15px;font-size:14px;font-weight:550;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--muted)}.btn[data-tone=primary]{background:var(--out);border-color:var(--out);color:var(--ink-on-accent)}.btn[data-tone=danger]{background:var(--danger-soft);color:var(--danger);border-color:#0000}.btn:disabled{opacity:.55;cursor:default}.btn-wide{width:100%}.auth{min-height:100dvh;padding:24px 20px calc(24px + env(safe-area-inset-bottom));place-items:center;display:grid}.auth-inner{width:100%;max-width:340px}.auth-mark{letter-spacing:-.03em;align-items:center;gap:10px;margin-bottom:6px;font-size:21px;font-weight:700;display:flex}.auth-tag{color:var(--muted);margin:0 0 26px;font-size:13.5px}.field{margin-bottom:12px;display:block}.field>span{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:5px;font-size:10px;display:block}.field input{border:1px solid var(--line);background:var(--surface);border-radius:10px;width:100%;padding:10px 12px}.switcher{text-align:center;color:var(--muted);margin-top:16px;font-size:13px}.switcher button{color:var(--text);text-underline-offset:2px;text-decoration:underline}.notice{border-radius:var(--radius-sm);background:var(--out-soft);color:var(--text);align-items:center;gap:10px;margin-bottom:12px;padding:9px 12px;font-size:13px;display:flex}.notice[data-tone=error]{background:var(--danger-soft)}.notice[data-tone=info]{background:var(--in-soft)}.notice button{color:var(--muted);flex:none;margin-left:auto}.empty{text-align:center;max-width:22rem;color:var(--muted);margin:12vh auto 0;font-size:13.5px}.empty strong{color:var(--text);margin-bottom:6px;font-size:15px;display:block}.loading{min-height:100dvh;color:var(--muted);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;place-items:center;font-size:11px;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}