:root{--bg:#16121f;--surface:#1f1a2b;--surface-2:#2a2339;--line:#3a3150;--text:#eeeaf6;--muted:#a39bb8;--seal:#f0b44c;--seal-ink:#2a1b00;--mine:#3d2f6e;--mine-text:#f3efff;--danger:#ff7a85;--ok:#7fd6a4;--code-bg:#120e1a;--hl-kw:#c9a6ff;--hl-str:#f0c47a;--hl-com:#7d7593;--hl-num:#ff9e8a;--hl-fn:#8fd0ff;--shadow:0 12px 32px #00000059;--sans:"Noto Sans TC", -apple-system, "PingFang TC", "Microsoft JhengHei", sans-serif;--mono:"JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f4f2f8;--surface:#fff;--surface-2:#ece8f4;--line:#dcd6e8;--text:#1d1830;--muted:#625b78;--seal:#9a620a;--seal-ink:#fff;--mine:#e4dcff;--mine-text:#1d1830;--danger:#c9303f;--ok:#1f8a53;--code-bg:#f7f5fb;--hl-kw:#7a3fd1;--hl-str:#9a5b00;--hl-com:#8a839c;--hl-num:#c0392b;--hl-fn:#1864ab;--shadow:0 12px 32px #2814501f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.45}a{color:var(--seal)}:focus-visible{outline:2px solid var(--seal);outline-offset:2px;border-radius:6px}.mono{font-family:var(--mono)}.btn{background:var(--surface-2);color:var(--text);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn.primary{background:var(--seal);color:var(--seal-ink)}.icon-btn{width:36px;height:36px;color:var(--muted);border-radius:10px;flex:none;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.icon-btn.on{color:var(--seal)}.icon-btn.danger:hover{color:var(--danger)}.icon-btn.sm{width:26px;height:26px}.field{border:1px solid var(--line);background:var(--bg);border-radius:12px;width:100%;padding:11px 14px}.field:focus{border-color:var(--seal);outline:none}.label{color:var(--muted);font-size:13px;font-weight:500}.opt{font-weight:400}.hint{color:var(--muted);font-size:13px;line-height:1.55}.hint.error,.error{color:var(--danger)}.seal{background:var(--seal);width:40px;height:40px;color:var(--seal-ink);border-radius:50%;flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 -3px #0000002e}.seal.sm{width:24px;height:24px;box-shadow:none}.seal.lg{width:60px;height:60px}.room-code{font-family:var(--mono);letter-spacing:.14em;font-size:17px;font-weight:700}.avatar{background:hsl(var(--h) 45% 42%);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:inline-grid}.lobby{flex-direction:column;min-height:100%;display:flex}.topbar{justify-content:space-between;align-items:center;padding:14px clamp(16px,4vw,40px);display:flex}.brand{font:500 14px var(--mono);color:var(--muted);align-items:center;gap:10px;display:flex}.lobby-main{width:100%;max-width:940px;margin:0 auto;padding:clamp(28px,9vh,104px) 16px 64px}.hero-title{letter-spacing:.01em;min-height:1.12em;font-size:clamp(2.1rem,7vw,4.3rem);font-weight:900;line-height:1.12}.hero-sub{max-width:32em;color:var(--muted);margin-top:18px;font-size:1.06rem}.doors{grid-template-columns:1.15fr 1fr;gap:16px;margin-top:44px;display:grid}.door{border-radius:22px;flex-direction:column;gap:10px;padding:26px;display:flex}.door h2{margin-bottom:4px;font-size:1.2rem;font-weight:700}.door .btn{margin-top:auto}.door .hint{min-height:3.1em}.door-create{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.door-join{border:1px dashed var(--line)}.how{max-width:44em;color:var(--muted);margin-top:36px;font-size:14px}.how summary{cursor:pointer;color:var(--text);width:fit-content;font-weight:500}.how ul{gap:8px;margin-top:12px;padding-left:1.2em;display:grid}.how b{color:var(--text)}@media (width<=720px){.doors{grid-template-columns:1fr}.door{padding:20px}}.gate{place-items:center;min-height:100%;padding:16px;display:grid}.gate-card{background:var(--surface);border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);text-align:center;border-radius:22px;flex-direction:column;align-items:center;gap:12px;padding:32px 28px;display:flex}.gate-card .room-code{font-size:22px}.gate-card p{color:var(--muted);font-size:14px}.gate-card .btn{width:100%}.gate-card .hint.error{min-height:1.4em}.gate-note{font-size:12.5px!important}.room{grid-template-columns:290px 1fr;height:100dvh;display:grid}.side{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:22px;padding:20px 18px;display:flex;overflow-y:auto}.side-head,.main-head{align-items:center;gap:12px;display:flex}.side-title{flex:1;min-width:0}.room-state{color:var(--muted);align-items:center;gap:6px;font-size:12.5px;display:flex}.room-state:before{content:"";background:var(--muted);border-radius:50%;width:7px;height:7px}.room-state.online:before{background:var(--ok)}.room-state.offline:before{background:var(--danger)}.invite{gap:8px;display:grid}.members h2{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:500}.members ul{gap:4px;list-style:none;display:grid}.members li{border-radius:10px;align-items:center;gap:10px;padding:5px 6px;display:flex}.member-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.you{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:1px 7px;font-size:11px}.side-foot{border-top:1px solid var(--line);gap:10px;margin-top:auto;padding-top:14px;display:grid}.name-btn{text-align:left;color:var(--muted);border-radius:12px;grid-template-columns:1fr auto;align-items:center;column-gap:8px;padding:8px 10px;display:grid}.name-btn:hover{background:var(--surface-2)}.name-label{grid-column:1;font-size:12px}.name-value{color:var(--text);text-overflow:ellipsis;white-space:nowrap;grid-column:1;font-weight:500;overflow:hidden}.name-btn svg{grid-area:1/2/3}.side-actions{gap:4px;display:flex}.only-mobile,.main-head{display:none}.main{flex-direction:column;min-width:0;height:100dvh;display:flex;position:relative}.messages{flex:1;padding:24px clamp(14px,4vw,48px) 8px;position:relative;overflow-y:auto}.stream{flex-direction:column;max-width:780px;margin:0 auto;display:flex}.empty{text-align:center;max-width:26em;color:var(--muted);gap:8px;margin:18vh auto 0;display:grid}.empty p:first-child{color:var(--text);font-size:1.05rem}.sys{color:var(--muted);text-align:center;align-self:center;margin:16px 0 4px;font-size:12.5px}.msg{border-radius:12px;flex-direction:column;align-items:flex-start;margin-top:16px;padding-left:38px;display:flex}.msg.mine{align-items:flex-end;padding-left:0}.msg.grouped{margin-top:3px}.msg.flash{animation:1.2s ease-out flash}@keyframes flash{0%{background:color-mix(in srgb, var(--seal) 22%, transparent)}}.msg-head{color:var(--muted);align-items:center;gap:8px;margin:0 0 4px -38px;font-size:13px;display:flex}.msg.mine .msg-head{margin-left:0}.msg-head b{color:var(--text);font-weight:600}.msg-head time{font-size:12px}.bubble-wrap{max-width:min(82%,580px);position:relative}.bubble{background:var(--surface);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:4px 16px 16px;padding:8px 13px}.msg.grouped .bubble{border-radius:16px}.msg.mine .bubble{background:var(--mine);color:var(--mine-text);border-color:#0000;border-radius:16px 4px 16px 16px}.msg.mine.grouped .bubble{border-radius:16px}.bubble.media{padding:4px}.broken{color:var(--muted);font-style:italic}.actions{z-index:2;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;gap:1px;padding:3px;display:none;position:absolute;top:-18px;right:-6px}.msg.mine .actions{left:-6px;right:auto}.msg:hover .actions,.msg:focus-within .actions{display:flex}.actions button{width:30px;height:30px;color:var(--muted);border-radius:50%;place-items:center;font-size:16px;display:grid}.actions button:hover{background:var(--surface-2);color:var(--text)}@media (hover:none){.actions{box-shadow:none;margin-top:4px;position:static}.msg:hover .actions{display:none}.msg:focus-within .actions{display:flex}}.reacts{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.react-chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:1px 9px;font-size:13px}.react-chip.on{border-color:var(--seal);background:color-mix(in srgb, var(--seal) 16%, var(--surface))}.quote{text-align:left;border-left:3px solid var(--seal);text-overflow:ellipsis;white-space:nowrap;background:#7f7f7f24;border-radius:4px;width:100%;margin-bottom:6px;padding:3px 9px;font-size:13px;display:block;overflow:hidden}.img-btn{border-radius:12px;display:block;overflow:hidden}.img-btn img{border-radius:12px;width:auto;max-width:100%;height:auto;max-height:360px;display:block}.md>*+*{margin-top:.5em}.md a{color:inherit;text-underline-offset:2px;text-decoration:underline}.md h1,.md h2,.md h3,.md h4,.md h5,.md h6{font-size:1em;font-weight:700}.md ul,.md ol{padding-left:1.4em}.md blockquote{border-left:3px solid var(--line);color:var(--muted);padding-left:10px}.md code{font:.88em var(--mono);background:#7f7f7f2e;border-radius:5px;padding:1px 5px}.md pre{background:var(--code-bg);color:var(--text);border-radius:10px;padding:10px 12px;overflow-x:auto}.md pre code{background:0 0;padding:0;font-size:13px;line-height:1.55}.md table{border-collapse:collapse;font-size:14px}.md th,.md td{border:1px solid var(--line);padding:4px 8px}.md hr{border:0;border-top:1px solid var(--line)}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-type{color:var(--hl-kw)}.hljs-string,.hljs-attr,.hljs-regexp{color:var(--hl-str)}.hljs-comment,.hljs-quote{color:var(--hl-com);font-style:italic}.hljs-number,.hljs-literal,.hljs-variable{color:var(--hl-num)}.hljs-title,.hljs-function,.hljs-section{color:var(--hl-fn)}.filecard{gap:6px;min-width:min(240px,60vw);padding:2px 0;display:grid}.file-row{align-items:center;gap:10px;display:flex}.file-icon{background:#7f7f7f29;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.file-meta{flex:1;min-width:0}.file-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.file-size,.file-status{opacity:.75;font-size:12.5px}.file-status.error{color:var(--danger);opacity:1}.chip-btn{background:var(--seal);color:var(--seal-ink);border-radius:999px;flex:none;align-items:center;gap:4px;padding:5px 11px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.bar{background:#7f7f7f40;border-radius:3px;height:5px;overflow:hidden}.bar span{background:var(--seal);height:100%;transition:width .15s;display:block}.new-below{background:var(--seal);width:fit-content;color:var(--seal-ink);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:6px;margin-top:8px;padding:6px 14px;font-size:13px;font-weight:700;display:flex;position:sticky;bottom:8px;left:50%;transform:translate(-50%)}.composer{padding:0 clamp(14px, 4vw, 48px) max(14px, env(safe-area-inset-bottom))}.composer-inner{max-width:780px;margin:0 auto}.typing{min-height:22px;color:var(--muted);padding:2px 6px;font-size:12.5px}.replying{background:var(--surface-2);color:var(--muted);border-radius:12px;align-items:center;gap:8px;margin-bottom:6px;padding:6px 8px 6px 12px;font-size:13px;display:flex}.replying span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.replying b{color:var(--text)}.composer-row{background:var(--surface);border:1px solid var(--line);border-radius:18px;align-items:flex-end;gap:6px;padding:6px;display:flex}.composer-row:focus-within{border-color:var(--seal)}.composer-row textarea{resize:none;background:0 0;border:0;outline:none;flex:1;min-width:0;max-height:180px;padding:7px 4px;line-height:1.5}.send{background:var(--seal);width:38px;height:38px;color:var(--seal-ink);border-radius:12px;flex:none;place-items:center;display:grid}.dropzone{z-index:20;pointer-events:none;border:2px dashed var(--seal);background:color-mix(in srgb, var(--bg) 88%, transparent);border-radius:22px;place-items:center;font-size:1.1rem;font-weight:700;display:grid;position:absolute;inset:12px}.viewer{background:0 0;border:0;max-width:96vw;max-height:96vh;margin:auto;padding:0}.viewer::backdrop{background:#08050ee0}.viewer img{border-radius:8px;max-width:96vw;max-height:96vh;display:block}.scrim{z-index:29;background:#08050e80;position:fixed;inset:0}@media (width<=860px){.room{grid-template-columns:1fr}.side{z-index:30;width:min(320px,86vw);box-shadow:var(--shadow);transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.side.open{transform:none}.only-mobile{display:inline-grid}.main-head{padding:8px 10px;padding-top:max(8px, env(safe-area-inset-top));border-bottom:1px solid var(--line);background:var(--surface);display:flex}.main-head .room-code{font-size:15px}.messages{padding-top:12px}.bubble-wrap{max-width:88%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}