:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--canvas:#07060b;--surface:#0d0b14;--surface-raised:#12101b;--quiet:#100e18;--ink:#f5f2fb;--secondary:#aaa4b7;--muted:#928a9e;--line:#292536;--line-strong:#46405a;--violet:#bda0ff;--violet-strong:#906fff;--violet-deep:#d4c7ff;--violet-soft:#bda0ff1c;--blue:#75a7ff;--info:var(--blue);--coral:#c9adff;--danger:#de7d90;--warning:#d8a657;--success:#78c99a;--glass-solid:#12101b;--glass-surface:#12101be0;--glass-border:#bda0ff38;--shadow-shell:0 20px 64px #00000057;--shadow-control:0 8px 24px #00000038;--shadow-focus:0 14px 40px #00000061;--shadow-glow:0 0 0 1px #bda0ff38, 0 10px 30px #906fff1a;--brand-gradient:linear-gradient(90deg, var(--violet-strong), var(--blue));--send-gradient:linear-gradient(135deg, var(--violet-strong), #7b5de0);--avatar-coral-bg:#2a2238;--avatar-coral-accent:#c9adff;--avatar-violet-bg:#2c2344;--avatar-violet-accent:#bda0ff;--avatar-mint-bg:#202b3e;--avatar-mint-accent:#85aef4;--avatar-gold-bg:#282738;--avatar-gold-accent:#9d93cd;--avatar-sky-bg:#1c2b42;--avatar-sky-accent:var(--blue);--avatar-rose-bg:#30243d;--avatar-rose-accent:#c0a0e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{color:var(--ink);background:var(--canvas);overflow:hidden}body.dialog-open{overflow:hidden}button,input,textarea{color:inherit;font:inherit}button{cursor:pointer;transition:color .16s,border-color .16s,background-color .16s,box-shadow .16s,opacity .16s}button:active:not(:disabled){opacity:.82}button:disabled{cursor:not-allowed;opacity:.5}input,textarea{min-width:0}button,a,input,textarea,summary{outline:none}:focus-visible{outline:2px solid var(--violet);outline-offset:3px;box-shadow:var(--shadow-glow)}::selection{color:var(--canvas);background:var(--violet)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.eyebrow,.rail-label{color:var(--secondary);letter-spacing:.065em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700}.boot-page{background:radial-gradient(circle, #bda0ff14, transparent 40%), var(--canvas);place-content:center;justify-items:center;gap:18px;min-height:100dvh;display:grid}.boot-page .brand{transform:translate(8px)}.boot-page p{color:var(--secondary);margin:0;font-size:13px}.boot-pulse{background:var(--line);border-radius:999px;width:46px;height:5px;overflow:hidden}.boot-pulse:after{content:"";border-radius:inherit;background:var(--brand-gradient);width:50%;height:100%;animation:1.1s ease-in-out infinite alternate boot-slide;display:block}@keyframes boot-slide{to{transform:translate(100%)}}.brand{align-items:center;gap:14px;min-width:0;display:flex}.brand-copy{line-height:1.08;display:grid}.brand-copy span{color:var(--secondary);letter-spacing:.01em;font-size:16px;font-weight:650}.brand-copy strong{color:var(--ink);letter-spacing:-.025em;font-size:20px;font-weight:800}.signal-mark{flex:none;place-items:center;width:48px;height:48px;display:grid}.signal-mark--compact{width:40px;height:40px}.signal-glyph{width:100%;height:100%;stroke:var(--violet);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px #bda0ff24);overflow:visible}.join-page{background:radial-gradient(circle at 13% 20%, #bda0ff12, transparent 26%), radial-gradient(circle at 88% 77%, #75a7ff0f, transparent 30%), var(--canvas);place-items:center;min-height:100dvh;padding:40px 20px;display:grid;position:relative;overflow:auto}.join-page:after{content:"";background:var(--brand-gradient);height:7px;position:fixed;inset:auto 0 0}.join-orbit{pointer-events:none;border:1px solid #bda0ff1f;border-radius:50%;position:fixed}.join-orbit--one{width:420px;height:420px;top:-250px;right:-100px}.join-orbit--two{width:300px;height:300px;bottom:-190px;left:-60px}.join-card{border:1px solid var(--line);background:var(--glass-solid);width:min(620px,100%);box-shadow:var(--shadow-shell);border-radius:24px;padding:34px;position:relative}.join-card>.brand{border-bottom:1px solid var(--line);padding-bottom:26px}.join-intro{margin:26px 0 22px}.join-intro h1{letter-spacing:-.055em;margin:6px 0 8px;font-size:clamp(34px,7vw,48px);line-height:1}.join-intro p{max-width:50ch;color:var(--secondary);margin:0;font-size:16px;line-height:1.55}.mode-picker{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mode-choice{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:42px 1fr 14px;align-items:center;gap:12px;min-height:92px;padding:14px;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s;display:grid;position:relative}.mode-choice:hover{border-color:var(--line-strong);transform:translateY(-1px)}.mode-choice.is-selected{border-color:var(--violet);background:var(--surface-raised);box-shadow:var(--shadow-glow)}.mode-choice-icon{width:42px;height:42px;color:var(--violet-deep);background:var(--violet-soft);border-radius:12px;place-items:center;display:grid}.mode-choice-icon--sealed{background:var(--violet-soft)}.mode-choice span:nth-child(2){gap:4px;display:grid}.mode-choice strong{font-size:15px}.mode-choice small{color:var(--secondary);font-size:12px;line-height:1.35}.radio-dot,.room-radio{border:1.5px solid #817a88;border-radius:50%;width:13px;height:13px}.is-selected>.radio-dot,.room-card.is-selected .room-radio{border:4px solid var(--violet)}.join-form{gap:15px;margin-top:20px;display:grid}.join-form label,.settings-dialog label,.sealed-gate label{color:var(--secondary);gap:7px;font-size:13px;font-weight:650;display:grid}.join-form input,.settings-dialog input,.settings-dialog textarea,.sealed-gate input{width:100%;min-height:48px;color:var(--ink);border:1px solid var(--line-strong);background:var(--surface);border-radius:12px;padding:12px 14px;font-size:15px}.join-form input:focus,.settings-dialog input:focus,.settings-dialog textarea:focus,.sealed-gate input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #bda0ff24}.avatar-picker{border:0;min-width:0;margin:0;padding:0}.avatar-picker legend{color:var(--secondary);margin-bottom:8px;font-size:13px;font-weight:650}.avatar-picker>div{flex-wrap:wrap;gap:8px;display:flex}.avatar-swatch{background:var(--avatar-coral-bg);border:2px solid #0000;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.avatar-swatch.avatar--violet{background:var(--avatar-violet-bg)}.avatar-swatch.avatar--mint{background:var(--avatar-mint-bg)}.avatar-swatch.avatar--gold{background:var(--avatar-gold-bg)}.avatar-swatch.avatar--sky{background:var(--avatar-sky-bg)}.avatar-swatch.avatar--rose{background:var(--avatar-rose-bg)}.avatar-swatch.is-selected{border-color:var(--violet);box-shadow:var(--shadow-glow)}.avatar-swatch span{font-weight:800}.sealed-join-note{color:var(--violet-deep);border:1px solid var(--glass-border);background:var(--violet-soft);border-radius:14px;gap:12px;padding:14px;display:flex}.sealed-join-note>svg{flex:none}.sealed-join-note strong{color:var(--ink);font-size:14px;display:block}.sealed-join-note p{color:var(--secondary);margin:4px 0 0;font-size:12px;font-weight:450;line-height:1.45}.form-error{color:var(--danger);margin:0;font-size:13px;font-weight:650;line-height:1.4}.primary-button,.secondary-button,.danger-button,.small-primary{border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 17px;font-weight:700;display:inline-flex}.primary-button{color:#fff;background:var(--send-gradient);box-shadow:var(--shadow-glow);border:0}.primary-button:hover:not(:disabled){filter:saturate(1.1)brightness(.98)}.secondary-button{color:var(--violet-deep);border:1px solid var(--glass-border);background:var(--surface)}.danger-button{color:#fff;background:var(--danger);border:0;min-height:38px}.small-primary{color:#fff;background:var(--violet);border:0;min-height:36px}.join-button{width:100%;min-height:52px;margin-top:2px}.join-footer{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin:20px 0 -14px;font-size:12px;display:flex}.join-footer .signal-mark{margin:-12px;transform:scale(.44)}.room-session-root{width:100%;height:100dvh}.app-shell{border:1px solid var(--line);background:var(--surface);width:calc(100% - 12px);height:calc(100dvh - 12px);box-shadow:var(--shadow-shell);border-radius:20px;grid-template-columns:316px minmax(0,1fr) 304px;margin:6px;display:grid;position:relative;overflow:hidden}.spectrum-line{z-index:20;background:var(--brand-gradient);pointer-events:none;height:6px;position:absolute;inset:auto 0 0}.room-rail,.people-rail{background:var(--surface);min-height:0}.room-rail{border-right:1px solid var(--line);flex-direction:column;gap:38px;padding:30px 22px 30px 28px;display:flex;overflow:auto}.room-switcher{gap:10px;display:grid}.room-switcher>.rail-label{margin:0 6px 8px}.room-card{text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:42px minmax(0,1fr) 14px;align-items:start;gap:12px;width:100%;min-height:116px;padding:16px 14px;display:grid;position:relative}.room-card:hover{background:var(--violet-soft)}.room-card.is-selected{border-color:var(--glass-border);background:var(--surface-raised);box-shadow:var(--shadow-glow)}.room-card--sealed.is-selected{border-color:var(--glass-border);background:var(--surface-raised)}.room-card-icon{width:42px;height:42px;color:var(--violet-deep);background:var(--violet-soft);border-radius:12px;place-items:center;display:grid}.room-card>span:nth-child(2){gap:5px;min-width:0;display:grid}.room-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.room-card small{color:var(--secondary);font-size:12px;line-height:1.35}.room-card em{color:var(--secondary);align-items:center;gap:6px;margin-top:4px;font-size:12px;font-style:normal;display:flex}.room-card .room-radio{margin-top:5px}.spark-card{border:1px solid var(--line);background:var(--surface-raised);border-radius:16px;margin-top:auto;padding:22px 18px;position:relative}.spark-card:before{content:"";background:var(--brand-gradient);width:46px;height:6px;position:absolute;top:0;right:16px}.spark-card p{margin:14px 0 20px;font-size:16px;line-height:1.45}.spark-card button{min-height:44px;color:var(--violet-deep);border:1px solid var(--line-strong);background:var(--surface);box-shadow:var(--shadow-control);border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-weight:700;display:inline-flex}.connection-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:flex}.connection-footer>span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.connection-footer>span+span{border-left:1px solid var(--line);padding-left:9px}.avatar{background:var(--avatar-coral-bg);border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative;overflow:visible}.avatar--small{width:42px;height:42px}.avatar--medium{width:58px;height:58px}.avatar--large{width:64px;height:64px}.avatar--violet{background:var(--avatar-violet-bg)}.avatar--mint{background:var(--avatar-mint-bg)}.avatar--gold{background:var(--avatar-gold-bg)}.avatar--sky{background:var(--avatar-sky-bg)}.avatar--rose{background:var(--avatar-rose-bg)}.avatar-face{width:92%;height:92%;overflow:visible}.avatar-skin{fill:#ffe2d1;stroke:#332b39;stroke-width:1.4px}.avatar-neck{fill:#ffd7c2}.avatar-shirt{fill:#ffffffb3;stroke:#332b39;stroke-width:1.4px}.avatar-hair{fill:#37313d;stroke:#37313d;stroke-width:1.2px}.avatar-eye{fill:#332b39}.avatar-mouth{fill:none;stroke:#332b39;stroke-linecap:round;stroke-width:1.5px}.avatar-cheek{fill:#ff9da0;opacity:.55}.presence-dot{background:#a7a2a9;border-radius:50%;width:9px;height:9px;display:inline-block}.avatar>.presence-dot{border:2.5px solid var(--canvas);width:12px;height:12px;position:absolute;bottom:2px;right:-1px}.presence-dot--online{background:var(--success)}.presence-dot--recent{background:#a7a2a9}.presence-dot--offline{background:#c4c0c7}.chat-column{background:var(--canvas);flex-direction:column;min-width:0;min-height:0;display:flex}.room-header{border-bottom:1px solid var(--line);background:var(--glass-solid);grid-template-columns:minmax(280px,1fr) auto auto;align-items:center;gap:20px;min-height:124px;padding:20px 26px;display:grid}.room-heading h1{letter-spacing:-.035em;align-items:center;gap:8px;margin:0 0 5px;font-size:26px;line-height:1.2;display:flex}.room-heading p{color:var(--secondary);flex-wrap:wrap;align-items:center;gap:14px;margin:0;font-size:14px;line-height:1.4;display:flex}.room-heading p span{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.room-tabs{border:1px solid var(--line);background:var(--surface);min-height:58px;box-shadow:var(--shadow-control);border-radius:16px;padding:4px;display:flex;position:relative}.room-tabs button{border:0;border-right:1px solid var(--line);background:0 0;align-items:center;gap:8px;min-width:104px;padding:0 14px;font-weight:650;display:inline-flex;position:relative}.room-tabs button:last-child{border:0}.room-tabs button.is-selected{color:var(--violet-deep)}.room-tabs button.is-selected:after{content:"";background:var(--brand-gradient);border-radius:4px 4px 0 0;width:28px;height:5px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.header-actions{align-items:center;gap:5px;display:flex}.icon-button,.self-avatar-button{background:0 0;border:0;border-radius:12px;place-items:center;width:44px;height:44px;padding:0;display:inline-grid}.icon-button:hover,.self-avatar-button:hover{background:var(--violet-soft)}.self-avatar-button{border-radius:50%}.people-mobile-button,.mobile-brand,.mobile-topline,.mobile-friend-stack,.mobile-mode-switch{display:none}.demo-banner,.connection-banner{color:var(--warning);background:#d8a65717;border-bottom:1px solid #d8a6573d;justify-content:center;gap:12px;padding:8px 18px;font-size:12px;display:flex}.demo-banner span{align-items:center;gap:6px;font-weight:700;display:inline-flex}.demo-banner small{color:var(--secondary)}.connection-banner{color:var(--info);background:#75a7ff14;border-color:#75a7ff3d}.connection-banner--offline{color:var(--danger);background:#de7d9014;border-color:#de7d903d}.people-rail{border-left:1px solid var(--line);flex-direction:column;min-width:0;display:flex;overflow:hidden}.people-utility{border-bottom:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;min-height:108px;padding:20px 18px;display:flex}.people-panel{flex-direction:column;flex:1;min-height:0;padding:16px 12px 20px;display:flex;overflow:hidden}.people-heading{color:var(--secondary);letter-spacing:.055em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700;display:flex}.people-list{overscroll-behavior:contain;min-height:0;max-height:42%;overflow:auto}.person-row{text-align:left;background:0 0;border:0;border-radius:12px;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-height:64px;padding:8px;display:grid}.person-row:hover,.person-row.is-selected{background:var(--violet-soft)}.person-copy{gap:2px;min-width:0;display:grid}.person-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.person-copy strong em{color:var(--violet-deep);text-transform:uppercase;margin-left:6px;font-size:10px;font-style:normal;font-weight:750}.person-copy small{color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.people-section-label{color:var(--secondary);letter-spacing:.04em;text-transform:uppercase;border-top:1px solid var(--line);align-items:center;gap:8px;margin:12px 8px 4px;padding-top:13px;font-size:11px;font-weight:700;display:flex}.profile-detail{border:1px solid var(--line);border-radius:14px;flex:1;min-height:240px;margin-top:14px;padding:16px;position:relative;overflow:auto}.profile-detail-close{position:absolute;top:6px;right:6px}.profile-detail-head{align-items:center;gap:12px;padding-right:28px;display:flex}.profile-detail-head>div{gap:4px;display:grid}.profile-detail-head strong{font-size:16px}.profile-detail-head span{color:var(--secondary);align-items:center;gap:6px;font-size:12px;display:flex}.profile-detail-section{border-top:1px solid var(--line);margin-top:16px;padding-top:13px}.profile-detail-section>span{color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.profile-detail-section p{color:var(--secondary);margin:7px 0 0;font-size:13px;line-height:1.5}.role-chip{color:var(--secondary);border:1px solid var(--line-strong);background:var(--quiet);border-radius:8px;padding:7px 9px;font-size:11px;display:inline-flex}.timeline-scroller{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-gutter:stable;flex:1;min-height:0;overflow:auto}.timeline{padding:0 18px 28px}.date-divider{z-index:3;background:linear-gradient(var(--canvas) 72%, transparent);justify-content:center;align-items:center;height:48px;margin-bottom:4px;display:flex;position:sticky;top:0}.date-divider:before{content:"";background:var(--line);height:1px;position:absolute;left:0;right:0}.date-divider span{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 20px;font-size:12px;position:relative}.message-row{--member-accent:var(--coral);grid-template-columns:3px 58px minmax(0,1fr);column-gap:20px;padding:8px 6px 10px;transition:opacity .15s;display:grid;position:relative}.message-row[data-avatar=coral]{--member-accent:var(--avatar-coral-accent)}.message-row[data-avatar=violet]{--member-accent:var(--avatar-violet-accent)}.message-row[data-avatar=mint]{--member-accent:var(--avatar-mint-accent)}.message-row[data-avatar=gold]{--member-accent:var(--avatar-gold-accent)}.message-row[data-avatar=sky]{--member-accent:var(--avatar-sky-accent)}.message-row[data-avatar=rose]{--member-accent:var(--avatar-rose-accent)}.message-row.is-group-start{margin-top:5px;padding-top:12px}.message-row.is-grouped{padding-top:1px;padding-bottom:5px}.message-row.is-optimistic{opacity:.62}.message-row.is-failed{opacity:1}.message-ribbon{background:var(--member-accent);border-radius:999px;grid-column:1;align-self:stretch;min-height:58px}.message-avatar{grid-column:2;min-height:1px}.message-content{grid-column:3;min-width:0;max-width:68ch}.message-meta{flex-wrap:wrap;align-items:center;gap:8px 14px;min-height:25px;display:flex}.message-meta strong{font-size:17px;line-height:1.25}.message-meta time,.edited-label{color:var(--secondary);font-size:13px}.reply-meta{color:var(--violet-deep);align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.grouped-reply{margin-bottom:2px}.reply-preview-inline{color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;border-left:2px solid #ba9dfb;margin:3px 0 5px;padding:4px 9px;font-size:12px;overflow:hidden}.message-body{overflow-wrap:anywhere;white-space:pre-wrap;margin:3px 0 7px;font-size:17px;line-height:1.55}.message-body.is-deleted{color:var(--muted);font-style:italic}.message-body.is-undecryptable{color:var(--danger);background:#de7d9014;border:1px solid #de7d904d;border-radius:10px;padding:10px}.message-foot{justify-content:space-between;align-items:center;gap:12px;min-height:38px;display:flex}.reaction-list,.message-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.reaction-list button,.sealed-chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:38px;height:34px;padding:0 11px;display:inline-flex}.reaction-list button:hover,.reaction-list button.is-mine{border-color:var(--glass-border);background:var(--violet-soft)}.sealed-chip{min-width:34px;color:var(--violet-deep);padding:0}.message-actions>button,.message-menu-wrap>button{width:40px;height:40px;color:var(--secondary);background:0 0;border:0;border-radius:10px;place-items:center;padding:0;display:grid}.message-actions button:hover{color:var(--ink);background:var(--violet-soft)}.message-menu-wrap{position:relative}.message-menu{z-index:5;border:1px solid var(--line);background:var(--surface);min-width:130px;box-shadow:var(--shadow-focus);border-radius:12px;padding:6px;display:grid;position:absolute;bottom:44px;right:0}.message-menu button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 9px;display:flex}.message-menu button:hover{background:var(--violet-soft)}.message-menu .danger-action{color:var(--danger)}.message-failure{color:var(--danger);font-size:12px;font-weight:650}.delete-confirm{background:#de7d9014;border:1px solid #de7d904d;border-radius:12px;align-items:center;gap:10px;margin-top:7px;padding:10px;display:flex}.delete-confirm>span{flex:1;gap:2px;display:grid}.delete-confirm small{color:var(--secondary)}.text-button{min-height:36px;color:var(--secondary);background:0 0;border:0;padding:0 10px;font-weight:650}.inline-editor{gap:8px;padding:5px 0;display:grid}.inline-editor textarea{resize:vertical;border:1px solid var(--violet);background:var(--quiet);border-radius:10px;min-height:80px;padding:10px 12px}.inline-editor>div{justify-content:flex-end;gap:6px;display:flex}.unread-divider{justify-content:center;align-items:center;min-height:52px;margin:2px 0;display:flex;position:relative}.unread-divider:before{content:"";border-top:1px dashed #9b7bfa;position:absolute;left:0;right:0}.unread-divider span,.unread-divider button{z-index:1;color:var(--violet-deep);border:1px solid var(--glass-border);background:var(--surface);border-radius:999px;position:relative}.load-history-button{min-height:42px;color:var(--violet-deep);border:1px solid var(--glass-border);background:var(--surface);box-shadow:var(--shadow-control);border-radius:999px;align-self:center;margin:16px auto 2px;padding:0 16px;font-size:12px;font-weight:700}.unread-divider span{align-items:center;gap:6px;padding:6px 18px;font-size:12px;display:inline-flex}.unread-divider button{border-color:var(--violet);min-height:36px;padding:0 14px;font-size:12px;font-weight:650;position:absolute;right:0}.empty-timeline{text-align:center;place-items:center;margin:12vh auto;display:grid}.empty-timeline-icon{width:56px;height:56px;color:var(--violet-deep);background:var(--violet-soft);border-radius:18px;place-items:center;margin-bottom:12px;display:grid}.empty-timeline p{color:var(--secondary);margin:5px 0;font-size:14px}.composer{z-index:4;background:var(--canvas);flex:none;margin:0 18px 24px;position:relative}.composer-reply{min-height:56px;color:var(--secondary);background:var(--surface-raised);border-radius:22px 22px 0 0;grid-template-columns:38px minmax(0,1fr) 42px;align-items:center;gap:8px;padding:7px 8px;display:grid}.composer-reply>svg{justify-self:center}.composer-reply>span{min-width:0;display:grid}.composer-reply small{font-size:12px}.composer-reply b{color:var(--violet-deep)}.composer-reply strong{color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.composer-reply button{background:0 0;border:0;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.composer-frame{border:1px solid var(--glass-border);background:var(--glass-solid);min-height:88px;box-shadow:var(--shadow-glow);border-radius:22px;grid-template-columns:46px 46px minmax(80px,1fr) auto auto;align-items:center;gap:6px;padding:10px 12px;display:grid;position:relative}.has-reply .composer-frame{border-radius:0 0 22px 22px}.composer-spectrum{background:var(--brand-gradient);border-radius:0 0 4px 4px;width:48px;height:5px;position:absolute;top:-1.5px;right:8px}.composer-tool{width:44px;height:44px;color:var(--secondary);border:1px solid var(--line);background:var(--surface);border-radius:12px;place-items:center;padding:0;display:grid}.composer textarea{resize:none;field-sizing:content;background:0 0;border:0;width:100%;min-height:28px;max-height:132px;padding:3px 8px;font-size:16px;line-height:1.45;overflow-y:auto}.composer-sealed{color:var(--violet-deep);white-space:nowrap;align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.send-button{color:#fff;background:var(--send-gradient);min-width:106px;min-height:48px;box-shadow:var(--shadow-glow);border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-weight:700;display:inline-flex}.protection-strip{border:1px solid var(--glass-border);background:var(--glass-solid);border-radius:13px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:78px;margin:12px 18px 0;padding:10px 14px;display:grid}.protection-icon,.sealed-gate-icon,.sealed-settings-icon{width:42px;height:42px;color:var(--violet-deep);background:var(--violet-soft);border-radius:12px;place-items:center;display:grid}.protection-strip>span:nth-child(2){gap:3px;display:grid}.protection-strip strong{font-size:14px}.protection-strip small{color:var(--secondary);font-size:12px}.protection-strip button{min-height:44px;color:var(--violet-deep);background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;padding:0 10px;font-weight:650;display:inline-flex}.sealed-lock-view{background:radial-gradient(circle at 50% 20%, #bda0ff12, transparent 42%), var(--canvas);flex:1;place-items:center;min-height:0;padding:24px;display:grid;overflow:auto}.sealed-gate{border:1px solid var(--line);background:var(--surface);width:min(480px,100%);box-shadow:var(--shadow-shell);border-radius:20px;padding:28px}.sealed-gate>.eyebrow{color:var(--violet-deep);margin-top:18px;display:block}.sealed-gate h2{letter-spacing:-.035em;margin:5px 0 8px;font-size:27px}.sealed-gate>p{color:var(--secondary);margin:0 0 20px;line-height:1.5}.sealed-gate form{gap:14px;display:grid}.generate-key-button{width:100%}.key-input-wrap{position:relative}.key-input-wrap input{padding-right:50px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.key-input-wrap>button{width:44px;height:44px;color:var(--violet-deep);background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:2px;right:2px}.import-key-details,.metadata-disclosure{color:var(--secondary);font-size:12px}.import-key-details summary,.metadata-disclosure summary{min-height:38px;color:var(--violet-deep);cursor:pointer;padding:10px 0;font-weight:650}.import-key-details label{margin-top:8px}.check-label{cursor:pointer;grid-template-columns:20px 1fr;align-items:start;gap:10px!important;display:grid!important}.check-label input{width:18px;min-height:18px;accent-color:var(--violet);margin:2px 0 0}.check-label>span{gap:2px;display:grid}.check-label strong{color:var(--ink);font-size:13px}.check-label small{font-size:11px;font-weight:450;line-height:1.4}.never-sent{justify-content:center;align-items:center;gap:7px;font-size:12px;display:flex;color:var(--secondary)!important;margin:16px 0 4px!important}.metadata-disclosure{border-top:1px solid var(--line);margin-top:6px;padding-top:4px}.metadata-disclosure p{margin:3px 0 0;line-height:1.45}.dialog-layer{z-index:100;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog-backdrop{background:#030207b8;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.people-dialog,.settings-dialog,.search-dialog{z-index:1;background:var(--surface);position:relative;box-shadow:0 22px 80px #1e14263d}.people-dialog{border:1px solid var(--line);border-radius:20px;justify-self:end;width:min(360px,92vw);height:min(760px,100dvh - 40px);overflow:hidden}.people-dialog .people-panel{height:100%;padding:18px}.people-dialog .people-list{flex:1;max-height:none}.sheet-handle{display:none}.settings-dialog{border:1px solid var(--line);border-radius:20px;width:min(480px,100%);max-height:min(800px,100dvh - 40px);padding:24px;overflow:auto}.settings-dialog>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.settings-dialog header small{color:var(--secondary);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.settings-dialog h2{margin:2px 0 0;font-size:26px}.settings-dialog form{gap:14px;margin-top:18px;display:grid}.settings-profile-preview{background:var(--violet-soft);border-radius:14px;align-items:center;gap:13px;padding:13px;display:flex}.settings-profile-preview>span{gap:3px;display:grid}.settings-profile-preview small{color:var(--secondary)}.sealed-settings{text-align:center;justify-items:center;padding:28px 8px;display:grid}.sealed-settings h3{margin:14px 0 6px}.sealed-settings p{max-width:38ch;color:var(--secondary);margin:0 0 18px;line-height:1.5}.settings-danger{border-top:1px solid var(--line);align-items:center;gap:14px;margin-top:20px;padding-top:18px;display:flex}.settings-danger>span{flex:1;gap:2px;display:grid}.settings-danger small{color:var(--secondary);font-size:12px}.search-dialog{border:1px solid var(--line);border-radius:20px;grid-template-rows:auto auto auto minmax(0,1fr);gap:16px;width:min(620px,100%);max-height:min(760px,100dvh - 40px);padding:24px;display:grid;overflow:hidden}.search-dialog>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding-bottom:15px;display:flex}.search-dialog .eyebrow{color:var(--violet-deep)}.search-dialog h2{letter-spacing:-.035em;margin:3px 0 0;font-size:clamp(24px,4vw,30px)}.search-field{border:1.5px solid var(--violet);background:var(--surface);border-radius:15px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:9px;min-height:52px;padding:0 15px;display:grid;position:relative;box-shadow:0 5px 18px #5839ba14}.search-field>svg{color:var(--violet-deep)}.search-field input{background:0 0;border:0;min-width:0;min-height:48px;padding:0;font-size:16px}.search-privacy{color:var(--secondary);align-items:center;gap:7px;margin:-4px 2px 0;font-size:12px;line-height:1.4;display:flex}.search-privacy svg{color:var(--violet-deep);flex:none}.search-results{overscroll-behavior:contain;border-top:1px solid var(--line);min-height:150px;overflow-y:auto}.search-results>button{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;gap:5px;width:100%;min-height:74px;padding:12px 10px;display:grid}.search-results>button:hover{background:var(--violet-soft)}.search-results>button>span{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.search-results strong{color:var(--violet-deep)}.search-results time{color:var(--muted);flex:none;font-size:11px}.search-results p{color:var(--secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.4;display:-webkit-box;overflow:hidden}.search-empty{text-align:center;place-items:center;min-height:150px;margin:0;padding:28px;color:var(--muted)!important;display:grid!important}.toast{z-index:200;color:#fff;background:var(--surface-raised);box-shadow:var(--shadow-focus);border-radius:999px;padding:12px 17px;font-size:13px;font-weight:650;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}@media (width<=1279px){.app-shell{grid-template-columns:260px minmax(0,1fr)}.people-rail{display:none}.room-tabs button{min-width:88px}.header-actions .people-mobile-button{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:7px;min-height:44px;padding:0 12px;font-weight:650;display:inline-flex}}@media (width<=1023px){.app-shell{grid-template-columns:1fr}.room-rail{display:none}.room-header{grid-template-columns:minmax(0,1fr) auto;padding:16px 20px}.room-tabs{display:none}.mobile-mode-switch{border:1px solid var(--line);background:var(--surface);border-radius:15px;grid-template-columns:1fr 1fr;gap:3px;margin:12px 20px 0;padding:3px;display:grid}.mobile-mode-switch button{min-height:48px;color:var(--secondary);background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.mobile-mode-switch button.is-selected{color:var(--violet-deep);border-color:var(--violet);background:var(--violet-soft);box-shadow:var(--shadow-glow)}}@media (width<=767px){body{background:var(--canvas)}.app-shell{width:100%;height:100dvh;box-shadow:none;border:0;border-radius:0;margin:0}.room-header{min-height:auto;padding:calc(12px + env(safe-area-inset-top)) 16px 14px;background:var(--glass-solid);display:block}.mobile-topline{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.mobile-topline .brand-copy span{display:none}.mobile-topline .brand-copy strong{letter-spacing:.14em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px}.mobile-topline .signal-mark{width:38px;height:38px}.mobile-header-actions{align-items:center;gap:6px;display:flex}.mobile-header-actions button{width:44px;height:44px;color:var(--secondary);border:1px solid var(--line);background:var(--surface);border-radius:12px;place-items:center;padding:0;display:grid}.mobile-header-actions button:hover{color:var(--ink);border-color:var(--glass-border);background:var(--violet-soft)}.room-overview{align-items:center;gap:18px;min-width:0;margin-top:18px;display:flex}.mobile-friend-stack{flex:none;padding-left:8px;display:flex}.mobile-friend-stack:empty{display:none}.mobile-friend-stack .avatar{border:2px solid var(--canvas);width:44px;height:44px;margin-left:-10px}.mobile-friend-stack .avatar:first-child{margin-left:0}.room-heading{min-width:0}.room-heading h1{white-space:normal;margin:0 0 3px;font-size:clamp(23px,7vw,29px)}.room-heading h1 svg{display:none}.room-heading p{color:var(--secondary);white-space:normal;font-size:0;display:block;overflow:visible}.room-heading p span{font-size:14px}.header-actions,.mobile-brand{display:none}.mobile-mode-switch{margin:2px 16px 12px}.demo-banner{justify-content:flex-start;padding:6px 12px}.demo-banner small{display:none}.connection-banner{padding:7px 12px;font-size:11px}.protection-strip{grid-template-columns:38px 1fr auto;min-height:66px;margin:8px 12px 0;padding:8px 10px}.protection-strip .protection-icon{width:38px;height:38px}.protection-strip strong{font-size:12px}.protection-strip small{display:none}.protection-strip button{width:44px;padding:0;font-size:0}.protection-strip button svg{width:20px}.timeline{padding:0 12px 18px}.date-divider{height:46px}.message-row{grid-template-columns:3px 40px minmax(0,1fr);column-gap:12px;padding-left:3px;padding-right:0}.message-row.is-group-start{margin-top:4px;padding-top:10px}.message-avatar .avatar--medium{width:40px;height:40px}.message-ribbon{min-height:40px}.message-meta{gap:5px 12px;min-height:22px}.message-meta strong{font-size:16px}.message-meta time{font-size:12px}.message-body{margin-top:4px;font-size:16px;line-height:1.5}.message-foot{align-items:flex-end}.message-actions>button,.message-menu-wrap>button{width:44px;height:44px}.reaction-list button,.sealed-chip{height:36px}.delete-confirm{flex-wrap:wrap}.delete-confirm>span{flex-basis:100%}.unread-divider{min-height:54px}.unread-divider span{padding:6px 14px}.unread-divider button{padding:0 10px}.composer{margin:0 12px calc(12px + env(safe-area-inset-bottom))}.composer-reply{grid-template-columns:34px minmax(0,1fr) 40px;min-height:48px}.composer-frame{grid-template-columns:44px 44px minmax(0,1fr) auto;min-height:70px;padding:8px}.composer-tool:nth-of-type(2){display:grid}.composer textarea{padding:4px 6px;font-size:16px}.composer-sealed{display:none}.send-button{min-width:76px;min-height:48px;padding:0 12px}.send-button svg{display:none}.sealed-lock-view{padding:18px 12px calc(24px + env(safe-area-inset-bottom))}.sealed-gate{padding:22px 18px}.sealed-gate h2{font-size:24px}.dialog-layer{align-items:end;padding:0}.people-dialog,.settings-dialog,.search-dialog{border:0;border-radius:24px 24px 0 0;align-self:end;width:100%;height:auto;max-height:72dvh;box-shadow:0 -12px 36px #00000061}.people-dialog .people-panel{max-height:calc(72dvh - 20px);padding:8px 16px calc(18px + env(safe-area-inset-bottom))}.people-dialog .people-heading{letter-spacing:0;text-transform:none;padding-top:0;font-family:inherit;font-size:17px}.people-dialog .person-row{min-height:58px}.sheet-handle{background:var(--line-strong);border-radius:999px;width:52px;height:5px;margin:10px auto 4px;display:block}.settings-dialog{padding:18px 18px calc(20px + env(safe-area-inset-bottom));overflow:auto}.search-dialog{padding:18px 16px calc(18px + env(safe-area-inset-bottom));grid-template-rows:auto auto auto minmax(120px,1fr);gap:12px;overflow:hidden}.search-dialog h2{font-size:23px}.search-dialog>header{padding-bottom:11px}.search-results{min-height:120px}.join-page{align-items:start;padding:16px 12px 24px}.join-card{margin-top:max(8px, env(safe-area-inset-top));border-radius:20px;padding:22px 18px}.join-card>.brand{padding-bottom:18px}.join-intro{margin:20px 0 18px}.join-intro h1{font-size:36px}.mode-picker{grid-template-columns:1fr}.mode-choice{min-height:78px}.join-footer{margin-bottom:-8px}}@media (width<=359px){.mobile-topline .brand{gap:0}.mobile-topline .signal-mark{display:none}.mobile-header-actions{gap:4px}.unread-divider span{font-size:0}.unread-divider span:before{content:"New messages";font-size:11px}.unread-divider span svg{display:none}.unread-divider button{font-size:0}.unread-divider button:before{content:"Latest ↓";font-size:11px}.room-heading h1{text-overflow:ellipsis;max-width:142px;overflow:hidden}.message-foot{flex-wrap:wrap}}@media (height<=760px) and (width>=768px){.spark-card{display:none}.room-rail{gap:24px}.room-header{min-height:96px}.people-utility{min-height:82px}.composer-frame{min-height:72px}}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.join-card,.room-header,.composer-frame,.people-dialog,.settings-dialog,.search-dialog{background:var(--glass-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dialog-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--line:#5d566f;--line-strong:#8d82a8;--secondary:#d1cbdc;--muted:#bcb5c8}.message-ribbon,.presence-dot{outline:1px solid}button{border-color:currentColor}}