.use-boundary{color:var(--text-muted);font-size:.72rem;line-height:1.75}.use-boundary a,.room-safety-links a,.connection-notice a{color:var(--accent);text-underline-offset:3px}.room-use-boundary{margin-top:.4rem}.room-safety-links{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:.5rem;font-size:.72rem}.room-safety-links .text-button{font-size:inherit;color:var(--accent)}.report-dialog form{display:flex;flex-direction:column;gap:.75rem}.report-dialog select,.report-dialog textarea{width:100%;padding:.7rem .8rem;border:1px solid var(--input-border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);font:inherit;font-size:.85rem;line-height:1.6}.report-dialog textarea{resize:vertical;min-height:100px;max-height:240px}.report-dialog select:focus-visible,.report-dialog textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.report-dialog .report-disclosure{font-size:.73rem}.report-dialog .report-room{font-size:.75rem}.report-room code{overflow-wrap:anywhere}.report-dialog .report-error{color:var(--red)}.report-reference{display:block;padding:.75rem;background:var(--accent-soft);border-radius:8px;overflow-wrap:anywhere;margin:.6rem 0 1rem;font-size:.85rem}.report-done{margin-top:1rem}.home-footer{flex-wrap:wrap}.report-dialog .report-disclosure{padding:.75rem;border:1px solid #3c334b;border-radius:10px;background:#221c2e}.report-reference{border:1px solid #544167;color:#e7dcff}.report-dialog select option{background:#17141f;color:var(--text)}*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;--bg:#0b0c13;--bg-card:#151520;--bg-hover:#1e1d2c;--bg-input:#101019;--border:#303041;--input-border:#686477;--border-focus:#b7a3ff;--text:#f0eef8;--text-muted:#b0acbf;--text-dim:#a29eb4;--accent:#b7a3ff;--accent-strong:#7358c4;--accent-glow:rgba(151,120,225,.19);--accent-soft:#252035;--green:#7cd7b0;--orange:#e3b777;--red:#ffa1ad;--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--radius:14px;--radius-sm:10px}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}.home{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem 3rem;position:relative;overflow:hidden}.home:before{content:"";position:absolute;width:min(950px,130vw);height:720px;border-radius:50%;background:radial-gradient(ellipse,rgba(111,80,171,.16) 0%,rgba(80,56,124,.06) 42%,transparent 70%);top:0;left:50%;transform:translate(-50%);pointer-events:none}.logo{font-size:4rem;margin-bottom:.5rem;z-index:1}.title{font-size:2.5rem;font-weight:650;letter-spacing:-.045em;z-index:1;background:linear-gradient(150deg,#f5f1ff 10%,#ded4fa 65%,#b7a3e4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:1rem;color:var(--text-muted);margin-top:.5rem;font-weight:300;z-index:1}.home-card{z-index:1;margin-top:2rem;background:linear-gradient(150deg,#1a1825,#14141e 72%);border:1px solid #383244;border-radius:22px;padding:2rem;width:100%;max-width:440px;box-shadow:0 20px 65px #0005,inset 0 1px #ffffff06;display:flex;flex-direction:column;gap:1rem}.home-card label{font-size:.8rem;color:var(--text-muted);letter-spacing:.025em;font-weight:500}.input-row{display:flex;gap:.5rem}input[type=text],input[type=password]{flex:1;background:var(--bg-input);border:1px solid var(--input-border);border-radius:var(--radius-sm);padding:.75rem 1rem;color:var(--text);font-family:var(--mono);font-size:1rem;outline:none;transition:border-color .2s}input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}.btn{background:linear-gradient(125deg,#785ac4,#6850b2);color:#fff;border:1px solid #a58ae855;box-shadow:0 5px 14px #0003,inset 0 1px #ffffff17;border-radius:var(--radius-sm);padding:.75rem 1.5rem;font-family:var(--font);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-ghost{background:#ffffff03;border:1px solid #51485f;color:#d6cce8;box-shadow:inset 0 1px #ffffff04}.btn-ghost:hover{border-color:var(--accent);color:var(--text)}.or-divider{text-align:center;color:var(--text-dim);font-size:.8rem;position:relative}.or-divider:before,.or-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--border)}.or-divider:before{left:0}.or-divider:after{right:0}.room-container{height:100vh;display:flex;flex-direction:column;max-width:800px;margin:0 auto}.room-header{background:var(--bg-card);display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.room-id{font-family:var(--mono);font-size:.85rem;color:var(--accent);background:var(--accent-soft);padding:.25rem .75rem;border-radius:20px;cursor:pointer;transition:background .2s}.room-id:hover{background:var(--accent-glow)}.room-meta{display:flex;align-items:center;gap:1rem;font-size:.8rem;color:var(--text-muted)}.member-dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:4px}.messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem;scroll-behavior:smooth}.messages::-webkit-scrollbar{width:4px}.messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.msg{max-width:85%;padding:.6rem 1rem;border-radius:var(--radius);font-size:.9rem;line-height:1.5;word-break:break-word;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg-self{align-self:flex-end;background:linear-gradient(135deg,#745bb7,#604a9e);color:#fff;border-bottom-right-radius:4px}.msg-other{align-self:flex-start;background:var(--bg-card);border:1px solid var(--border);border-bottom-left-radius:4px}.msg-sender{font-size:.7rem;color:var(--text-dim);margin-bottom:2px;font-weight:500}.msg-self .msg-sender{color:#f5efff}.msg-time{font-size:.65rem;color:var(--text-dim);margin-top:2px;text-align:right}.msg-self .msg-time{color:#f5efff}.msg-file{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .2s;max-width:85%;animation:fadeIn .2s ease}.msg-file:hover{border-color:var(--accent)}.file-icon{font-size:1.5rem;flex-shrink:0}.file-info{flex:1;min-width:0}.file-name{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:.7rem;color:var(--text-muted)}.msg-system{align-self:center;color:var(--text-dim);font-size:.75rem;padding:.25rem .75rem;background:var(--accent-soft);border-radius:20px}.input-area{background:var(--bg-card);padding:.75rem 1rem;border-top:1px solid var(--border);display:flex;gap:.5rem;align-items:flex-end;flex-shrink:0}.input-area textarea{flex:1;background:var(--bg-input);border:1px solid var(--input-border);border-radius:var(--radius-sm);padding:.6rem .8rem;color:var(--text);font-family:var(--font);font-size:.9rem;resize:none;outline:none;min-height:40px;max-height:120px;line-height:1.4;transition:border-color .2s}.input-area textarea:focus{border-color:var(--border-focus)}.icon-btn{background:none;border:1px solid var(--border);color:var(--text-muted);width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:all .2s;flex-shrink:0}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.send-btn{background:linear-gradient(135deg,#785ac4,#6850b2);border:1px solid #a58ae855;color:#fff;box-shadow:0 4px 12px #0003}.send-btn:hover{filter:brightness(1.08)}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#7e5eba33;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:none}.drop-text{font-size:1.5rem;font-weight:600;color:var(--accent);padding:2rem 3rem;border:2px dashed var(--accent);border-radius:16px}.toast{position:fixed;bottom:5rem;left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--border);padding:.6rem 1.2rem;border-radius:20px;font-size:.8rem;color:var(--green);z-index:200;animation:toastIn .3s ease,toastOut .3s ease 1.7s forwards}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}}@keyframes toastOut{to{opacity:0;transform:translate(-50%) translateY(-10px)}}@media(max-width:600px){.title{font-size:2rem}.home-card{padding:1.5rem;margin-top:2rem}.msg{max-width:90%}}button{font-family:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:disabled:hover{transform:none;filter:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.home-language{position:absolute;top:1.25rem;right:1.5rem;z-index:1}.language-switch{padding:.35rem .6rem;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);background:transparent;font-size:.75rem;white-space:nowrap;cursor:pointer}.language-switch:hover{border-color:var(--accent);color:var(--text)}.home .subtitle{text-align:center;color:var(--text-muted);font-weight:400}.home-intro{max-width:440px;color:var(--text-muted);font-size:.85rem;text-align:center;line-height:1.7;z-index:1;margin-top:1rem}.home-note{margin-top:1.2rem;color:var(--text-muted);font-size:.75rem;text-align:center;z-index:1}.home-explanation{max-width:530px;width:100%;margin-top:2rem;z-index:1;color:var(--text-muted);font-size:.8rem;line-height:1.8;text-align:center}.home-explanation h2{font-size:1rem;font-weight:500;color:var(--text);margin-bottom:.65rem}.home-explanation p+p{margin-top:.75rem}.input-row input{min-width:0;width:100%}.form-error{color:var(--red);font-size:.8rem;line-height:1.5}.room-container{height:100dvh;min-height:0}.room-heading{display:flex;align-items:center;gap:.75rem;min-width:0}.room-id{border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.room-meta{gap:.6rem;flex-shrink:0}.member-count{white-space:nowrap}.room-notice{padding:.65rem 1rem;color:var(--text-muted);font-size:.7rem;line-height:1.6;border-bottom:1px solid var(--border)}.room-notice p+p{margin-top:.25rem}.connection-notice{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem 1rem;background:var(--accent-soft);color:#cec0ec;font-size:.8rem;line-height:1.5}.text-button{color:var(--text);border:0;background:transparent;text-decoration:underline;white-space:nowrap;cursor:pointer;font-size:.8rem}.messages{min-height:0}.empty-room{margin:auto;display:flex;align-items:center;flex-direction:column;gap:1rem;color:var(--text-muted);font-size:.85rem;line-height:1.6;text-align:center;max-width:360px;padding:1rem}.empty-room .btn{font-size:.8rem}.msg-file{color:var(--text);text-align:left;width:fit-content}.file-name,.file-size{display:block}.download-label{color:var(--accent);font-size:.8rem;flex-shrink:0}.msg-sender,.msg-time,.msg-system{color:var(--text-muted)}.input-area textarea{min-width:0}.transfer-error{padding:.65rem 1rem;color:var(--red);font-size:.8rem;line-height:1.5;border-top:1px solid var(--border);background:#2b1b26}.transfer-status{padding:.4rem 1rem;color:var(--text-muted);font-size:.75rem}.toast{animation:toastIn .3s ease;max-width:calc(100vw - 2rem);text-align:center}@media(max-width:600px){.home{padding:3.5rem 1.25rem 2.5rem}.home-language{right:1rem;top:1rem}.home-card{padding:1.25rem}.room-header{padding:.65rem .75rem}.room-heading{gap:.4rem}.room-id{max-width:155px;padding:.25rem .5rem;font-size:.8rem}.room-meta{gap:.4rem;font-size:.7rem}.room-meta .language-switch{font-size:.7rem;padding:.3rem .4rem}.msg-file{max-width:100%}.room-notice{font-size:.65rem}.input-area{padding:.65rem .75rem;padding-bottom:max(.65rem,env(safe-area-inset-bottom))}}@media(max-width:380px){.room-id{max-width:115px}.member-count{font-size:.65rem}.room-meta{gap:.25rem}}.home-footer{display:flex;gap:1.25rem;justify-content:center;z-index:1;margin-top:1.5rem;font-size:.75rem}.home-footer a{color:var(--text-muted);text-decoration:underline;text-underline-offset:3px}.home-footer a:hover{color:var(--text)}.app-logo{width:80px;height:80px;margin-bottom:1.1rem;filter:drop-shadow(0 12px 25px #0005)}.brand-alternate{font-size:.72rem;text-transform:uppercase;color:#aba0c4;letter-spacing:.15em;margin-top:.5rem;z-index:1}.new-device,.install-panel{position:relative;z-index:1;width:100%;max-width:530px;margin-top:2.5rem}.new-device h2,.install-panel h2{font-size:1rem;font-weight:500;color:var(--text);line-height:1.5}.new-device h2{text-align:center;margin-bottom:1.2rem}.new-device ol{list-style:none;counter-reset:steps;display:flex;gap:1rem}.new-device li{counter-increment:steps;flex:1;min-width:0;font-size:.75rem;line-height:1.65;color:var(--text-muted)}.new-device li:before{content:counter(steps);display:flex;width:25px;height:25px;align-items:center;justify-content:center;color:var(--accent);background:var(--accent-soft);border:1px solid #51425f;border-radius:50%;margin-bottom:.5rem;font-family:var(--mono)}.new-device strong,.new-device span{display:block;overflow-wrap:anywhere}.new-device strong{color:var(--text);font-size:.8rem;font-weight:500;margin-bottom:.3rem}.install-panel{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;border:1px solid var(--border);border-radius:16px;padding:1.15rem;background:linear-gradient(135deg,#191720,#13131c)}.install-panel>div:first-child{flex:1;min-width:180px}.install-panel p{font-size:.75rem;line-height:1.7;color:var(--text-muted);margin-top:.4rem}.install-panel>.btn{font-size:.75rem;padding:.65rem .8rem}.install-help{flex-basis:100%;border-top:1px solid var(--border);padding-top:.4rem}.installed-note{color:var(--text-muted);max-width:500px;text-align:center;font-size:.75rem;line-height:1.7;margin-top:1.5rem;z-index:1}.membership-home-link{position:relative;z-index:1;display:flex;justify-content:space-between;gap:1.5rem;color:var(--accent);font-size:.85rem;margin-top:1.3rem;text-decoration:none;padding:.6rem}.membership-home-link:hover,.save-room-link:hover{text-decoration:underline;text-underline-offset:4px}.room-share-button{background:transparent;border:0;color:var(--accent);padding:.1rem 0 .45rem;font-size:.75rem;cursor:pointer}.share-dialog{margin:auto;width:min(430px,calc(100vw - 1.5rem));max-height:calc(100dvh - 2rem);border:1px solid var(--border);border-radius:22px;background:linear-gradient(150deg,#1c1929,#13131d 65%);color:var(--text);overflow:auto;box-shadow:0 25px 100px #0009,inset 0 1px #ffffff08}.share-dialog::backdrop{background:#030308bd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.share-dialog:not([open]){display:none}.share-dialog[data-fallback=true][open]{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;z-index:301}.share-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#030308bd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.share-dialog-body{padding:1.4rem;display:flex;flex-direction:column;gap:.75rem}.share-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.share-dialog-heading h2{font-size:1.2rem;font-weight:600}.share-dialog-heading .icon-btn{font-size:1.5rem;width:34px;height:34px}.share-dialog p{font-size:.8rem;line-height:1.65;color:var(--text-muted)}.share-dialog label{font-size:.75rem;color:var(--text-muted)}.room-qr{align-self:center;width:210px;height:210px;max-width:100%;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;margin:.25rem 0}.room-qr svg{width:100%;height:100%;display:block}.room-qr p{color:#302c3b;padding:1.5rem;text-align:center}.share-dialog input{font-size:.85rem;width:100%;min-width:0;padding:.7rem .8rem}.share-dialog .btn{font-size:.8rem;padding:.7rem .9rem}.share-actions{display:flex;gap:.5rem;flex-wrap:wrap}.share-actions .btn{flex:1}.share-dialog .share-code-help{font-size:.7rem;color:var(--text-muted);margin-top:-.25rem;overflow-wrap:anywhere}.share-dialog .share-warning{font-size:.7rem;color:var(--text-muted);border-top:1px solid var(--border);padding-top:.75rem}.share-dialog .share-status{font-size:.75rem;min-height:1.2em;color:var(--accent)}.save-room-link{color:var(--accent);font-size:.8rem;text-decoration:none;margin-top:.25rem}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:450px){.new-device ol{flex-direction:column;gap:1rem}.new-device li{display:grid;grid-template-columns:25px 1fr;column-gap:.65rem}.new-device li:before{grid-row:1/3;margin-top:2px}.new-device strong{margin-bottom:.15rem}.new-device span{grid-column:2}.install-panel{gap:.6rem}.share-dialog-body{padding:1rem}.share-dialog-heading h2{font-size:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}input::placeholder,textarea::placeholder{color:var(--text-dim);opacity:1}.room-container{border-left:1px solid var(--border);border-right:1px solid var(--border)}@media(max-width:800px){.room-container{border-left:0;border-right:0}}.room-header{background:linear-gradient(120deg,#1b1825,#14141d)}.room-notice{background:#12121b}.messages{background:radial-gradient(ellipse at 50% 0,rgba(105,78,154,.045),transparent 75%)}.room-id{box-shadow:inset 0 0 0 1px #5a476a55;letter-spacing:.02em}.input-area{box-shadow:0 -5px 25px #0002}.send-btn:hover{color:#fff}.home-explanation{padding-top:1.5rem;border-top:1px solid #2d2838}@media(max-width:450px){.app-logo{width:72px;height:72px}.home-card{border-radius:18px}.new-device,.install-panel{margin-top:2rem}.home-intro{font-size:.82rem}}