:root{color:#dff8ff;font-synthesis:none;text-rendering:optimizelegibility;background:#020609;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{scroll-behavior:smooth}html,body,#root{min-width:320px;min-height:100vh;margin:0}body{background:#020609;margin:0}::selection{color:#fff;background:#5be0ff40}#root{min-height:100vh}*{box-sizing:border-box}button,input{font:inherit}button{border:0}.site{background:radial-gradient(circle at 50% 0,#5be0ff14,#0000 30%),#020609;min-height:100vh;position:relative;overflow:hidden}.noise{z-index:20;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:fixed;inset:0}.ambient{pointer-events:none;filter:blur(100px);opacity:.06;border-radius:50%;width:600px;height:600px;position:fixed}.ambient-one{background:#5be0ff;top:5%;left:-300px}.ambient-two{background:#5be0ff;top:45%;right:-300px}.brand-button{color:#effcff;cursor:pointer;letter-spacing:.27em;background:0 0;align-items:center;gap:13px;font-size:12px;font-weight:800;display:inline-flex}.brand-mark{border:1px solid #5be0ff;justify-content:center;align-items:center;gap:2px;width:21px;height:21px;display:flex;position:relative;transform:rotate(45deg);box-shadow:0 0 22px #5be0ff29}.brand-mark span{background:#5be0ff;width:2px;height:8px}.brand-mark.large{width:54px;height:54px}.brand-mark.large span{width:3px;height:19px}.site-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020609bf;border-bottom:1px solid #5be0ff14;justify-content:space-between;align-items:center;height:72px;padding:0 5vw;display:flex;position:fixed;top:0;left:0;right:0}.site-header nav{align-items:center;gap:32px;display:flex}.site-header nav button{color:#4d6872;cursor:pointer;letter-spacing:.18em;background:0 0;font-size:8px;transition:all .2s}.site-header nav button:hover,.site-header nav button.active{color:#dff8ff}.header-cta,.primary-button{cursor:pointer;color:#021017;letter-spacing:.17em;background:#5be0ff;justify-content:center;align-items:center;gap:10px;font-size:8px;font-weight:800;transition:all .2s;display:inline-flex}.header-cta{padding:11px 16px}.primary-button{padding:16px 22px}.primary-button:hover:not(:disabled),.header-cta:hover{background:#a2efff;box-shadow:0 0 35px #5be0ff33}.primary-button:disabled{cursor:not-allowed;opacity:.3}.section{padding:130px 7vw;position:relative}.section-label{color:#5be0ff;letter-spacing:.2em;align-items:center;gap:12px;font-size:8px;display:flex}.section-label i{background:#5be0ff4d;width:55px;height:1px}.section-heading{grid-template-columns:1.15fr .85fr;align-items:end;gap:80px;max-width:1050px;margin-top:42px;display:grid}.section-heading h2,.architecture-intro h2,.enter-card h2{color:#eaffff;letter-spacing:-.065em;margin:0;font-size:clamp(3rem,6vw,6rem);font-weight:600;line-height:.88}.section-heading h2 span,.architecture-intro h2 span,.enter-card h2 span{color:#5be0ff;text-shadow:0 0 35px #5be0ff26}.section-heading p,.architecture-intro p{color:#607b84;margin:0;font-size:13px;line-height:1.9}.hero{grid-template-columns:1fr .8fr;align-items:center;gap:50px;min-height:100vh;padding-top:180px;display:grid;overflow:hidden}.hero-grid{opacity:.45;background-image:linear-gradient(#5be0ff06 1px,#0000 1px),linear-gradient(90deg,#5be0ff06 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.hero-copy{z-index:2;position:relative}.eyebrow{color:#5be0ff;letter-spacing:.2em;align-items:center;gap:9px;font-size:8px;display:flex}.status-dot{background:#5be0ff;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 14px #5be0ff}.hero h1{color:#e9faff;letter-spacing:-.08em;margin:26px 0 0;font-size:clamp(4rem,9vw,9rem);font-weight:600;line-height:.82}.hero h1 span{color:#5be0ff;text-shadow:0 0 45px #5be0ff29}.hero-copy>p{color:#66808a;max-width:600px;margin:34px 0 0;font-size:14px;line-height:1.9}.hero-actions{gap:12px;margin-top:34px;display:flex}.secondary-button{color:#9bb7bf;cursor:pointer;letter-spacing:.17em;background:#5be0ff08;border:1px solid #5be0ff1f;align-items:center;gap:8px;padding:16px 20px;font-size:8px;display:inline-flex}.secondary-button:hover{color:#eaffff;border-color:#5be0ff59}.hero-metrics{gap:34px;margin-top:65px;display:flex}.hero-metrics div{flex-direction:column;gap:7px;display:flex}.hero-metrics strong{color:#5be0ff;font-size:17px}.hero-metrics span{color:#3f5962;letter-spacing:.16em;font-size:7px}.hero-core{aspect-ratio:1;place-items:center;width:min(510px,80vw);margin:auto;display:grid;position:relative}.core-ring{border:1px solid #5be0ff1c;border-radius:50%;position:absolute}.ring-one{width:100%;height:100%;animation:24s linear infinite rotate}.ring-two{border-style:dashed;width:73%;height:73%;animation:18s linear infinite rotate-reverse}.ring-three{width:47%;height:47%;animation:5s ease-in-out infinite pulse;box-shadow:0 0 80px #5be0ff14,inset 0 0 60px #5be0ff0f}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes rotate-reverse{to{transform:rotate(-360deg)}}@keyframes pulse{50%{opacity:.6;transform:scale(1.05)}}.core-center{z-index:2;color:#5be0ff;background:#02080ce6;border:1px solid #5be0ff40;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:150px;height:150px;display:flex;position:relative;box-shadow:0 0 80px #5be0ff17}.core-center .brand-mark{margin-bottom:-14px;transform:rotate(45deg)scale(.48)}.core-center span{letter-spacing:.2em;font-size:8px;font-weight:800}.core-center small{color:#47636c;letter-spacing:.2em;font-size:6px}.core-node{z-index:3;color:#5c7c86;letter-spacing:.15em;background:#030a0e;border:1px solid #5be0ff1a;padding:7px 10px;font-size:7px;position:absolute}.node-one{top:12%;left:13%}.node-two{top:16%;right:8%}.node-three{bottom:15%;right:11%}.node-four{bottom:10%;left:16%}.scroll-hint{color:#38515a;cursor:pointer;letter-spacing:.2em;background:0 0;align-items:center;gap:10px;font-size:7px;display:flex;position:absolute;bottom:32px;left:7vw}.security-section{border-top:1px solid #5be0ff0f}.security-layout{grid-template-columns:1.15fr .85fr;gap:30px;margin-top:70px;display:grid}.security-terminal{background:#02090dd1;border:1px solid #5be0ff1c}.terminal-top{border-bottom:1px solid #5be0ff14;align-items:center;gap:14px;height:48px;padding:0 18px;display:flex}.terminal-dots{gap:5px;display:flex}.terminal-dots i{background:#36515a;border-radius:50%;width:5px;height:5px}.terminal-top span{color:#60808a;letter-spacing:.15em;align-items:center;gap:8px;font-size:7px;display:flex}.terminal-top small{color:#5be0ff;letter-spacing:.15em;margin-left:auto;font-size:6px}.terminal-body{padding:25px 20px}.terminal-line{grid-template-columns:28px 1fr 25px;align-items:center;gap:10px;min-height:31px;display:grid}.terminal-line>span{color:#29434c;font-size:8px}.terminal-line code{color:#78949c;font-size:9px}.terminal-line b{color:#5be0ff}.security-cards{flex-direction:column;gap:12px;display:flex}.security-card{background:#030b0fb3;border:1px solid #5be0ff14;grid-template-columns:48px 1fr;gap:18px;padding:24px;display:grid}.security-card-icon{color:#5be0ff;border:1px solid #5be0ff21;place-items:center;width:43px;height:43px;display:grid}.security-card h3{color:#dff8ff;letter-spacing:.15em;margin:0;font-size:9px}.security-card p{color:#536e77;margin:10px 0 0;font-size:11px;line-height:1.7}.features-section{background-color:#0000;background-image:linear-gradient(#5be0ff05 1px,#0000 1px),linear-gradient(90deg,#5be0ff05 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:80px 80px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.feature-grid{border-top:1px solid #5be0ff17;border-left:1px solid #5be0ff17;grid-template-columns:repeat(3,1fr);margin-top:70px;display:grid}.feature-card{background:#02070a80;border-bottom:1px solid #5be0ff17;border-right:1px solid #5be0ff17;min-height:260px;padding:27px;transition:all .25s;position:relative}.feature-card:hover{background:#5be0ff09;transform:translateY(-3px)}.feature-top{color:#3e5962;justify-content:space-between;font-size:8px;display:flex}.feature-top div{color:#5be0ff}.feature-card h3{color:#dff8ff;letter-spacing:.16em;margin:60px 0 12px;font-size:11px}.feature-card p{color:#536e77;max-width:270px;margin:0;font-size:11px;line-height:1.8}.feature-arrow{color:#36535d;position:absolute;bottom:25px;right:25px}.architecture-intro{grid-template-columns:1.15fr .85fr;align-items:end;gap:80px;margin-top:45px;display:grid}.architecture{justify-content:center;align-items:center;margin-top:80px;display:flex}.architecture-node{text-align:center;background:#030a0ecc;border:1px solid #5be0ff1f;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:150px;min-height:150px;padding:20px 14px;display:flex}.architecture-icon{color:#5be0ff}.architecture-node strong{color:#dff8ff;letter-spacing:.14em;font-size:8px}.architecture-node span{color:#47636c;font-size:7px;line-height:1.5}.architecture-line{opacity:.35;background:linear-gradient(90deg,#0000,#5be0ff,#0000);width:45px;height:1px}.architecture-note{border:1px solid #5be0ff14;grid-template-columns:repeat(4,1fr);margin-top:50px;padding:22px;display:grid}.architecture-note div{border-right:1px solid #5be0ff14;flex-direction:column;gap:7px;padding:0 20px;display:flex}.architecture-note div:last-child{border-right:0}.architecture-note span{color:#39545d;letter-spacing:.2em;font-size:6px}.architecture-note strong{color:#7d9ba4;letter-spacing:.12em;font-size:8px}.enter-section{border-top:1px solid #5be0ff12;place-items:center;min-height:80vh;display:grid}.enter-card{text-align:center;background:radial-gradient(circle at 50% 20%,#5be0ff12,#0000 45%),#030a0ecc;border:1px solid #5be0ff21;width:min(700px,100%);padding:70px;box-shadow:0 40px 100px #00000059}.enter-icon{margin-bottom:45px}.enter-icon .brand-mark{margin:auto}.enter-card .eyebrow{justify-content:center}.enter-card h2{margin-top:24px}.enter-card>p{color:#607b84;max-width:450px;margin:25px auto 0;font-size:12px;line-height:1.8}.entry-form{grid-template-columns:1fr auto;gap:8px;margin-top:32px;display:grid}.entry-input{color:#5be0ff;background:#00000040;border:1px solid #5be0ff24;align-items:center;gap:12px;min-width:0;padding:0 16px;display:flex}.entry-input input{color:#eaffff;background:0 0;border:0;outline:0;width:100%;padding:15px 0;font-size:12px}.entry-input input::placeholder{color:#3c5760}.entry-security{color:#42606a;letter-spacing:.14em;justify-content:center;gap:20px;margin-top:24px;font-size:7px;display:flex}.entry-security span{align-items:center;gap:6px;display:flex}.site-footer{color:#304a53;letter-spacing:.16em;border-top:1px solid #5be0ff12;justify-content:space-between;align-items:center;min-height:100px;padding:0 7vw;font-size:6px;display:flex}.shadowbox-demo{background:radial-gradient(circle at 75% 15%,#5be0ff0a,#0000 35%),#020609;flex-direction:column;min-height:100vh;display:flex}.demo-header{background:#020609f2;border-bottom:1px solid #5be0ff1a;align-items:center;height:68px;padding:0 25px;display:flex}.demo-status{color:#56747d;letter-spacing:.17em;align-items:center;gap:8px;margin-left:auto;margin-right:25px;font-size:7px;display:flex}.exit-button{color:#58737c;cursor:pointer;letter-spacing:.15em;background:0 0;border:1px solid #5be0ff1a;padding:9px 13px;font-size:7px}.demo-layout{flex:1;grid-template-columns:300px 1fr;min-height:0;display:grid}.demo-sidebar{border-right:1px solid #5be0ff17;padding:25px 20px}.identity-card{background:#5be0ff06;border:1px solid #5be0ff17;align-items:center;gap:13px;padding:17px;display:flex}.identity-avatar{color:#021017;background:#5be0ff;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.identity-card div:last-child{flex-direction:column;gap:6px;display:flex}.identity-card small,.side-label{color:#3f5a63;letter-spacing:.18em;font-size:6px}.identity-card strong{color:#dff8ff;font-size:11px}.side-label{margin:30px 0 10px}.demo-channel{color:#56737c;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;width:100%;padding:12px;font-size:9px;display:flex}.demo-channel.active{color:#dff8ff;background:#5be0ff0d}.demo-channel.active svg{color:#5be0ff}.demo-channel i{background:#5be0ff;border-radius:50%;width:5px;height:5px;margin-left:auto;box-shadow:0 0 9px #5be0ff}.demo-channel em{color:#334c55;margin-left:auto;font-size:6px;font-style:normal}.session-panel{border:1px solid #5be0ff14;margin-top:40px;padding:16px}.session-title{color:#5be0ff;letter-spacing:.15em;align-items:center;gap:8px;margin-bottom:16px;font-size:7px;display:flex}.security-row{border-top:1px solid #5be0ff0d;justify-content:space-between;padding:9px 0;font-size:7px;display:flex}.security-row span{color:#48646d}.security-row b{color:#5be0ff;font-size:6px}.conversation{flex-direction:column;min-width:0;display:flex}.conversation-header{border-bottom:1px solid #5be0ff14;justify-content:space-between;padding:25px 30px;display:flex}.conversation-header small{color:#47636c;letter-spacing:.18em;font-size:6px}.conversation-header h1{color:#dff8ff;letter-spacing:-.02em;margin:7px 0 0;font-size:16px}.live-indicator{color:#5be0ff;letter-spacing:.15em;align-self:center;align-items:center;gap:7px;font-size:7px;display:flex}.message-area{flex:1;padding:35px;overflow-y:auto}.message-row{gap:12px;max-width:650px;margin-bottom:22px;display:flex}.message-row.own{flex-direction:row-reverse;margin-left:auto}.message-avatar{color:#5be0ff;background:#5be0ff08;border:1px solid #5be0ff29;flex-shrink:0;place-items:center;width:29px;height:29px;font-size:7px;display:grid}.message-content{min-width:0}.message-meta{align-items:center;gap:10px;display:flex}.message-meta strong{color:#6d8b94;letter-spacing:.12em;font-size:7px}.message-meta span{color:#29434b;font-size:6px}.message-content p{color:#b4cdd3;margin:7px 0 0;font-size:12px;line-height:1.6}.message-compose{background:#00000038;border:1px solid #5be0ff1f;margin:0 30px 25px;padding:5px;display:flex}.message-compose input{color:#dff8ff;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:13px;font-size:11px}.message-compose input::placeholder{color:#39535c}.message-compose button{color:#021017;cursor:pointer;background:#5be0ff;place-items:center;width:42px;display:grid}@media (width<=1000px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:150px}.hero-core{width:min(430px,75vw)}.section-heading,.security-layout,.architecture-intro{grid-template-columns:1fr;gap:30px}.feature-grid{grid-template-columns:repeat(2,1fr)}.architecture{flex-wrap:wrap;gap:10px}.architecture-line{display:none}.architecture-note{grid-template-columns:repeat(2,1fr);gap:20px}.architecture-note div:nth-child(2){border-right:0}.demo-layout{grid-template-columns:230px 1fr}}@media (width<=700px){.site-header{padding:0 18px}.header-cta{display:none}.section{padding:90px 22px}.hero{padding-top:130px}.hero h1{font-size:clamp(3.4rem,18vw,6rem)}.hero-actions{flex-direction:column}.hero-actions button{width:100%}.hero-metrics{flex-wrap:wrap;gap:15px}.hero-core{width:90vw}.section-heading h2,.architecture-intro h2,.enter-card h2{font-size:3.2rem}.feature-grid{grid-template-columns:1fr}.architecture{grid-template-columns:1fr;display:grid}.architecture-node{width:100%}.architecture-note{grid-template-columns:1fr}.architecture-note div{border-bottom:1px solid #5be0ff14;border-right:0;padding:10px 0}.architecture-note div:last-child{border-bottom:0}.enter-card{padding:45px 22px}.entry-form{grid-template-columns:1fr}.entry-security{flex-direction:column;align-items:center}.site-footer{flex-direction:column;align-items:flex-start;gap:15px;padding:25px 22px}.demo-layout{grid-template-columns:1fr}.demo-sidebar{display:none}.conversation-header{padding:20px}.message-area{padding:25px 20px}.message-compose{margin:0 15px 15px}}.settings-button{color:#718b95;cursor:pointer;letter-spacing:.16em;background:0 0;border:1px solid #5be0ff14;align-items:center;gap:7px;margin-left:auto;margin-right:10px;padding:9px 12px;font-size:7px;display:flex}.settings-button:hover{color:#dff8ff;border-color:#5be0ff4d}.demo-header .demo-status{margin-left:auto}.demo-header .settings-button+.exit-button{margin-left:0}.room-actions{gap:8px;margin:18px 0 24px;display:grid}.room-action{color:#7b959e;cursor:pointer;text-align:left;letter-spacing:.12em;background:#5be0ff06;border:1px solid #5be0ff14;align-items:center;gap:10px;min-height:40px;padding:10px 12px;font-size:8px;display:flex}.room-action:hover,.room-action.primary{color:#07141a;background:#5be0ff;border-color:#5be0ff}.room-summary{background:#5be0ff06;border:1px solid #5be0ff1a;padding:13px}.room-summary small{color:#54717b;letter-spacing:.14em;font-size:7px;display:block}.room-summary strong{color:#dff8ff;margin:6px 0 9px;font-size:13px;display:block}.room-summary code,.settings-code code{color:#5be0ff;letter-spacing:.12em;font-size:11px}.member-panel{gap:7px;margin-bottom:20px;display:grid}.member-count{color:#5be0ff;letter-spacing:.1em;align-items:center;gap:8px;margin-bottom:5px;font-size:9px;display:flex}.member-row{color:#78929b;background:#ffffff04;align-items:center;gap:9px;padding:7px;font-size:9px;display:flex}.member-row svg{color:#5be0ff;margin-left:auto}.member-avatar{color:#5be0ff;border:1px solid #5be0ff33;place-items:center;width:23px;height:23px;font-size:8px;display:grid}.waiting-room{color:#58737c;border:1px dashed #5be0ff1f;align-items:center;gap:8px;margin-top:8px;padding:10px;font-size:7px;line-height:1.5;display:flex}.leave-room-button{color:#7a5555;cursor:pointer;letter-spacing:.14em;background:0 0;border:1px solid #ff646414;align-items:center;gap:7px;margin-top:auto;padding:10px;font-size:7px;display:flex}.leave-room-button:hover{color:#ff8e8e;border-color:#ff646440}.room-waiting-banner{color:#67838d;background:#5be0ff06;border:1px solid #5be0ff1f;align-items:center;gap:13px;margin:0 24px 8px;padding:13px 16px;display:flex}.room-waiting-banner>svg{color:#5be0ff;flex-shrink:0}.room-waiting-banner div{flex:1;gap:3px;display:grid}.room-waiting-banner strong{color:#cfeef5;letter-spacing:.12em;font-size:8px}.room-waiting-banner span{font-size:8px}.room-waiting-banner button{color:#07141a;cursor:pointer;letter-spacing:.1em;background:#5be0ff;align-items:center;gap:6px;padding:8px 10px;font-size:7px;display:flex}.room-modal-backdrop,.settings-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000306d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.room-modal{background:#040c11;border:1px solid #5be0ff29;width:min(460px,100%);padding:34px;position:relative;box-shadow:0 30px 100px #000000b3}.modal-close{color:#617b84;cursor:pointer;background:0 0;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:15px;right:15px}.modal-eyebrow{color:#5be0ff;letter-spacing:.18em;align-items:center;gap:8px;font-size:7px;display:flex}.room-modal h2{color:#e9faff;letter-spacing:-.04em;margin:16px 0 28px;font-size:30px}.room-modal label{color:#5e7881;letter-spacing:.16em;margin-bottom:8px;font-size:7px;display:block}.modal-input{color:#e5fbff;background:#00000040;border:1px solid #5be0ff24;outline:none;width:100%;padding:14px}.modal-input:focus{border-color:#5be0ff8c;box-shadow:0 0 24px #5be0ff0d}.modal-input.code{color:#5be0ff;letter-spacing:.2em;text-transform:uppercase}.modal-primary{color:#031017;cursor:pointer;letter-spacing:.16em;background:#5be0ff;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:12px;padding:14px;font-size:8px;font-weight:700;display:flex}.modal-primary:disabled{opacity:.3;cursor:not-allowed}.privacy-note{color:#45636d;letter-spacing:.12em;align-items:center;gap:8px;margin-top:20px;font-size:7px;display:flex}.privacy-note svg{color:#5be0ff}.settings-backdrop{justify-items:end}.settings-panel{background:#040c11;border-left:1px solid #5be0ff1f;width:min(420px,100%);height:min(100vh,760px);padding:30px;overflow-y:auto;box-shadow:-30px 0 90px #00000080}.settings-heading{border-bottom:1px solid #5be0ff14;justify-content:space-between;align-items:flex-start;padding-bottom:24px;display:flex}.settings-heading small{color:#45636d;letter-spacing:.16em;font-size:7px}.settings-heading h2{color:#e5faff;margin:7px 0 0;font-size:27px}.settings-heading button{color:#66818a;cursor:pointer;background:0 0;place-items:center;width:32px;height:32px;display:grid}.settings-group{border-bottom:1px solid #5be0ff12;padding:25px 0}.settings-group>label{color:#78939c;letter-spacing:.14em;align-items:center;gap:8px;margin-bottom:13px;font-size:8px;display:flex}.language-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.language-grid button{color:#66818a;cursor:pointer;background:#ffffff04;border:1px solid #5be0ff12;justify-content:space-between;align-items:center;padding:12px;font-size:9px;display:flex}.language-grid button:hover,.language-grid button.selected{color:#5be0ff;background:#5be0ff09;border-color:#5be0ff4d}.settings-room-name{gap:7px;display:flex}.settings-room-name input{color:#dff8ff;background:#00000040;border:1px solid #5be0ff1a;outline:none;flex:1;min-width:0;padding:11px}.settings-room-name button{color:#031017;cursor:pointer;letter-spacing:.1em;background:#5be0ff;padding:0 12px;font-size:7px}.settings-room-name button:disabled{opacity:.3;cursor:not-allowed}.settings-code{background:#5be0ff06;border:1px solid #5be0ff12;gap:8px;margin-top:15px;padding:13px;display:grid}.settings-code small{color:#496670;letter-spacing:.14em;font-size:7px}.settings-code button{color:#5be0ff;cursor:pointer;background:0 0;border:1px solid #5be0ff1f;align-items:center;gap:7px;width:fit-content;padding:7px 9px;font-size:7px;display:flex}.settings-privacy{background:#5be0ff05;border:1px solid #5be0ff14;gap:13px;margin-top:25px;padding:16px;display:flex}.settings-privacy svg{color:#5be0ff;flex-shrink:0}.settings-privacy div{gap:5px;display:grid}.settings-privacy strong{color:#a9d6df;letter-spacing:.13em;font-size:7px}.settings-privacy span{color:#496670;font-size:8px}@media (width<=760px){.demo-header{padding:0 14px}.demo-header .demo-status{display:none}.settings-button{margin-left:auto}.demo-layout{grid-template-columns:1fr}.demo-sidebar{display:none}.conversation{min-height:calc(100vh - 64px)}.room-waiting-banner{flex-wrap:wrap;align-items:flex-start;margin:0 12px 8px}.room-waiting-banner button{margin-left:31px}.room-modal{padding:27px 22px}.settings-panel{width:100%;height:100vh}}.message-settings{border-top:1px solid #5be0ff14;padding-top:18px}.setting-row{border-bottom:1px solid #5be0ff0d;justify-content:space-between;align-items:center;gap:18px;padding:13px 0;display:flex}.setting-row strong{color:#dff8ff;letter-spacing:.12em;font-size:8px;display:block}.setting-row span{color:#55717b;margin-top:5px;font-size:10px;line-height:1.45;display:block}.toggle{cursor:pointer;background:#071116;border:1px solid #5be0ff2e;border-radius:20px;flex:0 0 38px;width:38px;height:20px;position:relative}.toggle i{background:#526b74;border-radius:50%;width:12px;height:12px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle.on{background:#5be0ff1f;border-color:#5be0ff8c}.toggle.on i{background:#5be0ff;left:21px;box-shadow:0 0 10px #5be0ff99}.expiration-badge{color:#5be0ff;letter-spacing:.12em;border:1px solid #5be0ff1a;align-items:center;gap:7px;margin-top:12px;padding:9px;font-size:7px;display:flex}.message-actions{align-items:center;gap:9px;margin-top:6px;display:flex}.message-actions button,.message-expiry{color:#55717b;letter-spacing:.08em;background:0 0;align-items:center;gap:4px;font-size:7px;display:inline-flex}.message-actions button{cursor:pointer}.message-actions button:hover,.message-expiry{color:#5be0ff}.message-deleted{font-style:italic;color:#415860!important}.room-capacity{border-top:1px solid #5be0ff12;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;display:flex}.room-capacity span{color:#49636c;letter-spacing:.14em;font-size:7px}.room-capacity b{color:#5be0ff;letter-spacing:.08em;font-size:9px}.owner-badge{color:#5be0ff;letter-spacing:.1em;border:1px solid #5be0ff26;margin-left:7px;padding:3px 5px;font-size:6px;font-style:normal;display:inline-block}