:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f14;--surface:#151b23;--text:#eef2f6;--text-dim:#93a1b0;--accent:#34c759;--accent-hover:#2fb552;--danger:#ff3b30;--glass:#ffffff1f;--glass-border:#ffffff29}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.card-screen{place-items:center;height:100%;padding:24px;display:grid}.card{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:380px;display:flex}.logo{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:22px;place-items:center;padding:18px;display:grid}h1{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:700}.tagline{color:var(--text-dim);margin:0;line-height:1.5}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;margin-top:10px;padding:14px 28px;font-size:17px;font-weight:600;transition:background .15s,transform .1s}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.45;cursor:default}.btn-link{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px}.btn-link:hover{color:var(--text)}.hint{color:var(--text-dim);margin:0;font-size:13px}.form{flex-direction:column;align-items:stretch;gap:12px;width:min(320px,100%);display:flex}.text-input{border:1px solid var(--glass-border);background:var(--surface);color:var(--text);border-radius:12px;width:100%;padding:13px 16px;font-size:16px}.text-input::placeholder{color:var(--text-dim)}.text-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.text-input:disabled{opacity:.6}.checkbox-row{text-align:left;color:var(--text-dim);cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.checkbox-row input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex:none}.error-text{color:var(--danger);text-align:left;margin:0;font-size:14px;line-height:1.4}.room{background:var(--bg);position:fixed;inset:0;overflow:hidden}.remote-video{background:var(--surface);width:100%;height:100%;position:absolute;inset:0}.local-video{top:calc(16px + env(safe-area-inset-top));aspect-ratio:3/4;border:1px solid var(--glass-border);background:var(--surface);z-index:2;border-radius:16px;width:min(28vw,160px);height:auto;position:absolute;right:16px;box-shadow:0 8px 24px #00000073}.local-video.wide{aspect-ratio:16/9;width:min(40vw,220px)}.fit-cover{object-fit:cover}.fit-contain{object-fit:contain}.mirrored{transform:scaleX(-1)}.hidden{visibility:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.waiting-overlay{z-index:1;place-content:center;justify-items:center;gap:16px;display:grid;position:absolute;inset:0}.status-text{color:var(--text-dim);margin:0;font-size:17px;animation:2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.status-pill{top:calc(16px + env(safe-area-inset-top));background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);z-index:3;border-radius:999px;padding:8px 16px;font-size:14px;position:absolute;left:50%;translate:-50%}.camera-notice{bottom:calc(122px + env(safe-area-inset-bottom));text-align:center;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);z-index:3;border-radius:18px;width:max-content;max-width:min(90vw,420px);padding:8px 16px;font-size:14px;line-height:1.35;position:absolute;left:50%;translate:-50%}.btn-glass{border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text);cursor:pointer;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:500}.btn-glass:hover{background:#ffffff2e}.controls{bottom:calc(28px + env(safe-area-inset-bottom));background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);z-index:3;border-radius:999px;gap:18px;padding:12px;display:flex;position:absolute;left:50%;translate:-50%}.control-btn{cursor:pointer;width:58px;height:58px;color:var(--text);background:#ffffff24;border:none;border-radius:50%;place-items:center;transition:background .15s,transform .1s;display:grid;position:relative}.control-btn:hover:not(:disabled){background:#ffffff38}.control-btn:disabled{opacity:.45;cursor:default}.control-btn:active:not(:disabled){transform:scale(.93)}.control-btn.off{color:#0b0f14;background:#fff}.control-btn.hangup{background:var(--danger);color:#fff}.control-btn.hangup:hover{background:#e0342a}.control-btn.lit{background:var(--accent);color:#fff}.control-btn.lit:hover:not(:disabled){background:var(--accent-hover)}.control-btn__badge{background:var(--danger);color:#fff;text-align:center;border-radius:999px;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:600;line-height:20px;position:absolute;top:-2px;right:-2px}@media (width<=430px){.controls{gap:8px;padding:8px}.control-btn{width:46px;height:46px}}.chat{z-index:4;background:color-mix(in srgb, var(--bg) 96%, transparent);border-left:1px solid var(--glass-border);padding-top:env(safe-area-inset-top);flex-direction:column;display:flex;position:absolute;inset:0}@media (width>=800px){.chat{width:380px;inset:0 0 0 auto}.room--chat .local-video{right:396px}.room--chat .controls,.room--chat .camera-notice,.room--chat .status-pill{translate:calc(-50% - 190px)}.room--chat .waiting-overlay{right:380px}}.chat--dropping:after{border:2px dashed var(--accent);content:"";pointer-events:none;border-radius:16px;position:absolute;inset:8px}.chat__head{border-bottom:1px solid var(--glass-border);flex:none;align-items:center;gap:8px;padding:10px 12px;display:flex}.chat__title{flex:1;font-size:15px;font-weight:600}.chat__confirm{color:var(--text-dim);font-size:13px}.chat__head-btn{background:var(--glass);min-width:32px;height:32px;color:var(--text-dim);cursor:pointer;border:none;border-radius:10px;flex:none;place-items:center;padding:0 8px;font-size:13px;display:grid}.chat__head-btn:hover:not(:disabled){color:var(--text);background:#fff3}.chat__head-btn:disabled{opacity:.4;cursor:default}.chat__head-btn--danger{color:var(--danger)}.chat__list{overscroll-behavior:contain;overflow-wrap:anywhere;flex:1;min-height:0;padding:12px;overflow-y:auto}.chat__empty,.chat__typing,.chat__offline{color:var(--text-dim);margin:0;font-size:13px;line-height:1.4}.chat__empty{padding:8px 4px}.chat__typing{padding:4px;animation:2s ease-in-out infinite pulse}.chat__offline{flex:none;padding:8px 14px 0}.chat__divider{color:var(--text-dim);align-items:center;gap:10px;margin:14px 0 8px;font-size:12px;display:flex}.chat__divider:before,.chat__divider:after{border-top:1px solid var(--glass-border);content:"";flex:1;height:0}.msg{margin-top:8px;display:flex}.msg--grouped{margin-top:2px}.msg--mine{justify-content:flex-end}.msg__bubble{background:var(--surface);border-radius:16px 16px 16px 4px;max-width:84%;padding:7px 11px 5px;font-size:15px;line-height:1.4}.msg--mine .msg__bubble{background:color-mix(in srgb, var(--accent) 26%, var(--surface));border-radius:16px 16px 4px}.msg__text{white-space:pre-wrap}.msg__meta{color:var(--text-dim);justify-content:flex-end;align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.msg__tick{opacity:.45}.msg__tick.is-delivered{color:var(--accent);opacity:1}.msg__album{border-bottom:1px solid var(--glass-border);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 6px;padding-bottom:6px;font-size:12px;display:flex}.msg__album svg{flex:none}.msg__album--done{opacity:.7}.msg__album-btn{border:1px solid var(--glass-border);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;display:inline-flex}.msg__album-btn:hover:not(:disabled){background:#ffffff14}.msg__album-btn:disabled{opacity:.45;cursor:default}.msg__album-btn--offer{color:var(--accent)}.msg__album-note{color:var(--text-dim)}.msg__album-note--failed{color:var(--danger)}.markup-para{margin:0}.msg__text a{color:var(--text);text-underline-offset:3px}.markup-code{background:#0000004d;border-radius:5px;padding:1px 4px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:13px}.markup-pre{white-space:pre;background:#0000004d;border-radius:10px;margin:5px 0;padding:8px 10px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:13px;overflow-x:auto}.markup-pre code{font:inherit}.markup-quote{border-left:2px solid var(--glass-border);color:var(--text-dim);margin:4px 0;padding:1px 0 1px 10px}.media{flex-direction:column;gap:5px;width:320px;max-width:100%;margin-top:5px;display:flex}.tile{background:#00000059;border:none;border-radius:12px;width:100%;max-width:100%;padding:0;display:block;position:relative;overflow:hidden}.tile--picture{cursor:zoom-in}.tile--picture img,.tile--video video{object-fit:cover;width:100%;height:100%;display:block}.tile--freeform img{height:auto}.tile--audio audio{width:100%;min-width:220px;display:block}.tile__badge{color:var(--text);pointer-events:none;background:#000000b3;border-radius:8px;padding:1px 6px;font-size:11px;position:absolute;bottom:6px;right:6px}.tile--placeholder{border:1px dashed var(--glass-border);min-width:180px;min-height:72px;color:var(--text-dim);text-align:center;place-items:center;padding:12px;font-size:13px;display:grid}.tile--lost{color:var(--text-dim);opacity:.7}.tile__progress{background:var(--accent);height:3px;transition:width .15s linear;position:absolute;bottom:0;left:0}.tile--file{width:100%;color:var(--text);cursor:pointer;text-align:left;align-items:center;gap:10px;padding:9px 11px;font-size:14px;display:flex}.tile--album{color:var(--text);cursor:pointer;text-align:left;font-size:14px}.tile--album img{object-fit:cover;width:100%;display:block}.tile__album-blank{background:linear-gradient(140deg,#ffffff1a,#00000040);width:100%;height:120px;display:block}.tile__album-bar{background:#0000008c;align-items:center;gap:10px;padding:9px 11px;display:flex}.tile--album:hover .tile__album-bar{background:#000000b8}.tile--file:hover{background:#00000080}.tile__name{overflow-wrap:anywhere;flex-direction:column;flex:1;min-width:0;display:flex}.tile__name small{color:var(--text-dim);font-size:12px}.composer{padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--glass-border);flex-direction:column;flex:none;gap:8px;display:flex}.composer__row{align-items:flex-end;gap:8px;display:flex}.composer__input{border:1px solid var(--glass-border);background:var(--surface);min-width:0;max-height:140px;color:var(--text);resize:none;border-radius:18px;flex:1;padding:9px 13px;font-family:inherit;font-size:16px;line-height:1.35}.composer__input:focus{outline:2px solid var(--accent);outline-offset:-1px}.composer__icon,.composer__send{cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.composer__icon{color:var(--text-dim);background:0 0}.composer__icon:hover:not(:disabled){color:var(--text)}.composer__send{background:var(--accent);color:#fff}.composer__send:hover:not(:disabled){background:var(--accent-hover)}.composer__send:disabled,.composer__icon:disabled{opacity:.4;cursor:default}.composer__notice{color:var(--text-dim);margin:0;font-size:11px;line-height:1.35}.composer__drafts{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.composer__error{color:var(--danger);flex:1 0 100%;margin:0;font-size:13px}.draft{border:1px solid var(--glass-border);background:var(--surface);border-radius:10px;width:72px;height:72px;position:relative;overflow:hidden}.draft img{object-fit:cover;width:100%;height:100%}.draft--failed{border-color:var(--danger)}.draft__label{color:var(--text-dim);overflow-wrap:anywhere;padding:6px 5px 0;font-size:11px;line-height:1.2;display:block}.draft__note{color:var(--text-dim);text-align:center;background:#000000bf;padding:1px 4px;font-size:10px;position:absolute;inset:auto 0 0}.draft--failed .draft__note{color:var(--danger)}.draft__remove{width:18px;height:18px;color:var(--text);cursor:pointer;background:#000000bf;border:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:2px;right:2px}.lightbox{z-index:5;background:#000000eb;place-items:center;padding:56px 12px 12px;display:grid;position:fixed;inset:0}.lightbox__image{object-fit:contain;border-radius:10px;max-width:100%;max-height:100%}.lightbox__bar{top:calc(10px + env(safe-area-inset-top));justify-content:flex-end;align-items:center;gap:10px;display:flex;position:absolute;left:12px;right:12px}.lightbox__count{color:var(--text-dim);margin-right:auto;font-size:13px}.lightbox__btn{border:1px solid var(--glass-border);background:var(--glass);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:50%;place-items:center;display:grid}.lightbox__gone{color:var(--text-dim)}.albumview{z-index:6;background:#000;grid-template-rows:auto 1fr;display:grid;position:fixed;inset:0}.albumview__bar{padding:calc(8px + env(safe-area-inset-top)) 12px 8px;border-bottom:1px solid var(--glass-border);background:var(--glass);align-items:center;gap:10px;display:flex}.albumview__title{color:var(--text-dim);margin-right:auto;font-size:13px}.albumview__btn{border:1px solid var(--glass-border);background:var(--glass);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:50%;place-items:center;display:grid}.albumview__frame,.albumview__gone{grid-area:2/1}.albumview__frame{background:#000;border:0;width:100%;height:100%}.albumview__gone{color:var(--text-dim);place-self:center}