:root{color-scheme:dark;--bg: #12110e;--panel: #1c1a16;--ink: #f3ead7;--muted: #9a917f;--accent: #e6a23c;--on-accent: #1a1408;--danger: #d35c4a;--line: #3a3428;--ok: #7aa36a;--chrome: #16140f;--banner: #2a2418;--bubble-me: #95ec69;--on-bubble-me: rgba(0, 0, 0, .87);--bubble-peer: #2a2f3d;--on-bubble-peer: #fff;--bubble-peer-border: transparent;--chat-bg: #0d0f18;--chat-input-bg: #1a1820;--chat-input-fill: #100e18;--scrim: rgba(0, 0, 0, .55)}html[data-theme=light]{color-scheme:light;--bg: #f4efe4;--panel: #fffcf6;--ink: #1c1810;--muted: #6e675c;--accent: #b87a14;--on-accent: #1a1408;--danger: #c44738;--line: #ddd2be;--ok: #3f7a3a;--chrome: #fff9ef;--banner: #fff3d6;--bubble-me: #b8f0a0;--on-bubble-me: #14261a;--bubble-peer: #ffffff;--on-bubble-peer: #182233;--bubble-peer-border: #dde4ed;--chat-bg: #eaeff5;--chat-input-bg: #eff2f7;--chat-input-fill: #ffffff;--scrim: rgba(40, 32, 16, .4)}@media(prefers-color-scheme:light){:root:not([data-theme]){color-scheme:light;--bg: #f4efe4;--panel: #fffcf6;--ink: #1c1810;--muted: #6e675c;--accent: #b87a14;--on-accent: #1a1408;--danger: #c44738;--line: #ddd2be;--ok: #3f7a3a;--chrome: #fff9ef;--banner: #fff3d6;--bubble-me: #b8f0a0;--on-bubble-me: #14261a;--bubble-peer: #ffffff;--on-bubble-peer: #182233;--bubble-peer-border: #dde4ed;--chat-bg: #eaeff5;--chat-input-bg: #eff2f7;--chat-input-fill: #ffffff;--scrim: rgba(40, 32, 16, .4)}}*{box-sizing:border-box}@font-face{font-family:"Noto Color Emoji";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/NotoColorEmoji.ttf) format("truetype");unicode-range:U+200D,U+20E3,U+2194-2199,U+21A9-21AA,U+2300-23FF,U+24C2,U+25A0-25FF,U+2600-27BF,U+2934-2935,U+2B00-2BFF,U+3030,U+303D,U+3297,U+3299,U+FE00-FE0F,U+1F000-1FAFF,U+E0020-E007F}html,body{margin:0;height:100%;width:100%;max-width:100%;overflow:hidden;background:var(--bg);color:var(--ink);font:16px/1.45 "Noto Color Emoji",Segoe UI,system-ui,sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%}#app{height:100dvh;width:100%;max-width:100%;min-width:0;overflow:hidden}a{color:var(--accent)}.wrap{max-width:720px;margin:0 auto;padding:48px 20px 80px}.brand{font:600 13px/1 ui-monospace,Cascadia Code,Consolas,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}h1{margin:12px 0 8px;font-size:28px;font-weight:650}.lead,.hint,.muted{color:var(--muted)}.hint{font-size:13px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.stack{display:grid;gap:12px;margin-top:28px}.choices{border:0;margin:0;padding:0;display:grid;gap:8px}.row input[type=radio],.row input[type=checkbox]{width:auto}button,.btn{appearance:none;border:0;background:var(--accent);color:var(--on-accent);font-family:inherit;font-weight:650;padding:10px 16px;border-radius:8px;cursor:pointer;touch-action:manipulation}button.ghost,.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}button.danger{background:var(--danger);color:#fff}[hidden]{display:none!important}input,select,textarea{background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:10px 12px;border-radius:8px;font-family:inherit;font-size:16px;line-height:1.45;width:100%;min-width:0;max-width:100%}label{display:grid;gap:6px;font-size:13px;color:var(--muted)}.nick-combo{display:flex;position:relative;align-items:stretch}.nick-combo input{flex:1;min-width:0;border-top-right-radius:0;border-bottom-right-radius:0}.nick-toggle{flex-shrink:0;width:42px;padding:0;border-top-left-radius:0;border-bottom-left-radius:0;border-left:0;display:grid;place-items:center}.nick-toggle svg{width:12px;height:12px;transition:transform .12s ease}.nick-combo.is-open .nick-toggle svg{transform:rotate(180deg)}.nick-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:8;margin:0;padding:4px;list-style:none;background:var(--panel);border:1px solid var(--line);border-radius:8px;max-height:220px;overflow-y:auto;box-shadow:0 8px 24px var(--scrim)}.nick-list li{margin:0}.nick-list button{width:100%;text-align:left;background:transparent;color:var(--ink);font-weight:500;padding:8px 10px;border-radius:6px}.nick-list button:hover,.nick-list button:focus-visible{background:var(--banner)}.nick-empty{padding:10px 12px;color:var(--muted);font-size:13px}.code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;letter-spacing:.08em}.banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 16px 8px;background:var(--banner);border:1px solid var(--accent);padding:10px 12px;border-radius:8px;font-size:14px}.banner button{flex-shrink:0}.room{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;width:100%;max-width:100%;min-height:0;min-width:0;overflow:hidden}.chat-stage{position:relative;min-height:0;overflow:hidden;display:flex;flex-direction:column}.room-head{min-width:0;z-index:2;background:var(--chrome);border-bottom:1px solid var(--line)}.top{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;align-items:center;min-width:0}.top>:first-child{min-width:0;flex:1}.top h2{margin:0;font-size:16px}.top .row{min-width:0;justify-content:flex-end}.top .row>.ghost{padding:5px 11px;font-size:13px;line-height:1.25;border-radius:6px;font-weight:600}@media(max-width:720px){.top{flex-wrap:wrap;align-items:flex-start}.top>:first-child{flex:1 1 100%}.top .row{flex:1 1 100%;width:100%;justify-content:flex-start}}.title-row{display:flex;align-items:center;gap:8px;min-width:0}.title-row h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gear-btn{flex-shrink:0;width:28px;height:28px;padding:0;display:grid;place-items:center;background:transparent;color:var(--muted);border:1px solid color-mix(in srgb,var(--muted) 40%,transparent);border-radius:8px}.gear-btn:hover,.gear-btn[aria-expanded=true]{color:var(--ink);background:var(--panel)}.gear-btn svg{width:15px;height:15px;display:block}.gear-scrim{position:fixed;inset:0;z-index:20;background:var(--scrim);display:grid;place-items:center;padding:20px}.gear-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;width:min(360px,100%);display:grid;gap:10px}.gear-panel header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:650}.gear-panel .gear-x{width:32px;height:32px;font-size:22px;line-height:1}.gear-actions{display:grid;gap:8px}.gear-actions button,.gear-actions a{width:100%;display:block;text-align:center;text-decoration:none;padding:10px 16px;border-radius:8px;font-weight:650}.p2p-chip{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:0;border:0;background:none;font-size:12px;font-weight:600;line-height:1;user-select:none}.p2p-chip[hidden]{display:none!important}.p2p-chip .sym{width:14px;height:14px;flex-shrink:0;display:block}.p2p-word,.p2p-word span{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-variant-emoji:text}.p2p-chip.is-on .p2p-2{color:var(--accent)}.p2p-chip.is-on{color:#4ade80}.p2p-chip.is-wait{color:#fbbf24}.chat{position:relative;flex:1 1 0%;min-height:0;overflow-y:auto;padding:12px 12px 20px;background:var(--chat-bg)}.time-sep,.sys-line{text-align:center;font-size:12px;color:var(--muted);padding:8px 0}.msg{display:flex;gap:8px;align-items:flex-start;padding:6px 4px}.msg.me{flex-direction:row-reverse}.avatar{width:36px;height:36px;border-radius:6px;display:grid;place-items:center;font-size:13px;font-weight:650;color:#fff;flex-shrink:0;user-select:none}.avatar.sm{width:28px;height:28px;font-size:11px}.msg-col{max-width:min(72%,420px);display:flex;flex-direction:column;gap:4px;min-width:0}.msg.me .msg-col{align-items:flex-end}.msg-nick{font-size:11px;color:var(--muted)}.bubble{position:relative;padding:8px 12px;border-radius:6px;background:var(--bubble-peer);color:var(--on-bubble-peer);border:1px solid var(--bubble-peer-border);word-break:break-word}.msg.me .bubble{background:var(--bubble-me);color:var(--on-bubble-me);border-color:transparent}.bubble:after{content:"";position:absolute;top:14px;border:6px solid transparent}.msg:not(.me) .bubble:after{left:-6px;border-right-color:var(--bubble-peer);border-left:0}.msg.me .bubble:after{right:-6px;border-left-color:var(--bubble-me);border-right:0}.quote-in{border-left:3px solid var(--accent);padding:4px 8px;margin-bottom:6px;opacity:.9;font-size:12px}.quote-who{font-weight:650}.bubble-text{white-space:pre-wrap}.thumb{display:block;max-width:220px;max-height:280px;border-radius:4px}.thumb-btn{padding:0;background:transparent;color:inherit}.file-row{display:flex;gap:8px;align-items:center;min-width:180px}.file-ico{font-size:22px}.file-name{font-weight:650;font-size:13px}.file-size,.file-open{font-size:12px}.file-open{color:inherit;text-decoration:underline}.voice-btn{display:flex;gap:10px;align-items:center;background:transparent;color:inherit;padding:4px 8px;min-width:140px}.voice-bars{display:flex;gap:3px;align-items:flex-end;height:18px}.voice-bars i{display:block;width:3px;background:currentColor;border-radius:1px;opacity:.7}.voice-bars i:nth-child(1){height:6px}.voice-bars i:nth-child(2){height:14px}.voice-bars i:nth-child(3){height:10px}.voice-bars i:nth-child(4){height:16px}.voice-bars i:nth-child(5){height:8px}.xfer{margin-top:6px;font-size:11px;display:grid;gap:4px}.xfer-bar{height:4px;background:#00000026;border-radius:2px;overflow:hidden}.xfer-bar i{display:block;height:100%;background:#4ade80}.file-abort{margin-top:6px;padding:4px 8px;font-size:12px}.send-fail{color:var(--danger);font-size:12px}.is-pending{opacity:.72}.msg-menu{position:fixed;z-index:20;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:4px;display:grid;min-width:120px;box-shadow:0 8px 24px var(--scrim)}.msg-menu button{background:transparent;color:var(--ink);text-align:left;font-weight:500;padding:8px 10px;border-radius:6px}.msg-menu button:hover{background:var(--banner)}.new-pill{position:absolute;right:16px;bottom:12px;z-index:3;background:var(--accent);color:var(--on-accent);border-radius:999px;padding:6px 12px;font-size:13px}.composer-wrap{background:var(--chat-input-bg);border-top:1px solid var(--line);position:relative}.drop-hint{text-align:center;padding:8px;color:var(--accent);border-bottom:1px dashed var(--accent)}.quote-bar{display:flex;align-items:center;gap:8px;padding:8px 12px 0;font-size:13px;color:var(--muted)}.quote-bar-body{flex:1;min-width:0;border-left:3px solid var(--accent);padding-left:8px;display:grid}.quote-bar-body span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-bar{display:flex;align-items:flex-end;gap:4px;padding:8px}.input-mid{flex:1;min-width:0}.chat-input{width:100%;resize:none;max-height:192px;background:var(--chat-input-fill);line-height:1.4}.hold-talk{width:100%;min-height:40px;background:var(--chat-input-fill);color:var(--ink);border:1px solid var(--line);border-bottom-width:3px;border-radius:8px;font-weight:650;box-shadow:0 2px color-mix(in srgb,var(--line) 80%,#000);transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease,border-width .08s ease,background .08s ease,color .08s ease;user-select:none;-webkit-user-select:none;touch-action:none}.hold-talk.is-down,.hold-talk:active{transform:translateY(2px);border-bottom-width:1px;box-shadow:inset 0 2px 4px var(--scrim)}.hold-talk.is-rec{background:var(--accent);color:var(--on-accent);border-color:color-mix(in srgb,var(--accent) 70%,#000)}.hold-talk.is-cancel{background:var(--muted);color:#fff;border-color:color-mix(in srgb,var(--muted) 70%,#000)}.icon-btn{flex-shrink:0;width:40px;height:40px;padding:0;background:transparent;color:var(--muted);font-size:18px;border-radius:8px}.icon-btn:hover{background:var(--panel);color:var(--ink)}.send-plus.is-send{background:var(--accent);color:var(--on-accent);font-size:13px;width:auto;padding:0 12px}.emoji-panel,.attach-panel{padding:8px 12px 12px;border-top:1px solid var(--line)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;max-height:220px;overflow-y:auto}.emoji-cell{background:transparent;color:inherit;font-size:22px;padding:6px 0}.attach-panel{display:flex;gap:8px}.attach-panel button{background:var(--panel);color:var(--ink)}.sheet-scrim{position:fixed;inset:0;z-index:12;background:var(--scrim);display:grid;align-items:end}.sheet{background:var(--panel);border-radius:16px 16px 0 0;padding:16px;max-height:70dvh;overflow:auto}.sheet header{font-weight:650;margin-bottom:12px}.member-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.member-list button{width:100%;display:flex;align-items:center;gap:10px;background:transparent;color:var(--ink);text-align:left;font-weight:500}.member-list .role{margin-left:auto;font-size:12px;color:var(--muted)}.people-btn{background:transparent;color:inherit;padding:0;font:inherit;font-weight:inherit;border:0;cursor:pointer}.lightbox{position:fixed;inset:0;z-index:30;background:#000000d1;display:grid;place-items:center}.lightbox img{max-width:96vw;max-height:92dvh}.lightbox-x{position:absolute;top:12px;right:12px;background:transparent;color:#fff;font-size:28px;padding:8px}.media-dock{display:flex;gap:8px;padding:0 16px 10px;flex-wrap:wrap;align-items:center}.media-dock .hint{margin-left:auto}.media-dock:empty{display:none}.videos{display:flex;gap:8px;padding:0 16px 8px;overflow-x:auto}.videos:empty{display:none}.remote-video,.videos video{width:160px;height:120px;object-fit:cover;background:#000;border-radius:8px}.modal{position:fixed;inset:0;z-index:4;background:var(--scrim);display:grid;place-items:center;padding:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;width:100%;max-width:420px;min-width:0;display:grid;gap:12px}.card>*{min-width:0;max-width:100%}.error{color:var(--danger);font-size:14px}.progress{font-size:12px;color:var(--ok)}.theme-toggle{position:fixed;top:12px;right:12px;z-index:6;padding:8px 12px;font-size:13px}.room .theme-toggle{position:static;z-index:auto}