@import url('/fonts.css');
:root{color-scheme:dark;--bg:#101313;--surface:#181c1c;--line:#2c3230;--text:#f3f5ed;--muted:#939d97;--lime:#d4f88a;--red:#ef7777;font-family:'Manrope',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button{color:inherit}a{color:inherit;text-decoration:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{transition:background .18s,transform .18s,border-color .18s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.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}.app-shell{max-width:1376px;padding:0 56px;margin:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:34px;font-weight:800;letter-spacing:-2px;display:flex;align-items:center}.brand-symbol{display:grid;place-items:center;background:var(--lime);color:#172017;border-radius:12px;height:40px;width:44px;margin-right:10px}.brand-symbol svg{width:27px;height:27px;stroke-width:2}.brand-dot{color:var(--lime)}.header-caption{color:var(--muted);font-size:12px;margin-left:-55px}.connection-pill{display:flex;align-items:center;gap:9px;background:#1a201b;border:1px solid #2c3928;border-radius:30px;padding:9px 13px;font-size:11px;color:#c2cdbb;white-space:nowrap}.status-dot,.tiny-dot{height:6px;width:6px;display:inline-block;border-radius:50%;background:var(--lime);flex-shrink:0}.status-dot{box-shadow:0 0 0 4px #d4f88a0a}.status-dot.neutral{background:#879086}.status-dot.offline{background:var(--red)}.lobby{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding:65px 0 64px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--muted);font-weight:700;display:flex;gap:9px;align-items:center}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--lime)}h1{font-size:clamp(48px,5.1vw,72px);font-weight:600;line-height:1.08;letter-spacing:-4px;margin:25px 0 23px}h1 span{color:var(--lime)}.intro-description{font-size:15px;line-height:1.9;color:var(--muted);margin:0 0 31px;letter-spacing:.05px}.entry-card{max-width:385px}.button{height:52px;border-radius:10px;border:1px solid transparent;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:11px;font-weight:600;font-size:13px}.primary{background:var(--lime);color:#1d2815}.primary:hover:not(:disabled){background:#e2ffad}.primary:disabled{opacity:.65}#create-room{width:100%;justify-content:flex-start;height:56px}.button-arrow{margin-left:auto;width:19px}.divider{display:flex;align-items:center;gap:12px;font-size:10px;color:#77817b;margin:21px 0}.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}.join-form{display:flex;gap:10px}.join-form input{min-width:0;width:100%;background:#191d1c;border:1px solid #343c35;border-radius:10px;padding:0 20px;color:var(--text);font-size:23px;letter-spacing:15px;font-variant-numeric:tabular-nums;line-height:52px}.join-form input::placeholder{color:#647064}.join-form input:focus{border-color:var(--lime);outline-offset:2px}.secondary{background:#282f26;border-color:#343e2d;white-space:nowrap;color:#d8e7ca;padding:0 24px}.secondary:hover{background:#374231}.secondary:disabled{opacity:.5}.code-hint{font-size:10px;color:#78827b;margin:12px 0 0}.privacy-line{display:flex;gap:8px;align-items:center;color:#7e8a80;font-size:10px;margin-top:24px}.privacy-line svg{width:13px;height:13px}.inline-error{background:#ef777712;border:1px solid #ef777740;color:#ffb3aa;border-radius:8px;padding:12px;font-size:12px;line-height:1.6}.preview-column{min-width:0;align-self:center}.preview-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:9px;letter-spacing:1.8px;color:#8c978e;font-weight:600}.preview-heading-right{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:0;color:#69756b}.preview-heading .status-dot{width:5px;height:5px}.preview-card{position:relative;overflow:hidden;width:100%;aspect-ratio:1.15;border-radius:18px;background:radial-gradient(ellipse at 50% 28%,#29372955 0,transparent 65%),#1a201d;border:1px solid #333d32;isolation:isolate}.preview-card:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#a9c29918 .8px,transparent .8px);background-size:18px 18px;z-index:-1}.camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px 20px 40px}.camera-orbit{height:140px;width:140px;border-radius:50%;border:1px solid #d4f88a0d;display:grid;place-items:center;margin:0 0 25px;position:relative}.camera-orbit:before{content:'';position:absolute;inset:15px;border:1px solid #d4f88a12;border-radius:50%}.camera-orbit-inner{width:78px;height:78px;border-radius:25px;background:linear-gradient(140deg,#384632,#222d24);border:1px solid #4d6040;display:grid;place-items:center;transform:rotate(-9deg);box-shadow:0 10px 30px #0002}.camera-orbit svg{height:35px;width:35px;color:var(--lime);transform:rotate(9deg);stroke-width:1.5}.camera-orbit i,.camera-orbit b{position:absolute;background:var(--lime);border-radius:50%;width:5px;height:5px;left:5px;top:39px;box-shadow:0 0 10px #d4f88a35}.camera-orbit b{width:3px;height:3px;top:auto;left:auto;right:21px;bottom:17px;background:#8b9f79}.camera-placeholder h2{font-size:17px;font-weight:500;letter-spacing:-.4px;margin:0 0 10px}.camera-placeholder p{font-size:11px;line-height:1.9;color:#879782;margin:0 0 21px}.preview-button{height:39px;border:1px solid #4a5641;background:#303b2d;color:#d4e5c5;font-size:11px;padding:0 14px}.preview-button svg{height:16px;width:16px}.preview-button:hover{background:#405037}#local-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;display:none}#local-video.visible{display:block}#local-video.mirrored{transform:scaleX(-1)}.video-name{position:absolute;bottom:16px;left:17px;z-index:3;display:flex;gap:8px;align-items:center;background:#111915b3;backdrop-filter:blur(12px);border:1px solid #ffffff0c;border-radius:6px;padding:7px 10px;font-size:10px}.video-name .tiny-dot{width:4px;height:4px}.preview-corner{position:absolute;bottom:22px;right:17px;font-size:9px;color:#71816e;z-index:0}.controls{display:flex;justify-content:center;align-items:flex-start;gap:20px;margin-top:23px}.control-item{display:flex;flex-direction:column;align-items:center;gap:9px}.control-item>span{font-size:9px;color:#7b897d}.control-button{background:#232924;border:1px solid #333d33;border-radius:50%;width:47px;height:47px;display:grid;place-items:center}.control-button svg{width:20px;height:20px}.control-button:hover:not(:disabled){background:#34402f;border-color:#627b4d}.control-button:disabled{opacity:.33}.control-button.active{background:var(--lime);color:#26331c;border-color:var(--lime)}.control-button.off{background:#49312e;color:#ffb0a3;border-color:#65403b}.control-button.danger{background:#e36059;color:#fff;border-color:#e36059}.control-button.danger:hover{background:#f4766f}.control-separator{height:25px;width:1px;background:var(--line);margin:11px 1px 0}.camera-note{text-align:center;font-size:9px;color:#657269;margin:21px 0 0;line-height:1.7;min-height:16px}.features{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:34px 0 43px}.features>div{display:flex;gap:18px}.feature-number{font-size:10px;color:#64775c;margin-top:3px;font-variant-numeric:tabular-nums}.features h3{font-size:12px;font-weight:500;margin:0 0 9px}.features p{font-size:11px;line-height:1.8;color:#78857b;margin:0}footer{border-top:1px solid var(--line);padding:22px 0 28px;display:flex;align-items:center;justify-content:space-between;color:#69756d;font-size:10px}footer>span:first-child{font-weight:800;font-size:18px;letter-spacing:-.8px}.footer-tagline{margin-left:20px;font-size:10px;font-weight:400;letter-spacing:0}.footer-right{display:flex;gap:8px;align-items:center}.footer-right .tiny-dot{background:#667d57;width:4px;height:4px}.toast{position:fixed;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:20;background:#d4f88a;color:#1c2814;box-shadow:0 8px 35px #0005;padding:14px 24px;border-radius:12px;font-size:12px;font-weight:600;max-width:calc(100vw - 32px);width:max-content;text-align:center;line-height:1.6}.call{padding:28px 0 30px}.call-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.room-details{display:flex;align-items:center;gap:17px}.room-details .eyebrow{font-size:9px;letter-spacing:1.5px}.room-code{border:1px solid #3a4834;background:#222c21;border-radius:9px;display:flex;align-items:center;gap:13px;padding:7px 12px;color:var(--lime);font-size:23px;font-weight:600;letter-spacing:4px;font-variant-numeric:tabular-nums}.room-code svg{height:16px;width:16px;color:#9fb08f}.call-status{font-size:11px;color:#a0ada0;display:flex;align-items:center;gap:9px}.call-status #call-timer{padding-left:12px;border-left:1px solid #3a4635;font-variant-numeric:tabular-nums}.share-button{height:40px;font-size:11px;background:#242b24;border-color:#384333;gap:8px}.share-button svg{width:16px;height:16px}.video-stage{position:relative;height:min(62vh,660px);min-height:360px;background:radial-gradient(ellipse at 50% 30%,#28392b55,transparent 65%),#181f1a;border:1px solid #303d30;border-radius:18px;overflow:hidden;isolation:isolate}.video-stage:fullscreen{height:100vh;width:100vw;border-radius:0;background:#111}.video-stage>video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.remote-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at 50% 30%,#28392b55,transparent 65%),#181f1a;padding:30px 24px}.waiting-orbit{height:84px;width:84px;border-radius:50%;display:grid;place-items:center;border:1px solid #4f6243;background:#283725;box-shadow:0 0 0 15px #d4f88a03,0 0 0 30px #d4f88a02;margin:10px 0 28px}.waiting-orbit svg{width:30px;height:30px;color:var(--lime)}.remote-placeholder h2{font-weight:500;font-size:22px;letter-spacing:-.6px;margin:12px 0}.remote-placeholder p{font-size:12px;line-height:1.9;color:#92a28c;margin:0 0 22px;max-width:420px}.waiting-code{background:#2d3a28;border:1px solid #475a3c;color:var(--lime);font-size:28px;letter-spacing:10px;border-radius:10px;display:flex;align-items:center;gap:20px;padding:10px 18px 10px 24px;font-variant-numeric:tabular-nums}.waiting-code svg{width:18px;height:18px;color:#a4b794}.pip-slot{position:absolute;right:18px;bottom:18px;width:185px;z-index:5}.pip-slot .preview-card{aspect-ratio:1.4;border-radius:12px;border-color:#718469}.pip-slot .camera-placeholder{padding:20px}.pip-slot .camera-orbit{width:40px;height:40px;margin:0;border:0}.pip-slot .camera-orbit-inner{width:40px;height:40px;border-radius:13px}.pip-slot .camera-orbit svg{width:20px;height:20px}.pip-slot .camera-orbit:before,.pip-slot .camera-orbit i,.pip-slot .camera-orbit b,.pip-slot .camera-placeholder h2,.pip-slot .camera-placeholder p,.pip-slot .preview-button,.pip-slot .preview-corner{display:none}.pip-slot .video-name{font-size:9px;padding:4px 7px;bottom:8px;left:8px}.fullscreen-button{position:absolute;right:17px;top:17px;z-index:5;width:35px;height:35px;border:1px solid #ffffff15;border-radius:9px;background:#111b14a0;display:grid;place-items:center}.fullscreen-button svg{width:17px;height:17px}.call-help{text-align:center;font-size:10px;color:#7e8a7a;line-height:1.7;margin:22px 0 0}.call .controls{gap:23px;margin-top:23px}.audio-unlock{position:absolute;top:20px;left:50%;transform:translateX(-50%);z-index:6;background:var(--lime);color:#1d2815;width:max-content;max-width:80%;font-size:12px}dialog{background:#1e271e;border:1px solid #4a5d3c;color:var(--text);padding:28px;border-radius:15px;max-width:calc(100vw - 32px);width:420px}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}dialog h2{font-size:20px}dialog p{font-size:12px;line-height:1.7;color:var(--muted)}dialog input{width:100%;padding:12px;background:#101810;border:1px solid #495b3f;color:var(--lime);border-radius:8px;margin:10px 0 20px;font-size:12px}dialog .button{width:100%}
@media(min-width:1450px){.lobby{padding:80px 0;gap:110px}.preview-card{aspect-ratio:1.17}}
@media(max-width:1100px){.app-shell{padding:0 35px}.lobby{gap:45px;padding:50px 0}.header-caption{margin-left:0;font-size:10px}.camera-orbit{height:100px;width:100px;margin-bottom:16px}.camera-orbit-inner{width:65px;height:65px;border-radius:22px}.camera-placeholder h2{font-size:15px}.camera-placeholder p{font-size:10px}.preview-card{aspect-ratio:.98}.preview-corner{font-size:8px}.controls{gap:15px}.room-details{gap:10px}.room-details .eyebrow{display:none}}
@media(max-width:760px){.app-shell{padding:0 24px;max-width:570px}.header{height:83px}.header-caption{display:none}.brand{font-size:29px}.brand-symbol{height:35px;width:39px;border-radius:10px}.brand-symbol svg{width:24px}.connection-pill{font-size:10px;padding:8px 11px}.lobby{grid-template-columns:1fr;gap:40px;padding:37px 0 35px}.eyebrow{font-size:9px;letter-spacing:1.9px}h1{font-size:57px;letter-spacing:-3.5px;margin:20px 0}.intro-description{font-size:13px;margin-bottom:26px;line-height:1.8}.entry-card{max-width:none}.privacy-line{margin-top:19px;font-size:9px}.preview-heading{font-size:9px}.preview-card{aspect-ratio:1.23}.camera-orbit{height:100px;width:100px;margin-bottom:17px}.camera-placeholder h2{font-size:16px}.camera-placeholder p{font-size:11px;margin-bottom:16px}.camera-placeholder{padding-bottom:35px}.controls{gap:24px}.camera-note{font-size:9px;margin-top:18px}.features{grid-template-columns:1fr;gap:24px;padding:28px 0}.features>div{gap:18px}.features h3{font-size:12px;margin-bottom:5px}.features p{font-size:11px}.features br{display:none}.feature-number{width:18px}footer{padding:20px 0 max(24px,env(safe-area-inset-bottom))}.footer-tagline{font-size:9px;margin-left:12px}.footer-right{display:none}.call{padding-top:20px}.call-topbar{gap:10px;flex-wrap:wrap;margin-bottom:17px}.call-status{order:3;width:100%;justify-content:center;margin-top:7px;font-size:10px}.share-button{height:38px}.room-code{font-size:22px}.video-stage{height:58svh;min-height:360px}.remote-placeholder{justify-content:flex-start;padding-top:50px}.remote-placeholder h2{font-size:17px;max-width:260px;line-height:1.4}.remote-placeholder p{font-size:11px}.waiting-orbit{width:60px;height:60px;margin-bottom:18px;box-shadow:0 0 0 12px #d4f88a03,0 0 0 24px #d4f88a02}.waiting-orbit svg{height:25px;width:25px}.waiting-code{font-size:25px}.pip-slot{width:114px;bottom:12px;right:12px}.call .controls{gap:16px}.call .control-button{width:44px;height:44px}.call .control-item>span{font-size:8px}.call .control-separator{display:none}.call-help{font-size:9px;max-width:300px;margin:20px auto 0}.call-active .app-shell{max-width:none}.call-active .header{height:72px}.call-active footer{margin-top:0}}
@media(max-width:370px){.app-shell{padding:0 16px}h1{font-size:51px}.controls{gap:18px}.camera-placeholder h2{font-size:14px}.camera-orbit{height:80px;width:80px;margin-bottom:14px}.camera-placeholder p{font-size:10px}.call .controls{gap:10px}.preview-corner{display:none}.video-stage{min-height:380px}.remote-placeholder{padding-top:36px}.footer-tagline{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}