:root{color:#202b24;font-synthesis:none;-webkit-font-smoothing:antialiased;font-smooth:always;background:#f7f7ef;font-family:Inter,PingFang SC,Noto Sans CJK SC,Microsoft YaHei,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #749957}input:focus-visible{outline:none}.app-shell{max-width:1200px;margin:0 auto;padding:0 48px}.site-header{border-bottom:1px solid #dedfd5;justify-content:space-between;align-items:center;height:104px;display:flex}.brand{letter-spacing:-1.8px;align-items:center;gap:10px;font-size:31px;font-weight:750;display:flex}.brand-icon{background:#bdec92;border-radius:11px;place-items:center;width:35px;height:35px;display:grid;transform:rotate(-5deg)}.brand-period{color:#739b57}.header-right{color:#73796e;align-items:center;gap:9px;font-size:12px;display:flex}.live-dot{background:#72995a;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.header-pill{border:1px solid #d9dccf;border-radius:20px;align-items:center;gap:5px;margin-left:17px;padding:7px 11px;font-size:11px;display:flex}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;min-height:548px;padding:65px 0 76px;display:grid}.eyebrow{letter-spacing:1.7px;color:#7c846f;align-items:center;gap:8px;font-size:10px;font-weight:650;display:flex}.tiny-line{background:#7b895d;width:22px;height:1px}h1,h2,h3,p{margin:0}.hero h1{letter-spacing:-2px;margin:22px 0 19px;font-size:57px;font-weight:720;line-height:1.4}.highlight{color:#64844a;white-space:nowrap;position:relative}.highlight svg{fill:none;stroke:#a9c884;stroke-width:5px;stroke-linecap:round;width:100%;height:15px;position:absolute;bottom:-7px;left:0}.hero-copy>p{color:#787e73;margin:0 0 30px;font-size:14px;line-height:1.9}.primary{color:#24351d;background:#bcec91;border:1px solid #bcec91;border-radius:10px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:49px;padding:12px 16px;font-size:14px;font-weight:650;transition:background .2s,transform .2s;display:flex}.primary:hover:enabled{background:#adde81;transform:translateY(-1px)}.create-button{justify-content:flex-start;width:243px;min-height:53px}.create-button>svg:last-child{margin-left:auto}.hero-note{color:#8b8d7e;align-items:center;gap:7px;margin-top:18px;font-size:11px;display:flex}.note-divider{color:#c3c5b9;margin:0 5px}.hero-art{justify-content:center;align-items:center;min-height:354px;display:flex;position:relative}.orbit{z-index:0;border:1px solid #e2e4d7;border-radius:50%;width:350px;height:350px;position:absolute;transform:rotate(-20deg)}.orbit-two{border-style:dashed;border-color:#e4e5d9;width:400px;height:430px;transform:rotate(30deg)}.floating-label{letter-spacing:1px;background:#f1f2e8;border:1px solid #dfe2d3;border-radius:7px;align-items:center;gap:7px;padding:10px 13px;font-size:9px;display:flex;position:absolute;top:-6px;right:18px;transform:rotate(6deg);box-shadow:0 4px 10px #26321b06}.demo-room{color:#f0f4eb;z-index:1;background:#17291f;border-radius:17px;width:367px;padding:21px 24px;position:relative;transform:rotate(-4deg);box-shadow:0 24px 50px #26321b19}.demo-header{justify-content:space-between;align-items:center;font-size:11px;display:flex}.demo-header>span:first-child{align-items:center;gap:7px;display:flex}.demo-header .live-dot{background:#bcec91}.demo-dots{color:#8c9d91;letter-spacing:3px}.demo-avatars{justify-content:space-around;padding-top:28px;display:flex}.demo-person{flex-direction:column;align-items:center;gap:7px;font-size:11px;display:flex}.demo-person small{color:#7e9687;align-items:center;gap:3px;font-size:9px;display:flex}.demo-person:first-child small{color:#b3e58f}.demo-avatar{color:#463e2f;border-radius:50%;place-items:center;width:59px;height:59px;font-size:25px;font-weight:600;display:grid}.fox{background:#ecc795;box-shadow:0 0 0 4px #4c684b,0 0 0 8px #294533}.cat{background:#c8d1be}.whale{background:#c3c4e2}.wave{justify-content:center;align-items:center;gap:4px;height:81px;margin:17px 0 7px;display:flex;overflow:hidden}.wave span{background:#b1df8b;border-radius:6px;width:4px;animation:2.4s ease-in-out infinite breathe}.wave.compact{gap:3px;height:30px;margin:0}.wave.compact span{width:3px}.demo-footer{color:#8da294;border-top:1px solid #314237;justify-content:space-between;align-items:center;padding-top:13px;font-size:10px;display:flex}.demo-mic{color:#21331d;background:#bcec91;border-radius:50%;place-items:center;width:33px;height:33px;display:grid}.link-sticker{z-index:2;color:#63804c;background:#fffef7;border:1px solid #e3e3d4;border-radius:10px;align-items:center;gap:12px;padding:15px 17px;display:flex;position:absolute;bottom:2px;left:-8px;transform:rotate(3deg);box-shadow:0 10px 25px #2530210e}.link-sticker strong{color:#3d4833;font-size:12px;font-weight:550;display:block}.link-sticker div span{color:#929584;font-family:monospace;font-size:10px}.art-caption{color:#929685;letter-spacing:.5px;font-size:9px;position:absolute;bottom:-37px;right:28px}.how{border-top:1px solid #dedfd5;grid-template-columns:1fr 2fr;gap:40px;padding:36px 0 43px;display:grid}.how h2{letter-spacing:-.7px;max-width:185px;margin-top:12px;font-size:23px;font-weight:650;line-height:1.55}.steps{grid-template-columns:1fr 28px 1fr 28px 1fr;gap:11px;display:grid}.step{position:relative}.step-number{color:#bdc2b1;font-family:monospace;font-size:11px;position:absolute;top:0;right:6px}.step-icon{color:#68824f;background:#eceee1;border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:16px;display:grid}.step h3{margin-bottom:7px;font-size:14px;font-weight:650}.step p{color:#838777;font-size:11px;line-height:1.8}.step-arrow{color:#bec6b0;padding-top:17px}.promise-strip{background:#eff1e4;border:1px solid #e4e8d7;border-radius:11px;justify-content:space-between;gap:15px;margin-bottom:44px;padding:18px 25px;display:flex}.promise-strip>span{color:#727e5f;align-items:center;gap:9px;font-size:11px;display:flex}.promise-strip svg{color:#7b935c}footer{color:#919685;border-top:1px solid #dedfd5;justify-content:space-between;align-items:center;gap:12px;padding:23px 0 30px;font-size:10px;display:flex}footer>span:last-child{align-items:center;gap:8px;display:flex}.footer-tag{font-size:11px}.footer-divider{color:#bfc3b4;margin:0 4px}.room-heading{color:#8c917e;align-items:center;gap:8px;padding:31px 0 22px;font-size:11px;display:flex}.back-link{color:#626f53;align-items:center;gap:6px;display:flex}.room-identifier{letter-spacing:.6px;align-items:center;gap:7px;margin-left:auto;font-family:monospace;font-size:10px;display:flex}.room-layout{grid-template-columns:1fr 300px;gap:24px;margin-bottom:50px;display:grid}.room-stage{background:#fffef7;border:1px solid #e3e5d6;border-radius:17px;flex-direction:column;min-height:490px;padding:28px;display:flex}.stage-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.stage-heading h1{letter-spacing:-.5px;margin:10px 0 6px;font-size:26px;font-weight:650}.stage-heading p{color:#939887;font-size:12px}.member-count{color:#74835f;white-space:nowrap;background:#f5f6ed;border:1px solid #e1e5d5;border-radius:20px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;display:flex}.participant-grid{flex:1;grid-template-columns:repeat(3,1fr);align-content:start;gap:22px 10px;padding:40px 0;display:grid}.participant{text-align:center;flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.avatar{color:#3e5032;border-radius:50%;place-items:center;width:66px;height:66px;margin-bottom:4px;font-size:27px;font-weight:600;transition:box-shadow .2s;display:grid;position:relative}.color-0{background:#eacbab}.color-1{background:#cfddbd}.color-2{background:#d8d7ea}.color-3{background:#c9dce0}.mic-badge{color:#fff;background:#809d62;border:3px solid #fffef7;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;bottom:0;right:-3px}.mic-badge.off{background:#999c90}.is-speaking .avatar{box-shadow:0 0 0 4px #c1e39e,0 0 0 8px #eaf1df}.participant strong{overflow-wrap:anywhere;max-width:100%;font-size:12px;font-weight:550}.participant-status{color:#909884;font-size:10px}.is-speaking .participant-status{color:#6a8f49}.you-label{color:#74895a;background:#edf1e1;border-radius:4px;margin-left:3px;padding:2px 4px;font-size:9px}.empty-grid{justify-content:center;align-items:center;padding:50px 0;display:flex}.empty-room{text-align:center}.empty-icon{color:#a4b58b;background:#f1f3e7;border:1px solid #e4ead7;border-radius:28px;place-items:center;width:80px;height:80px;margin:0 auto 25px;display:grid;transform:rotate(-7deg)}.empty-room h2{color:#717c62;margin-bottom:9px;font-size:17px;font-weight:550}.empty-room p{color:#a1a68f;margin-bottom:23px;font-size:12px}.empty-room .wave span{background:#d8e4c5}.stage-bottom{color:#929981;border-top:1px solid #eceee1;justify-content:space-between;gap:12px;padding-top:16px;font-size:10px;display:flex}.stage-bottom>span{align-items:center;gap:6px;display:flex}.room-sidebar{flex-direction:column;gap:16px;display:flex}.join-panel{background:#eef1e3;border:1px solid #dfe5d1;border-radius:14px;padding:24px}.panel-icon{color:#68834d;background:#e0e9ce;border-radius:12px;place-items:center;width:40px;height:40px;margin-bottom:17px;display:grid}.join-panel h2{letter-spacing:-.5px;font-size:19px;font-weight:650}.join-panel>p{color:#889376;margin:9px 0 24px;font-size:11px}label{color:#5c6f48;justify-content:space-between;margin-bottom:7px;font-size:11px;font-weight:550;display:flex}label>span{color:#9ca58e;font-size:10px;font-weight:400}.name-input{background:#fffef7;border:1px solid #dce1ce;border-radius:8px;align-items:center;margin-bottom:15px;display:flex}.name-input:focus-within{border-color:#98b578;box-shadow:0 0 0 3px #b7d58c55}.name-input input{color:#49563d;background:0 0;border:0;width:100%;min-width:0;padding:12px;font-size:13px}.name-input button{color:#8b9a74;background:0 0;border:0;place-items:center;padding:10px;display:grid}.join-panel .primary{min-height:46px;padding:11px 9px;font-size:12px}.small-note{color:#95a182;justify-content:center;align-items:center;gap:4px;margin-top:13px;font-size:9px;display:flex}.invite-panel{background:#fffef7;border:1px solid #dfe3d2;border-radius:14px;padding:22px}.invite-title{color:#829363;align-items:center;gap:7px;display:flex}.invite-title h3{color:#697756;font-size:13px;font-weight:550}.invite-panel p{color:#969d86;margin:9px 0 16px;font-size:11px}.invite-url{color:#6c7a56;overflow-wrap:anywhere;background:#f3f5ea;border-radius:7px;margin-bottom:12px;padding:11px;font-family:monospace;font-size:11px}.invite-url>span{color:#9aa388;margin-top:3px;font-size:10px;display:block}.secondary{color:#6e7c56;background:#fffef7;border:1px solid #dce2cc;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;padding:10px;font-size:11px;display:flex}.secondary:hover{background:#f2f4e9}.privacy-note{color:#9ba48a;gap:7px;padding:0 7px;font-size:10px;line-height:1.8;display:flex}.privacy-note svg{flex-shrink:0;margin-top:2px}.own-status{color:#6d8652;background:#e5edda;border:1px solid #d7e2c4;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:73px;margin-bottom:14px;font-size:10px;display:flex}.own-status .wave span{background:#8dab65}.own-status.muted{color:#959a87;background:#e7e9df}.dark-button{color:#d8ebc7;background:#223a29;border-color:#223a29}.dark-button:hover:enabled{background:#344d37}.leave-button{color:#95917e;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:5px;padding:12px;font-size:11px;display:flex}.leave-button:hover{color:#b66c50}.playback-button{color:#766025;background:#f8eccc;border:1px solid #ceb881;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:15px;padding:10px;font-size:12px;display:flex}.notice,.error{border-radius:10px;margin-bottom:24px;padding:15px 18px;font-size:13px;line-height:1.7}.notice{color:#827247;background:#f0e9d7;border:1px solid #e4d8b9}.error{color:#aa6248;background:#fae9e0;border:1px solid #eacebb;justify-content:space-between;gap:12px;display:flex}.error button{color:inherit;background:0 0;border:0;align-self:center;align-items:center;padding:0;display:flex}.loading{color:#8a9776;justify-content:center;align-items:center;gap:10px;min-height:500px;font-size:13px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{0%,to{opacity:.65;transform:scaleY(.75)}50%{opacity:1;transform:scaleY(1)}}@media (width>=1400px){.app-shell{padding:0 50px}.hero{min-height:610px}.hero h1{font-size:65px}.hero-art{transform:scale(1.08)}}@media (width<=1000px){.app-shell{padding:0 30px}.hero{gap:25px}.hero h1{font-size:47px}.demo-room{width:320px;padding:20px}.orbit-one{width:290px;height:290px}.orbit-two{width:330px;height:380px}.link-sticker{left:-10px}.how{grid-template-columns:.8fr 2fr;gap:25px}.room-layout{grid-template-columns:1fr 280px;gap:16px}.room-stage{padding:22px}.participant-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.app-shell{padding:0 22px}.site-header{height:80px}.brand{font-size:27px}.brand-icon{width:31px;height:31px}.header-right{font-size:10px}.header-pill{display:none}.hero{grid-template-columns:1fr;gap:55px;padding:49px 0 69px}.hero h1{font-size:50px;line-height:1.35}.hero-copy{max-width:450px}.hero-copy>p{font-size:13px}.hero-art{width:100%;max-width:400px;min-height:330px;margin:0 auto}.demo-room{width:320px}.floating-label{top:-11px;right:10px}.art-caption{bottom:-35px;right:5px}.link-sticker{bottom:-4px;left:0}.how{grid-template-columns:1fr;gap:26px;padding:28px 0}.how h2{max-width:none;margin-top:9px;font-size:21px}.how .eyebrow{font-size:9px}.steps{grid-template-columns:1fr 18px 1fr 18px 1fr;gap:6px}.step h3{font-size:12px}.step p{font-size:10px}.step-icon{width:38px;height:38px}.step-arrow svg{width:17px}.step-number{right:2px}.promise-strip{flex-wrap:wrap;justify-content:flex-start;gap:15px;margin-bottom:32px;padding:16px 19px}.promise-strip>span{font-size:10px}.promise-strip svg{width:15px}footer{flex-direction:column;align-items:flex-start;gap:8px;padding:20px 0}.room-layout{grid-template-columns:1fr;gap:19px;margin-bottom:30px}.room-heading{padding-top:25px}.room-stage{min-height:380px;padding:22px}.room-sidebar{grid-template-columns:1fr 1fr;gap:16px;display:grid}.join-panel,.invite-panel{padding:20px}.join-panel h2{font-size:17px}.participant-grid{grid-template-columns:repeat(3,1fr);gap:28px 8px;padding:35px 0}.stage-heading h1{font-size:24px}.privacy-note{grid-column:1/-1}.room-identifier{font-size:9px}.invite-url{font-size:10px}}@media (width<=500px){.hero h1{font-size:45px}.room-sidebar{display:flex}.stage-heading h1{font-size:23px}.room-identifier{letter-spacing:0}.participant strong{font-size:11px}.avatar{width:59px;height:59px;font-size:24px}.participant-grid{gap:25px 6px}.stage-bottom{font-size:9px}.empty-room h2{font-size:15px}.steps{grid-template-columns:1fr 1fr 1fr;gap:13px}.step-arrow{display:none}.step-number{font-size:10px}.promise-strip{flex-direction:column;gap:11px}.header-right{font-size:9px}.hero-art{max-width:320px}.demo-room{width:293px}.demo-avatar{width:51px;height:51px}.orbit-two{width:310px;height:370px}.link-sticker{padding:13px;font-size:10px;left:-3px}.link-sticker strong{font-size:11px}.eyebrow{letter-spacing:1.2px;font-size:9px}.room-heading{gap:6px;font-size:10px}.member-count{padding:7px 8px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}body{overflow-x:clip}@media (width<=500px){.orbit{width:100%;transform:none}}