[hidden]{display:none!important}#session{padding:24px}.app{width:520px}label{display:block;font-weight:700;font-size:12px;margin:18px 0 8px}input,textarea{width:100%;padding:14px;border:1px solid #cdd7ca;border-radius:10px;background:#fff;color:var(--dark);font:inherit}#create .primary{margin-top:22px}.guide{border:1px solid var(--line);border-radius:12px;padding:16px;margin:20px 0;font-size:13px;line-height:1.7}.guide summary{font-weight:700;cursor:pointer}.guide ol{padding-left:20px}.guide li{margin:10px 0}.guide p{color:#56665a}.ready-card{display:flex;gap:14px;align-items:flex-start;margin:26px 0 16px}.ready-card h3{font-size:16px;margin:0 0 8px}.ready-card p{font-size:12px;color:#657468;line-height:1.6;margin:0}.step-number{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#e4eadd;font-weight:700}.share-row{display:flex;gap:10px}.share-row .secondary{width:110px;margin:0;flex-shrink:0}.privacy-note,.call-hint{font-size:11px;line-height:1.65;color:#657468}.privacy-note{margin:13px 0 24px}.room-heading h2{font-size:24px;overflow-wrap:anywhere}.room-heading{align-items:center}#call{margin-top:20px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.call-top{display:flex;align-items:center;justify-content:space-between;padding:14px}.call-hint{padding:0 14px}#video-host{background:#17251e}#video-host iframe{border:0;width:100%;height:580px;display:block}.call-tools{display:flex;gap:10px;padding:0 14px}.call-tools button{flex:1}#camera-preview{width:100%;max-height:230px;border-radius:10px;background:#142b25}.status{font-size:13px;line-height:1.65;background:#e9ede2;border-radius:10px;padding:14px}.status:empty{display:none}button:disabled{opacity:.6;cursor:wait}.preview-bar{font-size:9px}.secondary{min-height:44px}#session .hint{line-height:1.7}.desktop-intro h1{font-size:52px}@media(max-width:1000px){body{gap:35px}.desktop-intro{width:330px}}@media(max-width:850px){body{padding:0;display:block}.desktop-intro{display:none}.app{width:100%;max-width:580px;margin:auto;border:0;border-radius:0;min-height:100dvh;box-shadow:none}header{padding:22px 20px}#home,#session{padding:22px 20px}.greeting h2{font-size:34px}#video-host iframe{height:65dvh;min-height:420px}footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}} 

