:root{font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9f2f1;background:#07151b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--canvas: #07151b;--panel: #0c2027;--border: rgba(161, 210, 210, .17);--muted: #95acad;--mint: #a7e8d1;--mint-bright: #d8fff1;--lavender: #c4addf;--warning: #f4b4b4}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px;min-height:100vh}body:before{content:"";z-index:-1;position:fixed;inset:0;background:radial-gradient(ellipse 800px 600px at 74% 10%,rgba(56,133,121,.16),transparent 72%),radial-gradient(ellipse 660px 620px at 5% 75%,rgba(121,73,148,.13),transparent 78%),linear-gradient(160deg,#07151b,#0b1b21 65%,#08141b);pointer-events:none}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.46;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,.attach-button:focus-within{outline:3px solid var(--mint);outline-offset:3px}p,h1,h2{margin-top:0}.page{min-height:100vh;display:flex;flex-direction:column}.topbar{min-height:91px;padding:24px max(5vw,26px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(150,212,209,.09)}.brand{display:inline-flex;align-items:center;gap:12px;font-family:Avenir Next,sans-serif;font-size:15px;font-weight:700;letter-spacing:.055em;white-space:nowrap}.brand-symbol{display:grid;place-items:center;width:37px;height:37px;color:var(--mint-bright);font-size:27px;font-weight:400;border:1px solid rgba(151,235,211,.35);border-radius:13px;background:#86d8ba12;box-shadow:0 0 24px #8ae5c41c}.brand-accent{color:var(--mint)}.top-status{display:flex;align-items:center;gap:11px;font-size:12px;color:var(--muted)}.status-dot{width:8px;height:8px;flex:0 0 8px;display:inline-block;background:#819398;border-radius:100%}.status-dot.waiting{background:#e1bd81;box-shadow:0 0 0 4px #e1bd8114}.status-dot.connected{background:#9cf4c6;box-shadow:0 0 0 4px #9cf4c61f,0 0 12px #9cf4c64d}.status-dot.error{background:#f0a2a9;box-shadow:0 0 0 4px #f0a2a91f}main{flex:1;width:100%}.lobby{max-width:1280px;margin:auto;padding:0 38px 104px}.hero{padding:102px 0 95px;position:relative;isolation:isolate}.eyebrow,.panel-kicker,.mini-label{font-family:Avenir Next,sans-serif;letter-spacing:.19em;color:var(--mint);font-size:10px;font-weight:700}.eyebrow{margin-bottom:29px}.tiny-star{margin-right:10px;font-size:13px}.hero h1,.session-sidebar h1{font-family:Avenir Next,sans-serif;letter-spacing:-.065em;font-size:clamp(52px,6.6vw,93px);line-height:1.04;font-weight:500;max-width:810px;margin-bottom:26px}.hero h1 em,.session-sidebar h1 em{font-family:Georgia,Times New Roman,serif;font-weight:400;color:var(--mint);letter-spacing:-.045em}.hero-lead{font-size:16px;line-height:1.8;max-width:580px;color:var(--muted)}.hero-decoration{position:absolute;z-index:-1;width:min(32vw,400px);aspect-ratio:1;right:1%;top:25%;opacity:.92;display:grid;place-items:center;pointer-events:none}.orbit{position:absolute;border:1px solid rgba(151,227,202,.23);border-radius:50%}.orbit.one{inset:11%;transform:rotate(-30deg) scaleX(.64);animation:orbit 27s linear infinite}.orbit.two{inset:3%;border-color:#c198d945;transform:rotate(55deg) scaleX(.7);animation:orbit-reverse 35s linear infinite}.orb-core{display:block;width:41%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 42% 35%,rgba(230,255,235,.75),rgba(99,202,182,.4) 19%,rgba(63,126,131,.22) 48%,transparent 70%);filter:blur(1px);box-shadow:0 0 100px 32px #6cd1b221}.orb-dot{position:absolute;background:var(--mint-bright);width:8px;height:8px;border-radius:50%;right:16%;top:36%;box-shadow:0 0 15px var(--mint)}@keyframes orbit{to{transform:rotate(330deg) scaleX(.64)}}@keyframes orbit-reverse{to{transform:rotate(-305deg) scaleX(.7)}}.lobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}.panel{border:1px solid var(--border);border-radius:20px;background:linear-gradient(152deg,#132d35d6,#091d25d9);padding:clamp(25px,3.3vw,43px);position:relative;box-shadow:0 18px 55px #010a0d1f}.panel:before{content:"";position:absolute;top:0;left:32px;right:32px;height:1px;background:linear-gradient(90deg,transparent,rgba(192,251,227,.34),transparent)}.panel-kicker{display:flex;align-items:center;gap:12px;margin-bottom:32px}.panel-index{font-size:11px;display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid rgba(160,231,214,.25);border-radius:8px;letter-spacing:0}.panel h2{font:500 clamp(25px,2.4vw,33px)/1.19 "Avenir Next",sans-serif;letter-spacing:-.04em;margin:0 0 16px}.panel>p{color:var(--muted);line-height:1.72;font-size:14px;margin-bottom:30px}.button{appearance:none;border-radius:11px;border:1px solid var(--border);min-height:48px;padding:12px 20px;font-family:Avenir Next,sans-serif;font-size:13px;font-weight:600;transition:transform .15s ease,background .15s ease,border-color .15s ease}.button:not(:disabled):hover{transform:translateY(-1px)}.button-primary{background:var(--mint);color:#12352f;border-color:var(--mint);box-shadow:0 5px 26px #a7e8d11f;display:inline-flex;align-items:center;justify-content:space-between}.button-primary:hover{background:var(--mint-bright)}.button-full{width:100%}.button-secondary{background:#24454c;border-color:#abe3d533;color:#e4f6f3}.button-secondary:hover{background:#30565a}.button-quiet{background:transparent;color:#d1e5e5}.button-quiet:hover{background:#aedde012}.button-danger{background:#cb646e1a;border-color:#ed8d974a;color:#ffd6d9}.button-danger:hover{background:#cb646e30}.fine-divider{display:flex;align-items:center;gap:16px;font-size:11px;color:#8ba5a7;margin:28px 0 20px}.fine-divider:before,.fine-divider:after{content:"";height:1px;background:var(--border);flex:1}.join-form label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}.join-row{display:flex;gap:9px}.join-row input{min-width:0;flex:1;border-radius:10px;border:1px solid rgba(160,216,207,.22);padding:12px 14px;background:#0a1c24;color:#fff;font-family:Avenir Next,sans-serif;font-size:13px;letter-spacing:.045em}.join-row input::placeholder{color:#698c92;font-size:11px}.form-error{margin:11px 0 0;color:var(--warning);font-size:12px}.principle{display:flex;gap:17px;margin:22px 0}.principle-icon{color:var(--mint);font-size:23px;line-height:1;min-width:25px}.principle strong{font:600 14px Avenir Next,sans-serif;color:#e9f3f1}.principle p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.principles-panel .trust-note{border-top:1px solid var(--border);padding-top:19px;margin:26px 0 0;color:#8ca6aa;font-size:11px;line-height:1.6}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:26px max(5vw,26px);border-top:1px solid rgba(156,212,207,.09);font:600 9px Avenir Next,sans-serif;letter-spacing:.12em;color:#6f9194}.session{display:grid;grid-template-columns:minmax(270px,360px) minmax(0,1fr);gap:0;width:min(1480px,100%);height:min(850px,calc(100dvh - 150px));min-height:620px;margin:0 auto;border-left:1px solid var(--border);border-right:1px solid var(--border)}.session-sidebar{position:relative;padding:33px clamp(25px,3vw,43px);display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid var(--border);background:linear-gradient(168deg,#16363cb8,#0c212ab8)}.session-sidebar .panel-kicker{margin-bottom:35px}.channel-mark{display:grid;place-items:center;width:67px;height:67px;font-size:44px;border:1px solid rgba(157,234,215,.4);color:var(--mint);border-radius:23px;box-shadow:inset 0 0 30px #8cebcd12,0 0 45px #8cebcd14;margin-bottom:27px}.session-sidebar h1{font-size:clamp(30px,3vw,43px);line-height:1.12;letter-spacing:-.045em;margin-bottom:24px}.channel-state{display:flex;align-items:center;gap:12px;font-size:12px;color:#b6cbc7;margin:0 0 28px}.detail-card{padding:20px;border:1px solid rgba(164,217,204,.2);border-radius:13px;margin-bottom:14px;background:#07181d6b}.mini-label{font-size:9px;margin:0 0 14px}.invite-code{display:block;overflow-wrap:anywhere;font:600 15px/1.75 Avenir Next,monospace;letter-spacing:.065em;color:var(--mint-bright)}.detail-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:13px}.text-button{padding:4px 0;border:0;background:none;color:var(--mint);text-decoration:underline;text-underline-offset:4px;font-size:11px}.text-button:hover{color:#fff}.verification strong{display:block;color:#e9dafa;font:600 16px/1.55 Avenir Next,sans-serif;letter-spacing:.015em}.verification p:last-child{margin:9px 0 0;color:#98adb3;line-height:1.5;font-size:11px}.sidebar-caption{color:#91a7aa;font-size:11px;line-height:1.65;margin:10px 0 20px}.session-actions{display:grid;gap:10px;margin-top:auto;padding-top:12px}.conversation{display:flex;flex-direction:column;min-height:0;min-width:0}.conversation-top{min-height:105px;padding:27px 35px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.conversation-top .mini-label{margin-bottom:8px}.conversation-top h2{font:500 25px/1 Avenir Next,sans-serif;letter-spacing:-.035em;margin:0}.lock-pill{border:1px solid rgba(150,226,193,.2);border-radius:50px;padding:10px 13px;color:var(--mint);font:600 9px Avenir Next,sans-serif;letter-spacing:.13em;white-space:nowrap}.lock-pill span{font-size:12px;margin-right:5px}.message-list{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:28px clamp(18px,3.8vw,55px);display:flex;flex-direction:column;scrollbar-color:rgba(152,213,209,.24) transparent}.empty-chat{margin:auto;text-align:center;color:var(--muted)}.empty-symbol{display:block;font-size:48px;color:var(--mint);opacity:.58;margin-bottom:14px}.empty-chat p{color:#dce9e8;font:500 19px Avenir Next,sans-serif;margin:0 0 8px}.empty-chat small{font-size:12px;color:#96aeb0}.message-row{max-width:min(74%,500px);margin-bottom:16px;display:flex;align-items:flex-start;flex-direction:column;gap:6px}.message-row.mine{margin-left:auto;align-items:flex-end}.message-bubble{max-width:100%;border-radius:4px 17px 17px;background:#173540;border:1px solid rgba(137,202,198,.14);color:#ebf5f3;padding:12px 15px;overflow:hidden}.message-row.mine .message-bubble{background:#a8e5d3;color:#12362f;border-color:transparent;border-radius:17px 4px 17px 17px}.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.58;font-size:14px}.message-bubble:has(.message-image){padding:5px;background:#173540}.message-row.mine .message-bubble:has(.message-image){background:#83c2ad}.message-image{display:block;max-height:320px;width:100%;height:auto;max-width:340px;object-fit:contain;border-radius:10px}.message-meta{color:#819da1;font-size:10px;padding:0 5px}.conversation-bottom{border-top:1px solid var(--border);padding:16px 26px 23px;background:#091c229e}.transfer-status{font-size:11px;color:var(--mint);margin:0 0 5px;min-height:1.4em}.composer{display:flex;align-items:flex-end;gap:10px;border:1px solid rgba(170,223,212,.24);background:#10272f;border-radius:14px;padding:9px}.composer:focus-within{border-color:#aaebd9b3}.composer textarea{flex:1;resize:vertical;min-height:40px;max-height:115px;min-width:0;border:0;outline:none;background:transparent;color:#ecf8f5;font-size:14px;line-height:1.5;padding:9px 10px}.composer textarea::placeholder{color:#819da1}.attach-button,.send-button{border:0;width:40px;height:40px;flex:0 0 40px;border-radius:10px;display:grid;place-items:center;font-size:23px}.attach-button{background:#b2e5d417;color:var(--mint);cursor:pointer}.attach-button:hover:not(.disabled){background:#b2e5d429}.attach-button.disabled{opacity:.35;cursor:not-allowed}.send-button{background:var(--mint);color:#163b33}.send-button:hover:not(:disabled){background:var(--mint-bright)}.composer-hint{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#7c999a;font-size:10px;margin:11px 7px 0}.toast{position:fixed;z-index:10;bottom:20px;left:50%;transform:translate(-50%);max-width:min(580px,calc(100% - 28px));width:max-content;padding:14px 20px;border:1px solid rgba(157,232,211,.4);background:#15363c;color:#e0fff2;font-size:13px;border-radius:12px;box-shadow:0 18px 60px #0006}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1050px){.hero-decoration{opacity:.35}.hero h1{max-width:680px}.session{grid-template-columns:295px minmax(0,1fr)}.session-sidebar{padding:25px 23px}.conversation-top{padding:25px}}@media(max-width:730px){.topbar{padding:18px 20px;min-height:75px}.brand{font-size:12px}.brand-symbol{width:32px;height:32px;font-size:24px}.top-status{font-size:11px;max-width:140px}.lobby{padding:0 18px 55px}.hero{padding:75px 5px 57px}.hero h1{font-size:clamp(46px,10vw,70px)}.hero-lead{font-size:14px}.hero-decoration{width:290px;right:-60px;top:20px;opacity:.22}.lobby-grid{grid-template-columns:1fr;gap:15px}.panel{padding:27px}footer{padding:22px;font-size:8px}.session{display:flex;flex-direction:column;min-height:0;height:calc(100dvh - 75px);border:0}.session-sidebar{flex:none;display:block;padding:14px 20px;border-right:0;border-bottom:1px solid var(--border)}.session-sidebar .panel-kicker,.session-sidebar .channel-mark,.session-sidebar h1,.session-sidebar .sidebar-caption{display:none}.session-sidebar .verification{margin-top:8px;padding:9px 13px}.session-sidebar .verification .mini-label{margin-bottom:3px}.session-sidebar .verification strong{font-size:12px}.session-sidebar .verification p:last-child{display:none}.channel-state{margin-bottom:10px;font-size:11px}.detail-card{padding:9px 13px;margin-bottom:0}.detail-card .mini-label{margin-bottom:3px}.invite-code{font-size:12px}.detail-actions{margin-top:4px}.session-actions{display:flex;gap:7px;padding-top:9px}.session-actions .button{flex:1;min-height:35px;padding:7px 8px;font-size:10px}.conversation{flex:1;min-height:0}.conversation-top{padding:15px 20px;min-height:70px}.conversation-top h2{font-size:19px}.lock-pill{padding:8px;font-size:8px}.message-list{padding:17px}.message-row{max-width:85%}.conversation-bottom{padding:10px 12px 15px}footer{display:none}}@media(max-width:380px){.join-row{flex-direction:column}.join-row button{width:100%}.brand{letter-spacing:0}.lock-pill{font-size:7px}.composer{gap:4px}.attach-button,.send-button{width:35px;flex-basis:35px;height:35px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.welcome-composer{padding:16px 18px}.welcome-composer summary{display:flex;align-items:center;justify-content:space-between;gap:9px;list-style:none;color:var(--mint);font:600 12px/1.4 Avenir Next,system-ui,sans-serif;cursor:pointer}.welcome-composer summary::-webkit-details-marker{display:none}.welcome-composer summary:before{content:"✦";color:var(--mint);font-size:16px}.welcome-composer summary span{color:#91aeb0;font-size:10px;font-weight:500;margin-left:auto}.welcome-composer[open] summary{margin-bottom:18px}.welcome-composer .mini-label{display:block;font-size:9px;margin:0 0 9px}.welcome-composer textarea{display:block;width:100%;min-height:81px;max-height:160px;resize:vertical;border-radius:9px;border:1px solid rgba(168,231,214,.25);color:#eef9f6;background:#09222a;padding:10px 12px;font:13px/1.5 Segoe UI,system-ui,sans-serif}.welcome-composer textarea::placeholder{color:#859fa6}.welcome-composer p{font-size:11px;line-height:1.5;color:#97adaf;margin:10px 0 0}.received-note{border:1px solid rgba(201,167,230,.35);border-radius:12px;background:linear-gradient(115deg,#643f7f38,#2b5e5d29);padding:20px 23px;box-shadow:inset 0 1px #d6c0e914}.received-note .mini-label{color:#d9bbea;margin-bottom:10px}.received-note-text{font-size:14px;line-height:1.65;color:#e9eff1;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 10px}.received-note small{display:block;font-size:11px;line-height:1.6;color:#adc1c7}.lobby-note{margin-top:20px}.session-note{border-radius:0;border-left:0;border-right:0;padding:17px 32px;max-height:190px;overflow-y:auto}.session-note .received-note-text{margin-bottom:5px}@media(max-width:730px){.session-sidebar .welcome-composer{padding:11px 13px;margin-top:7px}.session-sidebar .welcome-composer summary{font-size:11px}.session-note{max-height:130px;padding:11px 18px}.session-note .mini-label{font-size:8px}.session-note .received-note-text{font-size:12px}.session-note small{font-size:10px}}.manual-link{display:block;width:100%;margin-top:12px;padding:10px 11px;border:1px solid rgba(164,219,211,.55);border-radius:9px;background:#0b2630;color:#e1fbf2;font:11px/1.4 ui-monospace,Consolas,monospace}.welcome-composer summary:focus-visible{outline:3px solid var(--mint);outline-offset:4px;border-radius:4px}.network-options{border-top:1px solid var(--border);margin-top:24px;padding:20px 0 0}.network-options>summary{cursor:pointer;font-size:12px;line-height:1.5;color:#b4ded2;font-weight:600}.network-options summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.network-options p{color:#9bb4b5;font-size:11px;line-height:1.65;margin:12px 0}.network-options label{display:block;margin:13px 0 7px;color:#c7ded9;font-size:11px;font-weight:600}.network-options input{width:100%;min-height:39px;padding:9px 11px;border:1px solid rgba(160,216,207,.25);border-radius:8px;background:#0a1c24;color:#e6faf3;font-size:12px}.network-options input::placeholder{color:#78989d}.rejoin-help{border:1px solid rgba(219,181,130,.3);border-radius:11px;padding:13px;background:#b4773612;margin:0 0 14px}.rejoin-help p{margin:0 0 11px;color:#e6cfac;font-size:11px;line-height:1.6}.rejoin-help button{width:100%;font-size:11px;padding:9px;min-height:36px;border-color:#e3ba8559}.channel-details{border:1px solid rgba(157,220,202,.16);border-radius:12px;margin-bottom:14px;background:#09202740}.channel-details>summary{list-style:none;cursor:pointer;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;color:var(--mint);font:600 12px/1.5 Avenir Next,Segoe UI,sans-serif}.channel-details>summary::-webkit-details-marker{display:none}.channel-details>summary:focus-visible{outline:3px solid var(--mint);outline-offset:3px;border-radius:9px}.channel-details>summary span:last-child{transition:transform .18s ease;font-size:17px;opacity:.75}.channel-details[open]>summary span:last-child{transform:rotate(180deg)}.channel-details>.detail-card{margin:0 10px 10px;padding:15px}.channel-details>.welcome-composer{padding:13px 15px}.diagnostics{display:flex;flex-wrap:wrap;align-items:center;gap:7px 14px;margin:0 0 16px}.tiny-signal{font:500 10px/1.45 Avenir Next,Segoe UI,sans-serif;color:#a9cac2}#network-indicator{color:var(--mint)}#network-latency{color:#a9b9c5}@media(max-width:730px){.session-sidebar{padding-top:11px;padding-bottom:9px}.channel-details{margin-bottom:7px}.channel-details>summary{padding:8px 12px;font-size:11px}.session-sidebar .channel-details .detail-card{margin-left:8px;margin-right:8px;padding:9px 12px}.session-sidebar .channel-details .welcome-composer{padding:10px 12px}.channel-state{margin-bottom:8px}.diagnostics{margin:0 0 8px}.detail-card.verification{margin-bottom:8px}.session-actions{padding-top:4px}.conversation-top{min-height:66px}.conversation-bottom{padding-bottom:max(15px,env(safe-area-inset-bottom))}.composer-hint{font-size:9px}}@media(max-height:720px)and (max-width:730px){.sidebar-caption{display:none!important}.session-sidebar{padding-top:8px;padding-bottom:6px}.session-sidebar .detail-card.verification{padding:7px 12px}.session-sidebar .detail-card.verification strong{font-size:11px}.message-list{padding-top:12px}}@media(prefers-reduced-motion:reduce){.channel-details>summary span:last-child{transition:none}}.identity-choice{border:1px solid rgba(160,216,207,.2);border-radius:11px;background:#071e246b;padding:14px 15px;margin-top:20px}.identity-toggle{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.identity-toggle input{width:17px;height:17px;flex:0 0 17px;margin:2px 0 0;accent-color:#a7e8d1}.identity-toggle span{display:grid;gap:5px}.identity-toggle strong{font:600 13px/1.35 Avenir Next,Segoe UI,sans-serif;color:#e2f6f0}.identity-toggle small{color:#9eb9b8;font-size:11px;line-height:1.5}.identity-manage{margin-top:12px;padding-top:11px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;color:var(--mint);font-size:11px}.identity-manage button{color:#f3b8bd}.conversation{position:relative}.handshake-screen{position:absolute;inset:0;z-index:4;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:24px max(20px,5%);background:radial-gradient(ellipse 350px 400px at 50% 25%,rgba(118,208,187,.16),transparent 80%),linear-gradient(168deg,#06171dfb,#0b242cfb);text-align:center;overflow-y:auto}.handshake-beacon{width:142px;height:142px;display:grid;place-items:center;position:relative;margin:6px auto 28px}.beacon-ring{position:absolute;border-radius:100%;inset:16px;border:1px solid rgba(180,249,225,.53);box-shadow:0 0 33px #7de8cc21}.beacon-ring.ring-one{animation:beacon-breathe 4s ease-in-out infinite}.beacon-ring.ring-two{inset:0;border-color:#b79fe459;animation:beacon-breathe 5.5s ease-in-out infinite reverse}.beacon-glyph{position:relative;z-index:1;font-size:58px;color:#c8ffe7;text-shadow:0 0 40px rgba(152,234,201,.6)}@keyframes beacon-breathe{0%,to{transform:scale(.92);opacity:.55}50%{transform:scale(1.07);opacity:1}}.handshake-screen .mini-label{margin-bottom:14px;color:var(--mint)}.handshake-screen h2{font:500 clamp(23px,3vw,36px)/1.15 "Avenir Next","Segoe UI",sans-serif;letter-spacing:-.04em;max-width:430px;margin:0 auto 14px}.handshake-screen>p:not(.mini-label){color:#b2cbc9;line-height:1.7;font-size:13px;max-width:440px;margin:0 auto 21px}.handshake-words{border:1px solid rgba(169,242,215,.32);background:#508c8a1c;color:#ddffed;border-radius:11px;padding:17px 23px;font:600 clamp(13px,2vw,17px)/1.75 "Avenir Next",sans-serif;letter-spacing:.04em;max-width:100%;margin:0 auto 14px;overflow-wrap:anywhere}.handshake-recognition{padding:9px 12px;border-radius:7px;margin:0 auto 15px!important;background:#8167ac24;border:1px solid rgba(189,169,233,.25);color:#e1d4f3!important;font-size:11px!important}.handshake-screen .button{min-width:min(100%,280px);justify-content:center}.handshake-screen small{color:#9fb4b5;font-size:11px;line-height:1.5;margin:14px auto 0;max-width:350px}#trust-device{display:inline-block;margin-top:9px;color:#d0f7df;text-align:left}@media(max-width:730px){.handshake-screen{padding:18px}.handshake-beacon{width:100px;height:100px;margin:2px auto 17px}.beacon-ring{inset:12px}.beacon-ring.ring-two{inset:0}.beacon-glyph{font-size:41px}.handshake-screen h2{font-size:25px}.handshake-screen>p:not(.mini-label){margin-bottom:15px}}@media(max-height:540px){.handshake-beacon{display:none}.handshake-screen{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.beacon-ring{animation:none!important}}.diagnostics-shell{width:min(1080px,calc(100% - 32px));margin:18px auto 28px}.diagnostics-panel{border:1px solid rgba(157,220,202,.2);background:linear-gradient(115deg,#0b252beb,#0c1c26eb);border-radius:14px;overflow:hidden}.diagnostics-panel>summary{display:flex;align-items:center;gap:13px;padding:15px 19px;list-style:none;cursor:pointer;font:600 13px/1.5 Avenir Next,Segoe UI,sans-serif;color:#dff9ee}.diagnostics-panel>summary::-webkit-details-marker{display:none}.diagnostics-panel>summary span{color:var(--mint);font-size:18px}.diagnostics-panel>summary small{margin-left:auto;color:#91b2b1;font-size:10px;font-weight:500}.diagnostics-panel>summary:focus-visible{outline:3px solid var(--mint);outline-offset:-3px}.diagnostics-content{padding:0 20px 18px;display:grid;gap:12px}.diagnostics-opt-in{background:#5c978814;border:1px solid rgba(128,201,179,.21);border-radius:10px;padding:12px 14px}.diagnostics-status{margin:0;font:500 11px/1.6 Avenir Next,Segoe UI,sans-serif;color:#bce5d9}.diagnostics-actions{display:flex;gap:9px;flex-wrap:wrap}.diagnostics-actions button{min-height:38px;font-size:11px;padding:8px 12px}.diagnostics-actions button:disabled{opacity:.46;cursor:not-allowed}.diagnostics-label{color:#9dbcb8;font:600 10px/1.4 Avenir Next,Segoe UI,sans-serif;letter-spacing:.1em;margin:5px 0 0}.diagnostics-events{border:1px solid rgba(145,193,187,.14);border-radius:10px;background:#0000001a;padding:6px 15px;margin:0;list-style:none;color:#c3dcd7}.diagnostics-events li{display:flex;gap:12px;padding:7px 0;font:500 11px/1.5 ui-monospace,Consolas,monospace;border-bottom:1px solid rgba(145,193,187,.11)}.diagnostics-events li:last-child{border-bottom:none}.diagnostics-time{color:#a6e2ca;flex:0 0 60px}.diagnostics-privacy{color:#94b3b4;font:400 11px/1.65 Avenir Next,Segoe UI,sans-serif;margin:0}.diagnostics-manual{width:100%;min-height:90px;max-height:260px;resize:vertical;color:#d9f9ea;background:#081b24;border:1px solid #619f92;border-radius:8px;padding:10px;font:11px/1.5 ui-monospace,Consolas,monospace}@media(max-width:600px){.diagnostics-shell{width:calc(100% - 20px);margin:10px auto 20px}.diagnostics-panel>summary{padding:13px;flex-wrap:wrap;gap:7px}.diagnostics-panel>summary small{margin-left:0;width:100%}.diagnostics-content{padding:0 13px 14px}.diagnostics-actions button{width:100%}}.skip-link{position:fixed;z-index:40;top:10px;left:10px;padding:12px 18px;color:#09251f;background:var(--mint-bright);border-radius:10px;font-weight:700;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}body{overflow-x:hidden}::selection{color:#071b1c;background:#b5f8d9}button,summary,a{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}a,button,textarea,input{outline-offset:3px}button:not(:disabled):active{transform:translateY(0) scale(.985)}.topbar{background:#07151bc7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.brand-symbol{transition:border-color .22s ease,background .22s ease}.brand:hover .brand-symbol{border-color:#aef9d8b8;background:#87d8ba24}.hero h1 em{text-shadow:0 0 65px rgba(130,225,190,.1)}.panel{box-shadow:0 22px 72px #0000001f}.principles-panel .protocol-intro{color:#a5c0bf;font-size:13px;line-height:1.6;margin:0 0 19px}.journey-steps{margin:0;padding:0 0 17px;list-style:none;display:grid;gap:0}.journey-steps li{display:flex;position:relative;gap:15px;padding:6px 0 16px}.journey-steps li:not(:last-child):before{content:"";position:absolute;top:34px;bottom:-1px;left:14px;width:1px;background:linear-gradient(#a4f2cf8c,#a4f2cf1a)}.journey-number{display:grid;place-items:center;align-self:start;flex:0 0 29px;height:29px;border-radius:50%;border:1px solid rgba(163,231,202,.33);background:#77c8a617;color:#d6ffed;font:700 9px/1 Avenir Next,system-ui,sans-serif;letter-spacing:.04em}.journey-steps strong{display:block;color:#e1f4eb;font-size:13px;margin:3px 0 4px}.journey-steps p{color:#9fbdbc;font-size:12px;line-height:1.55;margin:0}.principles-panel .principle{margin:13px 0}.principles-panel .trust-note{margin-top:20px}.conversation-top{gap:18px}.conversation-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:11px;flex-wrap:wrap}.quick-invite{border:1px solid rgba(159,240,208,.42);border-radius:999px;background:#9deac617;color:#cefbe5;font:600 11px/1.2 Avenir Next,system-ui,sans-serif;padding:10px 13px;min-height:39px;white-space:nowrap}.quick-invite:hover:not(:disabled){background:#9deac62e;border-color:#baf9d8}.quick-invite span{padding-left:4px}.lock-pill{transition:background .2s ease,border-color .2s ease,color .2s ease}.lock-pill.waiting{color:#f3d9a1;border-color:#f1cc8b59;background:#e2a84d0f}.lock-pill.error{color:#ffc5c7;border-color:#fb9da154;background:#e9676714}.lock-pill.connected{background:#7cf5b014;border-color:#8ffcbc59;color:#d8ffe6}.message-list{scroll-behavior:smooth}.message-row{margin-bottom:19px}.message-bubble{box-shadow:0 5px 18px #0009101a;transition:box-shadow .18s ease}.message-row:hover .message-bubble{box-shadow:0 8px 24px #00091024}.message-meta{color:#a3bac0;line-height:1.45}.image-preview-trigger{width:100%;display:block;border:none;background:transparent;cursor:zoom-in;padding:0;border-radius:10px;color:inherit}.image-preview-trigger:focus-visible{outline:3px solid var(--mint-bright);outline-offset:3px}.image-preview-trigger .message-image{display:block}.composer-state{display:flex;align-items:center;gap:9px;color:#bdd5d0;font-size:11px;line-height:1.5;margin:0 0 10px 5px}.composer-state-dot{display:block;width:7px;height:7px;border-radius:50%;flex:0 0 7px;background:#d4b479}.composer-state[data-state=ready]{color:#c6f3df}.composer-state[data-state=ready] .composer-state-dot{background:#96f3bf;box-shadow:0 0 0 4px #96f3bf14}.composer-state[data-state=offline]{color:#ffbdc2}.composer-state[data-state=offline] .composer-state-dot{background:#f3a0ae}.composer-count{display:flex;align-items:center;justify-content:flex-end;gap:12px}#message-count{color:#cce6e1;background:#9cdcd11f;font:600 10px/1.25 ui-monospace,Consolas,monospace;padding:4px 6px;border-radius:6px}#message-count.nearly-full{color:#ffd3c7;background:#f17f7033}.composer textarea{resize:none;overflow-y:auto}.image-dialog{max-width:min(1000px,calc(100vw - 24px));max-height:min(95dvh,1050px);width:max-content;padding:14px;border:1px solid rgba(192,248,222,.34);border-radius:17px;background:#0b232c;color:#e9fff3;box-shadow:0 32px 110px #000000ad;text-align:center;overscroll-behavior:contain}.image-dialog::backdrop{background:#030b11de;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.image-dialog form{display:flex;justify-content:flex-end;margin:0 0 10px}.image-dialog-close{border:1px solid rgba(177,237,216,.28);background:#bdf2e11a;color:#e6faef;padding:8px 13px;min-height:38px;border-radius:9px;font-size:12px;font-weight:700}.image-dialog-close span{font-size:17px;margin-left:8px}.image-dialog img{display:block;max-width:100%;max-height:74dvh;width:auto;height:auto;margin:auto;border-radius:10px}.image-dialog p{color:#a9c7c4;font-size:11px;margin:12px 6px 2px;line-height:1.5}@media(max-width:1050px){.conversation-top-actions{gap:7px}.quick-invite{font-size:10px;padding:9px}}@media(max-width:730px){.topbar{position:relative;z-index:2}.hero{padding-top:65px}.principles-panel{padding-top:24px}.session-sidebar{max-height:min(41dvh,370px);overflow-y:auto;overscroll-behavior:contain}.conversation-top{gap:8px;padding:12px 15px}.conversation-top .mini-label{font-size:8px;letter-spacing:.1em}.conversation-top-actions{justify-content:flex-end}.quick-invite{font-size:10px;min-height:38px}.lock-pill{max-width:150px;text-align:center;white-space:normal;line-height:1.2}.message-row{max-width:min(89%,480px)}.composer-state{font-size:10px;margin-bottom:5px}.composer textarea{font-size:16px;min-height:40px}.join-row input,.welcome-composer textarea,.network-options input{font-size:16px}.attach-button,.send-button{min-width:42px;min-height:42px;flex-basis:42px}.composer-hint{line-height:1.5;margin-top:7px;gap:6px}.image-dialog{padding:10px;max-width:calc(100vw - 12px)}.image-dialog img{max-height:76dvh}}@media(max-width:380px){.conversation-top h2{font-size:17px}.conversation-top-actions{align-content:center}.quick-invite{padding:8px;max-width:110px;white-space:normal}.lock-pill{font-size:8px}.attach-button,.send-button{flex-basis:42px;width:42px;height:42px}}@media(prefers-reduced-motion:reduce){.message-list{scroll-behavior:auto}.brand-symbol,.lock-pill,.message-bubble{transition:none}}