:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#04080d;--bg-soft:#0b1118;--bg-elevated:#111923;--panel:#0b1118e6;--panel-strong:#101822f5;--line:#97adc424;--line-strong:#97adc43d;--text:#eff6fb;--muted:#9cafc5;--teal:#2ce0c9;--amber:#f2aa41;--danger:#ff7d73;--success:#4ef0a6;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--shadow-lg:0 28px 70px #00000061;--shadow-md:0 16px 34px #00000047;font-family:Aptos,Trebuchet MS,Gill Sans MT,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 0 0,#2ce0c929,#0000 22%),radial-gradient(circle at 100% 0,#f2aa4124,#0000 24%),linear-gradient(#04080d 0%,#071018 36%,#04070b 100%);margin:0;font-size:15px}::selection{color:#fff;background:#2ce0c93d}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3{letter-spacing:-.04em;margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;line-height:1.04}h1{font-size:clamp(1.9rem,3.5vw,2.8rem)}h2{font-size:clamp(1.3rem,2vw,1.75rem)}h3{font-size:1.05rem}p{margin:0}code,pre{font-family:Consolas,SFMono-Regular,monospace}.app-shell{position:relative}.site-backdrop{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(52px);opacity:.8;border-radius:999px;position:absolute}.orb-a{background:#2ce0c929;width:30rem;height:30rem;top:-8rem;right:-8rem}.orb-b{background:#f2aa4124;width:28rem;height:28rem;bottom:2rem;left:-8rem}.grid-fade{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000007a,#0000 82%);mask-image:linear-gradient(#0000007a,#0000 82%)}.page-shell{z-index:1;max-width:1100px;margin:0 auto;padding:.8rem .8rem 1.5rem;position:relative}.topbar,.card,.site-footer,.privacy-sheet,.dialog-sheet,.error-banner{border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(180deg, #ffffff05, transparent 36%), var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-lg)}.topbar{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.7rem;padding:.8rem 1rem;display:flex}.topbar-brand{min-width:0}.topbar h1{margin-bottom:0}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.status-chip,.lang-switch button,.primary,.secondary,.text-button,.footer-link{border:0;transition:transform .14s,opacity .14s,box-shadow .14s}.status-chip,.lang-switch,.secondary,.text-button,.footer-link{color:var(--text);border:1px solid var(--line);background:#ffffff0d}.status-chip{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:2.15rem;padding:.45rem .8rem;font-size:.88rem;font-weight:800;display:inline-flex}.status-chip.connected{color:var(--success);background:#4ef0a61f;border-color:#4ef0a633}.status-chip.connecting,.status-chip.reconnecting{color:var(--amber);background:#f2aa411f;border-color:#f2aa4133}.status-chip.error{color:var(--danger);background:#ff7d731f;border-color:#ff7d7333}.lang-switch{border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem;padding:.2rem;display:inline-grid}.lang-switch button{min-height:1.95rem;color:var(--muted);letter-spacing:.04em;background:0 0;border-radius:999px;padding:.35rem .72rem;font-weight:900}.lang-switch button.active,.primary{color:#031217;background:linear-gradient(145deg, var(--teal) 0%, #92fff0 100%);box-shadow:0 16px 30px #2ce0c92e}.primary,.secondary{border-radius:var(--radius-md);min-height:2.55rem;padding:.7rem .95rem;font-weight:800}.secondary{box-shadow:none}.danger-button{color:#ffe8e4;box-shadow:none;background:#6e1c188c;border:1px solid #ff7d7357}.text-button,.footer-link{border-radius:999px;min-height:2.1rem;padding:.45rem .75rem;font-weight:800}.primary:hover,.secondary:hover,.lang-switch button:hover,.text-button:hover,.footer-link:hover{transform:translateY(-1px)}.primary:disabled,.secondary:disabled,.lang-switch button:disabled,.text-button:disabled,.footer-link:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-banner{color:#ffe9e6;background:linear-gradient(#ffffff05,#0000 36%),#4a141485;border-color:#ff7d733d;margin-bottom:.7rem;padding:.8rem .95rem}.layout{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);grid-template-areas:"room inbox""send inbox";gap:.8rem;display:grid}.card{padding:.95rem 1rem}.room-card{grid-area:room}.inbox-card{grid-area:inbox}.send-card{grid-area:send}.section-head{justify-content:space-between;align-items:flex-start;gap:.8rem;margin-bottom:.75rem;display:flex}.section-head--split{align-items:flex-start}.muted,.empty-note,.label,.file-summary{color:var(--muted)}.room-stack,.room-empty,.send-stack,.send-block,.received-list,.invite-area{gap:.75rem;display:grid}.room-empty .primary{justify-self:start}.room-code-panel,.metric-card,.status-row,.transfer-pill,.received-item{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#0a1017e0}.room-code-panel{gap:.35rem;padding:.9rem .95rem;display:grid}.room-code-panel strong{letter-spacing:.12em;font-size:clamp(1.75rem,5vw,2.35rem)}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.metric-card,.status-row,.transfer-pill,.received-item{padding:.8rem .9rem}.metric-card{gap:.3rem;display:grid}.metric-card strong{font-size:1rem}.status-row{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.join-row,.invite-inline,.room-action-row,.composer-actions,.received-item,.received-actions,.file-tools,.dialog-actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.room-action-row{flex-wrap:wrap;justify-content:flex-end}.room-action-row .text-button{margin-right:auto}.join-row input,.invite-inline input,textarea{border-radius:var(--radius-md);border:1px solid var(--line);width:100%;color:var(--text);background:#070c12eb;padding:.78rem .9rem;transition:border-color .14s,box-shadow .14s,transform .14s}.join-row input::placeholder,.invite-inline input::placeholder,textarea::placeholder{color:#9cafc5a3}.join-row input:focus,.invite-inline input:focus,textarea:focus,.checkbox-row input:focus{border-color:#2ce0c975;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #2ce0c91f}.invite-inline input[readonly]{color:var(--teal)}textarea{resize:vertical;min-height:8.4rem}.subsection-head{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.subsection-head--files{align-items:baseline}.send-block+.send-block{border-top:1px solid #97adc41a;padding-top:.8rem}.transfer-pill{width:min(100%,15rem);color:var(--text)}.progress-track{background:#ffffff14;border-radius:999px;width:100%;height:.45rem;margin-top:.55rem;overflow:hidden}.progress-track span{background:linear-gradient(145deg, var(--teal) 0%, #92fff0 100%);border-radius:999px;height:100%;display:block}.file-picker{border:1px dashed var(--line-strong);border-radius:var(--radius-md);width:100%;min-height:2.9rem;color:var(--text);background:#070c12bf;justify-content:center;align-items:center;padding:.8rem;display:inline-flex}.file-picker input{display:none}.file-tools{align-items:flex-start}.checkbox-row{color:var(--muted);align-items:center;gap:.55rem;display:inline-flex}.checkbox-row input{width:1rem;height:1rem;accent-color:var(--teal);margin:0}.received-list{align-content:start}.received-item{align-items:flex-start}.received-copy{gap:.35rem;min-width:0;display:grid}.received-copy strong{font-size:1rem}.received-copy p{margin-top:.2rem}.received-item--text .received-copy{gap:.5rem}.received-meta{flex-wrap:wrap;align-items:baseline;gap:.55rem;display:flex}.received-meta strong,.received-meta p{color:var(--muted);margin:0;font-size:.84rem}.received-meta strong{font-weight:700}.received-text-body,.received-copy pre{white-space:pre-wrap;word-break:break-word;max-height:9.5rem;margin:.6rem 0 0;overflow:auto}.received-text-body{color:var(--text);margin:0;font-size:1.06rem;line-height:1.62}.received-actions{flex:none}.site-footer{justify-content:space-between;align-items:center;gap:.8rem;margin-top:.8rem;padding:.75rem 1rem;font-size:.95rem;display:flex}.privacy-overlay,.dialog-overlay{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02060ab3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.privacy-sheet{width:min(100%,34rem);padding:1rem}.dialog-sheet{width:min(100%,30rem);padding:1rem}.privacy-header,.dialog-header{gap:.55rem;display:grid}.privacy-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.85rem}.privacy-copy{gap:.35rem;min-width:0;display:grid}.privacy-close{border:1px solid var(--line);width:2.35rem;height:2.35rem;color:var(--text);background:#ffffff0d;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;font-size:1.35rem;line-height:1;transition:transform .14s,opacity .14s,box-shadow .14s;display:inline-flex}.privacy-close:hover{transform:translateY(-1px)}.privacy-close:disabled{opacity:.6;cursor:not-allowed;transform:none}.dialog-warning{border-radius:var(--radius-md);color:#ffe4e0;background:#4a14146b;border:1px solid #ff7d7338;margin:.85rem 0 0;padding:.75rem .85rem}.privacy-list{color:var(--muted);margin:.75rem 0 0;padding-left:1.1rem}.privacy-list li+li{margin-top:.55rem}@media (width<=980px){.layout{grid-template-columns:1fr;grid-template-areas:"room""inbox""send"}.inbox-card{min-height:0}}@media (width<=780px){.page-shell{padding:.7rem .7rem 1.25rem}.topbar,.card,.site-footer,.privacy-sheet{padding:.85rem .9rem}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{justify-content:space-between;width:100%}.join-row,.invite-inline,.room-action-row,.composer-actions,.file-tools,.received-item,.received-actions,.status-row,.dialog-actions{flex-direction:column;align-items:stretch}.room-empty .primary,.primary,.secondary,.text-button,.footer-link{width:100%}.meta-grid{grid-template-columns:1fr}.site-footer{flex-direction:column;align-items:stretch}.privacy-overlay,.dialog-overlay{align-items:flex-end;padding:.65rem}.privacy-sheet,.dialog-sheet{border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%}}