@font-face{font-family:Action Jackson;src:url(/assets/actionjackson-I3-0qkbH.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #F9F7F2;--surface: #EFEBE0;--moss: #4A5D45;--stone-border: #E2DFD5;--text: #2F2F2F;--text-dim: #7A7568;--font-display: "Action Jackson", cursive;--font-heading: "Playfair Display", Georgia, serif;--font-body: "Helvetica Neue", "Helvetica", "Arial", sans-serif}html,body,#root{height:100%;width:100%;font-family:var(--font-body);background:#000;color:var(--text)}.landing-page{width:100%;height:100vh;background:#000;color:#fff;overflow:hidden;position:relative}.landing-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(120%) brightness(80%)}.landing-hero-overlay{position:absolute;inset:0;background:#00000073;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:0 24px;text-align:center}.landing-logo{position:absolute;top:20px;left:24px;font-family:var(--font-display);font-size:32px;color:#fff;letter-spacing:2px}.landing-tagline{font-family:var(--font-heading);font-size:clamp(28px,5vw,56px);color:#fff;letter-spacing:.5px;font-weight:400;font-style:italic;max-width:800px;line-height:1.25}.landing-sub{font-family:var(--font-body);font-size:clamp(15px,2vw,18px);line-height:1.6;color:#fff9;max-width:520px}.landing-sub-break{display:inline}@media(max-width:767px){.landing-sub{max-width:300px;text-wrap:balance}.landing-sub-break{display:block}}.landing-cta{font-family:var(--font-body);font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:.15rem;color:#fff;background:transparent;border:1px solid #fff;border-radius:4px;padding:14px 48px;cursor:pointer;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:all .2s ease-in-out;margin-top:8px}.landing-cta:hover{font-weight:700;border-width:2px}.modal-backdrop{position:fixed;inset:0;z-index:1000;background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;animation:modalFadeIn .25s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:40px 36px;width:max-content;max-width:calc(100% - 48px);min-width:320px;color:#fff}.modal-step{animation:stepFadeIn .4s ease}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.modal-title{font-family:var(--font-heading);font-size:24px;font-weight:400;font-style:italic;letter-spacing:.5px;margin-bottom:8px;white-space:nowrap}@media(max-width:767px){.modal-backdrop{align-items:center}.modal{width:calc(100% - 48px);min-width:0;padding:32px 24px}.modal-title{font-size:18px}}.modal-form{display:flex;flex-direction:column;gap:16px}.modal-input{font-family:var(--font-body);font-size:15px;color:#fff;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:12px 14px;outline:none;transition:border-color .2s}.modal-input::placeholder{color:#ffffff4d}.modal-input:focus{border-color:#fff6}.modal-submit{font-family:var(--font-body);font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.12rem;color:#000;background:#fff;border:none;border-radius:6px;padding:14px;cursor:pointer;transition:opacity .2s;margin-top:4px}.modal-submit:hover{opacity:.85}.modal-success{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.modal-success h2{font-family:var(--font-heading);font-size:32px;font-weight:400;font-style:italic;letter-spacing:.5px}.modal-success p{font-family:var(--font-body);font-size:15px;color:#ffffff80;line-height:1.6}.modal-close-btn{font-family:var(--font-body);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.15rem;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:10px 32px;cursor:pointer;margin-top:8px;transition:border-color .2s}.modal-close-btn:hover{border-color:#fff}.intro-screen{height:100vh;width:100%;position:relative;background:#000;overflow:hidden;transition:opacity 1s ease}.intro-screen--exit{opacity:0}.intro-video{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%) contrast(120%) brightness(80%)}.intro-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0006}.intro-logo{position:fixed;top:20px;left:24px;font-family:var(--font-display);font-size:32px;color:#fff;letter-spacing:2px;z-index:100;pointer-events:none;opacity:1;animation:logoFadeIn .8s ease backwards;transition:opacity 2s ease}@keyframes logoFadeIn{0%{opacity:0}}.intro-logo--fade-out{opacity:0}.intro-begin{font-family:var(--font-body);font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:.15rem;color:#fff;background:transparent;border:1px solid #FFFFFF;border-radius:4px;padding:14px 48px;cursor:pointer;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:all .2s ease-in-out}.intro-begin:hover{font-weight:700;border-width:2px}.intro-begin:disabled{opacity:.3;cursor:default}.intro-countdown-label{font-family:var(--font-body);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.25rem;color:#ffffff80;margin-bottom:12px}.intro-countdown{font-family:var(--font-body);font-size:clamp(48px,10vw,80px);font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:4px;color:#fff;opacity:.9}.intro-debug{position:absolute;top:20px;right:24px}.breathing-screen{height:100vh;width:100%;position:relative;background:#000;overflow:hidden}.breathing-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0006}.breathing-debug{position:absolute;top:20px;right:24px}.debug-btn{padding:6px 14px;border:1px dashed rgba(255,255,255,.4);border-radius:4px;background:transparent;color:#ffffff80;font-family:var(--font-body);font-size:12px;font-weight:600;cursor:pointer;opacity:.7}.debug-btn:hover{opacity:1;border-color:#fff;color:#fff}.globe-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;background:radial-gradient(ellipse 60% 60% at 50% 50%,#2850820a,#0a0a0a00 70%)}.preload-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.searching-label{font-family:var(--font-body);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.25rem;color:#ffffff80;animation:searchingPulse 2.5s ease-in-out infinite}@keyframes searchingPulse{0%,to{opacity:.3}50%{opacity:.7}}.begin-btn{font-family:var(--font-body);font-size:18px;font-weight:500;text-transform:uppercase;letter-spacing:.2rem;color:#fff;background:transparent;border:1px solid #FFFFFF;border-radius:4px;padding:16px 56px;cursor:pointer;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:all .2s ease-in-out}.begin-btn:hover{font-weight:700;border-width:2px}.begin-btn:disabled{opacity:.5;cursor:default}@keyframes beginFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.begin-btn--fade-in{animation:beginFadeIn .8s ease both}.call-screen{height:100vh;width:100%;position:relative;overflow:hidden;background:#000}.video-outer{width:100%;height:100%;background:#000;overflow:hidden;position:relative}.video-grid{width:100%;height:100%;position:relative}.video-tile{background:#000;border-radius:0;transition:opacity .3s ease}.video-tile-wrap--remote{width:100%;height:100%;position:relative}.video-tile--remote{width:100%;height:100%;object-fit:cover}.video-tile-wrap--local{position:absolute;top:16px;right:16px;width:160px;height:120px;border:2px solid rgba(255,255,255,.2);border-radius:10px;overflow:hidden;z-index:3;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.video-tile--local-inner{width:100%;height:100%;object-fit:cover;transition:opacity 80ms ease}.watermark-fade{position:absolute;inset:0;transition:opacity 80ms ease;pointer-events:none}.watermark{width:100%;height:100%;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center}.watermark-logo{font-family:var(--font-display);font-size:3.75rem;color:#fff;opacity:.15;letter-spacing:4px}.watermark-icon{color:#fff;opacity:.25;margin-top:.75rem}.watermark-fade--local .watermark-logo{font-size:1.25rem;letter-spacing:2px}.watermark-fade--local .watermark-icon{margin-top:.375rem}.video-controls{position:absolute;bottom:24px;right:24px;display:flex;gap:8px;z-index:5;opacity:0;transition:opacity .3s ease}.video-outer:hover .video-controls{opacity:1}.vc-btn{width:44px;height:44px;border:none;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#ffffffe6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;filter:drop-shadow(0px 2px 2px rgba(0,0,0,.8))}.vc-btn:hover{background:#fff3;color:#fff}.vc-btn--off{color:#fff6}.vc-btn--off:hover{color:#ffffffb3}.vc-btn--leave{color:#ffffff80}.vc-btn--leave:hover{background:#c0392b4d;color:#e74c3c}.timer-pill{position:absolute;top:16px;left:16px;z-index:12;display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;opacity:.6;transition:opacity .4s ease;filter:drop-shadow(0px 2px 2px rgba(0,0,0,.8))}.timer-pill:hover,.timer-pill:active{opacity:1}.timer-pill:active{cursor:grabbing}.timer-pill-time{font-family:var(--font-body);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:1px;color:#ffffffb3}.timer-pill-label{font-family:var(--font-body);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ffffff59}.qd-card{position:absolute;top:16px;left:110px;z-index:10;background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:14px 18px;display:flex;flex-direction:column;gap:8px;width:300px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;opacity:.6;transition:opacity .4s ease;filter:drop-shadow(0px 2px 2px rgba(0,0,0,.8))}.qd-card:hover,.qd-card:active{opacity:1;cursor:grab}.qd-card:active{cursor:grabbing}.qd-card--minimized{width:auto;gap:0;padding:6px 12px;border-radius:20px}.qd-header{display:flex;align-items:center;justify-content:space-between}.qd-minimize{border:none;background:none;color:#fff6;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;transition:color .2s}.qd-minimize:hover{color:#fffc}.qd-label{font-family:var(--font-body);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#ffffff80}.qd-prompt{font-family:var(--font-body);font-size:13px;line-height:1.5;font-style:italic;color:#fff}.qd-footer{display:flex;align-items:center;justify-content:space-between}.qd-btn{padding:6px 18px;border:none;border-radius:20px;background:#ffffff26;color:#fff;font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.qd-btn:hover{background:#ffffff40}.qd-counter{font-size:12px;color:#fff6}.ended-screen{height:100vh;width:100%;position:relative;background:#000;overflow:hidden}@keyframes endedFadeIn{0%{opacity:0}to{opacity:1}}.ended-screen--fade-in{animation:endedFadeIn 2s ease both}.ended-overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}.ended-text{font-family:var(--font-display);font-size:clamp(36px,8vw,72px);color:#fff;letter-spacing:4px;opacity:.9}.switch-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#2f2f2feb;transition:opacity .4s ease}.switch-overlay h1{font-family:var(--font-display);font-size:clamp(36px,8vw,80px);font-weight:400;color:var(--bg);text-align:center;text-transform:uppercase;letter-spacing:6px;text-shadow:0 0 40px rgba(74,93,69,.4)}@media(max-width:767px){.video-tile-wrap--local{width:100px;height:75px;top:10px;right:10px}.video-controls{bottom:16px;right:16px}.vc-btn{width:38px;height:38px;font-size:15px}.qd-card{width:260px;left:10px;top:16px;right:auto}.qd-prompt{font-size:.9rem;min-height:0}.timer-pill{inset:auto 16px 70px auto}}