.wordmark{font-size:24px;letter-spacing:-1px}.wordmark>span{font-size:8px;padding:5px 8px;margin-left:0}a.secondary{text-align:center;text-decoration:none;display:block}#prepare-text{margin-top:14px}@media(max-width:380px){header{padding:18px 12px}.wordmark{font-size:21px}.weather-open{font-size:9px}}
.landscape{height:210px;background:linear-gradient(90deg,#122e32aa,transparent),url('woods-lake-v5.webp') center/cover;border-radius:18px;overflow:hidden;margin-bottom:25px;color:#fff;display:flex;align-items:flex-end}.landscape>div{padding:22px}.landscape span{font-size:8px;letter-spacing:2px}.landscape strong{display:block;font:700 29px/1.15 Manrope,sans-serif;margin-top:10px}.map-card,.feature-roadmap{padding:20px;border:1px solid #d4dece;border-radius:16px;margin-top:25px;background:#edf1e7}.map-card h3,.feature-roadmap h3{margin:8px 0;font-size:23px}.map-card p,.feature-roadmap p{font-size:12px;line-height:1.65;color:#526759}.map-card details{font-size:12px;line-height:1.7;margin-top:16px}.map-card .call-tools{padding:0;flex-wrap:wrap}#crew-map{height:320px;border-radius:12px;margin:18px 0;isolation:isolate}.location-row{display:block;border:1px solid #cbd8c5;border-radius:8px;text-align:left;font-size:12px;line-height:1.5;padding:12px;margin-top:8px;background:white;width:100%}#crew-locations{font-size:12px;line-height:1.6}.feature-roadmap a{font-size:12px}.greeting h2{font-size:29px}
.tutorial{margin:24px 0;padding:24px 20px;background:#e7ede0;border-radius:16px}.tutorial h3{font:700 25px/1.2 Manrope,sans-serif;letter-spacing:-.8px;margin:14px 0}.tutorial p,.tutorial li{font-size:12px;line-height:1.75;color:#526452}.tutorial ol{padding-left:20px}.tutorial li{padding-left:6px;margin:16px 0}.tutorial li::marker{font-weight:800;color:#3a674f}.use-cases{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.use-cases span{padding:10px 8px;border:1px solid #ccd8c3;border-radius:8px;font-size:10px;background:#f4f6ee}.tutorial .tutorial-note{font-size:10px}#everyday-mode{margin-top:12px}
.tutorial .device-line{font-size:9px;font-weight:800;letter-spacing:2px;color:#365e4c;border-top:1px solid #c9d5c0;padding-top:15px}
.ownership{display:flex;align-items:center;justify-content:center;gap:14px;padding:23px 20px 28px;background:#142b25;color:#e9eee2}.ownership-year{font:600 26px Georgia,serif;color:#e9b57c;letter-spacing:1px}.ownership strong{font-size:10px;letter-spacing:.5px}.ownership small{display:block;font-size:9px;color:#b2c0ad;margin-top:5px}
.camera-wall{padding:18px 14px;background:#eef2e9}.camera-wall h3{font-size:21px;margin:8px 0 15px}.view-controls{display:flex;gap:8px}.view-controls button{border:1px solid #b9c9b5;background:#fff;border-radius:24px;padding:10px 15px;font-weight:700;font-size:12px}.view-controls button[aria-pressed=true]{background:#254b3e;color:white;border-color:#254b3e}#view-status{font-size:12px;color:#536b59;line-height:1.5}#camera-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.camera-tile{position:relative;aspect-ratio:4/3;background:#132720;border-radius:12px;overflow:hidden}.camera-tile iframe{width:100%;height:100%;border:0;pointer-events:none}.camera-tap{position:absolute;inset:0;width:100%;height:100%;border:2px solid transparent;border-radius:12px;background:linear-gradient(transparent 65%,#10251ee0);display:flex;align-items:flex-end;text-align:left;padding:10px;color:white}.camera-tap span{font-size:11px;font-weight:700;line-height:1.4}.camera-tap:focus-visible{outline-offset:-5px}.camera-tile.focused{grid-column:1/-1;aspect-ratio:16/10;order:-1}.camera-tile.focused .camera-tap{border-color:#e9b57c}.two-focus .camera-tile.focused{grid-column:auto;aspect-ratio:3/4}.camera-help{font-size:11px;line-height:1.65;color:#576c5a}.text-button{background:none;border:0;padding:8px 0;text-decoration:underline;color:#315d48;font-size:12px}.device-panel h3{font-size:17px;margin:18px 14px 8px}#call{overflow:visible}#video-host{border-radius:10px;overflow:hidden}.landscape{height:235px}.landscape strong{text-shadow:0 2px 18px #122b27}.desktop-intro{max-height:1000px}

.mode .water,.mode .woods{background-image:url(woods-lake-v5.webp);background-size:cover}.mode .water{background-position:70% 40%}.mode .woods{background-position:0 50%}.mode .scene .sun,.mode .scene .ridge,.mode .scene .boat,.mode .scene .trees,.mode .scene:after{display:none}.landscape{background-position:center 48%;height:260px}
.example-crew{border-top:1px solid #cad7c3;margin-top:25px;padding-top:20px}#example-map{height:300px;border-radius:12px;isolation:isolate;background:#d7e4df}#example-names{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}#example-names button{border:1px solid #c2d0bc;background:#fff;border-radius:20px;padding:8px 11px;font-size:11px;min-height:36px}.tutorial .example-note{font-size:10px;line-height:1.7}
#example-map.sample-world{height:auto;aspect-ratio:2/1;background:#dcebea url(world-land.svg) center/100% 100%;position:relative;overflow:hidden}.sample-dot{position:absolute;transform:translate(-50%,-50%);width:12px;height:12px;padding:0;border-radius:50%;background:#2f7468;border:2px solid #fff;box-shadow:0 0 0 4px #2f74681a}.sample-dot.selected{background:#e69a55;z-index:3;box-shadow:0 0 0 6px #e69a5533}.sample-map-label{position:absolute;bottom:22px;left:10px;right:10px;font-size:10px;background:#ffffffde;border-radius:8px;padding:8px;z-index:5}.map-credit{position:absolute;bottom:4px;right:7px;font-size:7px;color:#3c625b}

/* V6: controls stay beside the active view. */
#call{position:relative;padding-bottom:8px}.call-top{position:sticky;top:0;z-index:1001;background:#f8faf5f5;backdrop-filter:blur(10px);gap:7px;border-bottom:1px solid #d5dfcf;flex-wrap:wrap}.dock-button,.disconnect-button{min-height:46px;border-radius:10px;padding:10px 12px;font:700 12px Manrope,sans-serif;cursor:pointer}.dock-button{background:white;border:1px solid #b4c4ad;color:#163a2d}.disconnect-button{background:#c62828;color:white;border:2px solid white;box-shadow:0 2px 7px #8e15152b;margin-left:auto}.disconnect-button:hover{background:#a91e1e}.view-controls{position:sticky;top:76px;z-index:100;background:#eef2e9;padding:7px 0}.camera-wall,.device-panel{scroll-margin-top:80px}.camera-tile.focused{max-height:52dvh}.camera-wall{padding-top:8px}.camera-wall h3{font-size:17px;margin:5px 0}.camera-wall>.eyebrow{display:none}.camera-help{margin:7px 0}.crew-actions{position:sticky;bottom:0;z-index:1001;padding:8px!important;background:#f8faf5f5;backdrop-filter:blur(10px);border-top:1px solid #d5dfcf;padding-bottom:calc(8px + env(safe-area-inset-bottom))!important}.crew-actions .secondary{margin:0;padding:10px 6px;font-size:12px}#moment{background:#f4b86c;color:#192c21;border-color:#df9c49}.alert-settings{padding:4px 14px 12px}.alert-settings select{width:100%;padding:12px;border-radius:10px;border:1px solid #b4c4ad;background:white;font:inherit;font-size:13px}#alert-status{font-size:11px;line-height:1.6;color:#536b59}.crew-alert{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:2000;width:min(90vw,460px);padding:18px;background:#fff0cf;color:#193629;border:2px solid #b06a1c;border-radius:14px;box-shadow:0 10px 40px #122b2740;display:flex;align-items:center;justify-content:space-between;gap:12px}.crew-alert button{background:white;border:1px solid #c9ae7a;border-radius:8px;min-width:44px;min-height:44px;font-size:22px}body.in-call .room-heading,body.in-call #session>.ready-card,body.in-call #session>.privacy-note,body.in-call #session>.guide,body.in-call #session>.share-row{display:none}body.in-call #session{padding-top:0}

.crew-actions{top:67px;bottom:auto;padding-bottom:8px!important}.view-controls{top:128px}.camera-wall,.device-panel{scroll-margin-top:132px}.camera-tile{scroll-margin-top:190px}

/* Keep invitations within reach above the live camera views. */
.contact-invite{margin:8px 0 18px}.contact-invite .primary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;font-size:15px}.contact-invite p{margin:8px 0 0;font-size:12px;line-height:1.5;color:#536b59}#contact-status:empty{display:none}

/* Invitation guests can join immediately or prepare a reply without joining. */
.invite-landing #home>.landscape,.invite-landing #install-card{display:none}
.invite-replies{margin:22px 0;padding:20px 16px;background:#e7ede0;border:1px solid #ccd8c3;border-radius:14px}
.invite-replies h3{margin:0 0 8px;font-size:18px}.invite-replies p{font-size:13px;line-height:1.55;color:#526452}
.reply-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
.reply-choices button{min-height:48px;padding:12px 8px;border:1px solid #b4c4ad;border-radius:10px;background:#fff;color:#163a2d;font-weight:700;font-size:13px}
.reply-choices button:hover{background:#f8faf5}.reply-choices button:disabled{cursor:wait;opacity:.6}
.invite-replies .reply-help{font-size:12px}#reply-status:empty{display:none}#reply-status{padding:12px;border-radius:9px;background:#fff;font-weight:600}