: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}}.streamwrap{flex-direction:column;flex:1;min-height:0;display:flex}.stream{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;flex:1;padding:14px 12px 4px;position:relative;overflow-y:auto}.stream-top{width:100%;min-height:44px;color:var(--muted);place-items:center;padding:6px 0 14px;display:grid}button.stream-top:hover{color:var(--text)}.streambar{border-top:1px solid var(--line-soft);flex:none;align-items:center;gap:10px;padding:6px 12px;display:flex}.streambar-note{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pill{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--muted);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;flex:none;padding:0 16px;font-size:11px}.pill[aria-pressed=true]{border-color:var(--out);background:var(--out-soft);color:var(--out)}.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;-webkit-user-select:text;user-select:text;margin:0}.bubble-text-under{margin-top:7px}.bodylink{color:var(--in);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--in) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--in) 45%, transparent);text-underline-offset:2px;overflow-wrap:anywhere;border-radius:4px;margin:-2px -3px;padding:2px 3px}.bodylink:hover{background:var(--in-soft);-webkit-text-decoration-color:var(--in);text-decoration-color:var(--in)}.item[data-foreign=true] .bubble{background:color-mix(in srgb, var(--surface) 62%, var(--ground));border-style:dashed}.bubble-foot{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.bubble-target{background:var(--raised);color:var(--muted);font-family:var(--mono);letter-spacing:.04em;border-radius:999px;align-items:center;gap:4px;padding:1px 7px;font-size:10px;display:inline-flex}.bubble-target[data-foreign=true]{color:var(--out);background:var(--out-soft)}.copybtn{border:1px solid var(--line);background:var(--raised);min-height:44px;color:var(--muted);font-family:var(--mono);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:5px;padding:0 14px;font-size:11px;display:inline-flex}.copybtn[data-primary=true]{color:var(--text);border-color:var(--muted)}.copybtn[data-state=copied]{border-color:var(--in);color:var(--in);background:var(--in-soft)}.copybtn[data-state=failed]{border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.copybtn[data-state=working]{color:var(--faint);cursor:default}.copybtn svg{flex:none}.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}.media:not([width]){aspect-ratio:auto 4/3}.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}.failed-actions{color:var(--danger);font-family:var(--mono);letter-spacing:.04em;align-items:center;gap:10px;margin-top:6px;font-size:10px;display:flex}.failed-actions 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;position:relative}.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}.aim{padding-top:4px}.aim-summary{border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--muted);text-align:left;align-items:center;gap:8px;padding:0 6px;display:flex}.aim-summary:hover{background:var(--raised)}.aim-label{color:var(--muted);text-transform:uppercase;flex:none}.aim-summary-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);flex:1;font-size:13.5px;overflow:hidden}.aim-summary[data-empty=true] .aim-summary-text{color:var(--danger)}.aim-caret{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid;flex:none;width:0;height:0;transition:transform .14s}.aim-summary[aria-expanded=true] .aim-caret{transform:rotate(90deg)}.aim-chips-set{border:none;min-width:0;margin:0;padding:2px 6px 4px}.aim-chips{flex-wrap:wrap;gap:10px;min-width:0;display:flex}.aim-chip{border:1px solid var(--line);background:var(--surface);max-width:100%;min-height:44px;color:var(--muted);font-family:var(--mono);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:11px;display:inline-flex}.aim-chip[aria-pressed=true]{border-color:var(--out);background:var(--out-soft);color:var(--out)}.aim-chip-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.aim-chip .dot[data-online=true]{background:var(--in)}.aim-hint{color:var(--danger);font-family:var(--mono);margin:0 0 4px;padding:0 6px;font-size:11px}.aim-hint:empty{height:0;margin:0;overflow:hidden}.tips{flex-direction:column;gap:8px;margin-bottom:22px;display:flex}.tip{border-left:2px solid var(--in);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--in-soft);padding:10px 12px}.tip p{color:var(--text);margin:0 0 10px;font-size:13px}.tip p:last-child{margin-bottom:0}.tip-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.tip-title{min-width:0;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--in);flex:1;margin:0;font-size:10px;font-weight:600}.tip-x{width:44px;height:44px;color:var(--muted);border-radius:8px;flex:none;place-items:center;margin:-10px -12px -10px 0;font-size:13px;line-height:1;display:grid}.tip-x:hover{background:color-mix(in srgb, var(--in) 16%, transparent);color:var(--text)}.tipctl{min-height:44px;color:var(--muted);cursor:pointer;align-items:center;gap:9px;font-size:13.5px;display:flex}.tipctl input{width:17px;height:17px;accent-color:var(--out);flex:none}.tipctl-list{border-top:1px solid var(--line-soft);margin-top:4px;padding-top:6px}.tipctl input:disabled+.tipctl-name{color:var(--faint)}.switch{cursor:pointer;align-items:center;gap:11px;min-height:44px;display:flex;position:relative}.switch[data-available=false]{cursor:default}.switch-input{opacity:0;width:46px;height:28px;cursor:inherit;margin:0;position:absolute}.switch-track{background:var(--raised);border:1px solid var(--line);border-radius:999px;flex:none;width:46px;height:28px;transition:background .16s,border-color .16s;position:relative}.switch-thumb{background:var(--muted);border-radius:50%;width:20px;height:20px;transition:transform .16s,background .16s;position:absolute;top:3px;left:3px}.switch-input:checked+.switch-track{background:var(--out);border-color:var(--out)}.switch-input:checked+.switch-track .switch-thumb{background:var(--ink-on-accent);transform:translate(18px)}.switch-input[aria-disabled=true]+.switch-track{opacity:.45}.switch-input[aria-disabled=true]{cursor:default}.switch-input:focus-visible+.switch-track{outline:2px solid var(--out);outline-offset:2px}.switch-text{font-size:14.5px;font-weight:550}.switch-unavailable{color:var(--faint);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:400}.panel{padding:16px 14px calc(24px + env(safe-area-inset-bottom));flex:1;position:relative;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}.disclosure{width:100%;min-height:44px;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;align-items:center;gap:7px;padding:0;display:flex}.disclosure:hover{color:var(--text)}.disclosure:before{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid;flex:none;width:0;height:0;transition:transform .14s}.disclosure[aria-expanded=true]:before{transform:rotate(90deg)}.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}.card[data-tone=danger]{border-color:var(--danger-soft)}.card-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.card .card-note{color:var(--faint);margin:10px 0 0;font-size:12.5px}.card .card-error{color:var(--danger);margin:10px 0 0;font-size:13px}.card .card-error.is-empty{height:0;margin:0;overflow:hidden}.devrow{align-items:center;gap:10px;display:flex}.devrow-body{flex:1;min-width:0}.devrow-name{border:1px solid var(--line);background:var(--raised);border-radius:6px;width:100%;margin-left:-5px;padding:2px 5px;font-weight:550;display:block}.devrow-name-btn{text-align:left;text-overflow:ellipsis;white-space:nowrap;border:1px solid #0000;border-radius:6px;width:100%;margin-left:-5px;padding:2px 5px;font-weight:550;display:block;overflow:hidden}.devrow-name-btn:hover,.devrow-name-btn:focus-visible{border-color:var(--line);background:var(--raised)}.devrow-sub{color:var(--muted);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;padding-left:0;font-size:10px;display:block;overflow:hidden}.devrow-flags{flex-wrap:nowrap;flex:none;justify-content:flex-end;gap:4px;display:flex}.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)}.tag[data-tone=push-on]{border:1px solid var(--line);color:var(--text);background:0 0}.tag[data-tone=push-off]{border:1px dashed var(--line);color:var(--muted);background:0 0}.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}}