:root{--bg:#050712;--panel:#0c1020;--line:rgba(255,255,255,.12);--text:#f8fbff;--muted:#aab6ca;--blue:#29d7ff;--green:#39f5b3;--pink:#ff3d8d;--orange:#ffb84d;--violet:#7b61ff}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;background:radial-gradient(circle at 15% 0,rgba(41,215,255,.18),transparent 34%),radial-gradient(circle at 90% 10%,rgba(255,61,141,.16),transparent 30%),var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}button,input{font:inherit}.app{min-height:100vh;padding-bottom:92px}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 22px;border-bottom:1px solid var(--line);background:rgba(5,7,18,.72);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;font-weight:1000}.logo-img{width:46px;height:46px;border-radius:16px;box-shadow:0 0 36px rgba(41,215,255,.22)}.brand-word{font-size:28px;line-height:.85}.brand-word span{background:linear-gradient(135deg,var(--blue),var(--green));-webkit-background-clip:text;color:transparent}.brand-word small{display:block;margin-top:8px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.desktop-nav{display:flex;gap:6px}.desktop-nav a,.install{padding:10px 13px;border-radius:999px;color:var(--muted);border:1px solid transparent}.desktop-nav a.active,.desktop-nav a:hover,.install{color:#fff;background:rgba(255,255,255,.08);border-color:var(--line)}.main{width:min(1280px,100%);margin:0 auto;padding:22px}.card,.room-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.04));box-shadow:0 24px 70px rgba(0,0,0,.32);backdrop-filter:blur(22px);border-radius:32px}.primary,.secondary,.ghost{border:0;border-radius:18px;padding:13px 17px;font-weight:1000;cursor:pointer}.primary{background:linear-gradient(135deg,var(--blue),var(--green));color:#021018}.secondary{background:linear-gradient(135deg,var(--orange),#ff6c32);color:#1b0900}.ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid var(--line)}.full{width:100%}.eyebrow{margin:0 0 9px;color:var(--green);font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:1000}.copy,.sub,p{color:var(--muted)}h1,h2{margin:0;color:#fff}h1{font-size:clamp(44px,7vw,96px);line-height:.9;letter-spacing:-.07em}h2{font-size:clamp(26px,3vw,42px);letter-spacing:-.04em}.splash{min-height:100vh;display:grid;place-items:center;padding:18px}.splash-card{width:min(1220px,100%);display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;overflow:hidden;padding:18px}.splash-copy{padding:36px}.splash-logo{text-align:left;margin-bottom:30px}.splash-logo .logo-img{width:88px;height:88px}.splash-title-under{font-size:38px;font-weight:1000;letter-spacing:-.06em;margin-top:8px}.splash-title-under span{background:linear-gradient(135deg,var(--blue),var(--green));-webkit-background-clip:text;color:transparent}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.splash-live-wall{min-height:650px;border-radius:28px;position:relative;overflow:hidden;background:linear-gradient(0deg,rgba(0,0,0,.68),rgba(0,0,0,.08)),linear-gradient(135deg,#07718b,#1c376f 48%,#371244)}.phone-lens{position:absolute;inset:9% 12%;border-radius:42px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(0deg,rgba(0,0,0,.32),transparent),radial-gradient(circle at 50% 20%,rgba(255,184,77,.25),transparent 18%),linear-gradient(140deg,rgba(41,215,255,.18),rgba(57,245,179,.08));box-shadow:inset 0 0 100px rgba(255,255,255,.08)}.scanline{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 11px,rgba(255,255,255,.045) 12px);animation:drift 5s linear infinite}.floating-card{position:absolute;border:1px solid var(--line);background:rgba(5,7,18,.72);backdrop-filter:blur(18px);border-radius:22px;padding:14px;box-shadow:0 18px 45px rgba(0,0,0,.25)}.fc1{left:4%;top:14%}.fc2{right:4%;top:39%}.fc3{left:14%;bottom:12%}.fc4{right:10%;bottom:14%}.live-pill,.live-badge{display:inline-flex;gap:7px;align-items:center;border-radius:999px;background:rgba(255,61,141,.18);color:#fff;border:1px solid rgba(255,61,141,.4);padding:7px 10px;font-size:12px;font-weight:1000}.page-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:16px 0 24px}.toolbar{display:flex;gap:9px;flex-wrap:wrap}.search{border:1px solid var(--line);background:rgba(255,255,255,.075);color:#fff;border-radius:17px;padding:12px 14px;outline:none;min-width:min(340px,100%)}.chip{border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--muted);border-radius:999px;padding:11px 14px}.chip.active{background:linear-gradient(135deg,var(--blue),var(--green));color:#021018}.tour-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.room-card{grid-column:span 4;position:relative;overflow:hidden;min-height:370px;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.room-card.is-live{grid-column:span 6;min-height:430px}.scene{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.18)),linear-gradient(135deg,#0b7894,#101a3c)}.scene.realestate{background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.12)),linear-gradient(135deg,#6d4528,#12172e)}.scene:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.18),transparent 15%),linear-gradient(120deg,transparent 0 45%,rgba(255,255,255,.14) 46%,transparent 48%)}.card-top,.guide-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.guide-row{justify-content:flex-start;margin-top:16px}.guide-row img{width:38px;height:38px;border-radius:14px}.room-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.video-stage{min-height:calc(100vh - 150px);position:relative;overflow:hidden;background:#000}.video-art,video.stage-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:linear-gradient(0deg,rgba(0,0,0,.78),rgba(0,0,0,.12)),linear-gradient(135deg,#08718c,#1f376c 52%,#351032)}.top-overlay,.bottom-overlay{position:absolute;left:18px;right:18px;display:flex;justify-content:space-between;gap:12px;align-items:center}.top-overlay{top:18px}.bottom-overlay{bottom:18px;align-items:end}.glass{border:1px solid var(--line);background:rgba(5,7,18,.68);backdrop-filter:blur(18px);border-radius:24px;padding:14px}.chat-panel{min-height:720px;display:flex;flex-direction:column;overflow:hidden}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px;border-bottom:1px solid var(--line)}.tabs button{border:0;border-radius:15px;background:transparent;color:var(--muted);padding:11px;font-weight:1000}.tabs button.active{background:rgba(41,215,255,.15);color:#fff}.panel-body{min-height:0;flex:1;overflow:auto;padding:14px}.msg{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.06);border-radius:20px;padding:12px;margin-bottom:10px}.msg.tip{border-color:rgba(57,245,179,.3);background:rgba(57,245,179,.12)}.msg.system{border-color:rgba(255,184,77,.34);background:rgba(255,184,77,.12)}.chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}.chat-form input{min-width:0;flex:1;border:1px solid var(--line);background:rgba(0,0,0,.28);color:#fff;border-radius:17px;padding:12px;outline:none}.map-box{height:290px;border-radius:24px;border:1px solid var(--line);position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,var(--green) 0 6px,transparent 7px),radial-gradient(circle,transparent 0 34%,rgba(41,215,255,.18) 35% 36%,transparent 37% 62%,rgba(41,215,255,.12) 63% 64%,transparent 65%),linear-gradient(135deg,#061b2d,#102a25)}.control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.guide-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:18px}.phone-stream{min-height:760px;position:relative;overflow:hidden;background:#000}.phone-stream video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:linear-gradient(135deg,#08718c,#10204d)}.health{position:absolute;top:16px;left:16px;right:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.health div,.guide-room{border-radius:18px;padding:11px;background:rgba(0,0,0,.58);border:1px solid var(--line);color:#fff}.overlay-chat{position:absolute;left:16px;right:16px;bottom:16px;max-height:44%;overflow:auto}.dash-grid,.wallet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ledger{padding:20px}.ledger-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:13px 0}.ledger-row:last-child{border-bottom:0}.verified{display:inline-flex;border-radius:999px;border:1px solid rgba(57,245,179,.32);background:rgba(57,245,179,.12);color:var(--green);font-weight:1000;font-size:12px;padding:8px 10px}.guide-room{width:100%;display:block;text-align:left;margin-bottom:9px}.guide-room.active{outline:2px solid var(--blue)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid input{border:1px solid var(--line);background:rgba(255,255,255,.075);color:#fff;border-radius:17px;padding:12px;outline:none}.bottom-nav{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:40;width:min(620px,calc(100% - 24px));display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px;border-radius:26px;border:1px solid var(--line);background:rgba(5,7,18,.82);backdrop-filter:blur(22px)}.bottom-nav a{display:grid;place-items:center;gap:2px;color:var(--muted);font-weight:1000;font-size:17px;border-radius:18px;padding:9px 4px}.bottom-nav span{font-size:10px}.bottom-nav a.active{background:rgba(41,215,255,.16);color:#fff}.toast{position:fixed;left:50%;bottom:100px;transform:translateX(-50%) translateY(18px);opacity:0;background:#fff;color:#02040b;border-radius:999px;padding:12px 18px;font-weight:1000;z-index:70;transition:.25s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@keyframes drift{to{transform:translateY(24px)}}@media(max-width:1020px){.desktop-nav{display:none}.splash-card,.room-grid,.guide-layout{grid-template-columns:1fr}.splash-live-wall{min-height:520px;order:-1}.room-card,.room-card.is-live{grid-column:span 12}.video-stage,.chat-panel{min-height:560px}.dash-grid,.wallet-grid{grid-template-columns:1fr}.page-head{display:block}.toolbar{margin-top:14px}.top-overlay,.bottom-overlay{align-items:stretch}}@media(max-width:580px){.topbar{padding:12px}.brand-word{font-size:22px}.brand-word small{display:none}.main{padding:14px 12px}.splash-copy{padding:22px}h1{font-size:clamp(42px,14vw,64px)}.splash-card{padding:10px}.splash-logo .logo-img{width:74px;height:74px}.splash-title-under{font-size:32px}.control-grid,.form-grid{grid-template-columns:1fr}.top-overlay,.bottom-overlay{left:10px;right:10px;flex-direction:column}.phone-stream{min-height:620px}}
/* v9 account + operational controls */
.bottom-nav{grid-template-columns:repeat(6,1fr)}
.health{grid-template-columns:repeat(4,1fr)}
.account-shell{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:stretch}.account-hero,.account-form{padding:26px}.account-form label{display:grid;gap:8px;margin:0 0 14px;color:var(--muted);font-weight:800}.account-form input[type="text"],.account-form input[type="email"],.account-form input:not([type]){border:1px solid var(--line);background:rgba(255,255,255,.075);color:#fff;border-radius:17px;padding:13px 14px;outline:none}.checkline{display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px}.checkline input{width:18px;height:18px}.account-summary{display:grid;gap:5px;margin-top:24px}.account-summary span{color:var(--muted)}
@media(max-width:1020px){.account-shell{grid-template-columns:1fr}.health{grid-template-columns:repeat(2,1fr)}}
/* v10 phone-camera style guide studio */
.camera-body{margin:0;background:#000;overflow:hidden}.guide-camera-app{position:fixed;inset:0;background:#000;color:#fff;font-family:Inter,system-ui,sans-serif;overflow:hidden}.guide-camera-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:radial-gradient(circle at 50% 42%,rgba(41,215,255,.14),transparent 18%),linear-gradient(135deg,#07111f,#03050d 70%)}.camera-fallback{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;background:radial-gradient(circle at 50% 40%,rgba(111,85,255,.25),transparent 22%),linear-gradient(180deg,#050712,#000)}.camera-fallback img{width:86px;height:86px}.camera-fallback b{font-size:46px;letter-spacing:-.06em}.camera-fallback span{max-width:320px;color:rgba(255,255,255,.65)}.camera-top{position:absolute;left:0;right:0;top:0;z-index:5;padding:calc(env(safe-area-inset-top) + 12px) 14px 12px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(0,0,0,.72),transparent)}.camera-brand{display:flex;align-items:center;gap:8px}.camera-brand img{width:32px;height:32px}.camera-brand strong{font-size:18px}.camera-brand span{margin-left:8px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);border-radius:999px;padding:6px 9px;font-size:11px;font-weight:1000}.icon-btn{width:48px;height:48px;border-radius:18px;border:1px solid rgba(255,255,255,.13);background:rgba(4,7,16,.58);color:#fff;display:grid;place-items:center;text-decoration:none;font-size:24px;font-weight:1000;backdrop-filter:blur(16px);box-shadow:0 15px 35px rgba(0,0,0,.25)}button.icon-btn{cursor:pointer}.camera-left-rail,.camera-right-rail{position:absolute;z-index:6;top:50%;transform:translateY(-50%);display:grid;gap:10px}.camera-left-rail{left:12px}.camera-right-rail{right:12px}.camera-live-pill{position:absolute;z-index:5;top:calc(env(safe-area-inset-top) + 76px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.48);backdrop-filter:blur(18px);border-radius:999px;padding:9px 12px;font-size:12px}.camera-live-pill span{color:#ff3d8d;text-shadow:0 0 20px #ff3d8d}.camera-live-pill em{font-style:normal;color:rgba(255,255,255,.65)}.camera-health{position:absolute;z-index:5;left:72px;right:72px;bottom:calc(env(safe-area-inset-bottom) + 92px);display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.camera-health div{border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.48);backdrop-filter:blur(16px);border-radius:18px;padding:9px;text-align:center}.camera-health small{display:block;color:rgba(255,255,255,.55);font-size:10px}.camera-health b{font-size:13px}.camera-chat-strip{position:absolute;z-index:5;left:72px;right:72px;bottom:calc(env(safe-area-inset-bottom) + 170px);max-height:28vh;overflow:auto;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.camera-chat-strip .msg{background:rgba(0,0,0,.5);backdrop-filter:blur(14px);border-radius:18px;padding:10px 12px;margin-bottom:8px;font-size:13px}.camera-bottom-sheet{position:absolute;z-index:20;left:50%;bottom:calc(env(safe-area-inset-bottom) + 12px);transform:translateX(-50%) translateY(calc(100% - 74px));width:min(860px,calc(100% - 24px));max-height:78vh;overflow:auto;border:1px solid rgba(255,255,255,.14);background:rgba(5,7,18,.86);backdrop-filter:blur(24px);border-radius:30px;padding:14px;box-shadow:0 -25px 80px rgba(0,0,0,.48);transition:.28s ease}.camera-bottom-sheet.open{transform:translateX(-50%) translateY(0)}.sheet-handle{width:78px;height:5px;border-radius:99px;background:rgba(255,255,255,.38);margin:4px auto 12px}.sheet-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.compact-actions{margin-top:10px}.camera-bottom-sheet h2{font-size:24px}.camera-bottom-sheet .dash-grid{grid-template-columns:repeat(3,1fr);margin:12px 0}.camera-bottom-sheet .glass h2{font-size:20px}.camera-bottom-sheet .guide-room{display:flex;justify-content:space-between;gap:10px;align-items:center}.camera-bottom-sheet .guide-room span{font-size:12px;color:rgba(255,255,255,.62)}
@media(orientation:landscape){.camera-health{left:88px;right:88px;bottom:24px;max-width:560px;margin:auto}.camera-chat-strip{left:88px;right:88px;bottom:96px}.camera-bottom-sheet{width:min(760px,70vw);right:74px;left:auto;transform:translateY(calc(100% - 74px))}.camera-bottom-sheet.open{transform:translateY(0)}}
@media(max-width:580px){.icon-btn{width:44px;height:44px;border-radius:16px;font-size:21px}.camera-left-rail{left:10px}.camera-right-rail{right:10px}.camera-health{left:62px;right:62px;grid-template-columns:repeat(2,1fr);bottom:calc(env(safe-area-inset-bottom) + 84px)}.camera-chat-strip{left:62px;right:62px;bottom:calc(env(safe-area-inset-bottom) + 178px)}.camera-brand strong{font-size:16px}.camera-brand span{font-size:10px;padding:5px 8px}.camera-bottom-sheet .dash-grid{grid-template-columns:1fr}.camera-bottom-sheet{border-radius:26px}}
/* v11 interaction fixes */
button,a,.chip,.icon-btn,.primary,.secondary,.ghost{touch-action:manipulation;-webkit-tap-highlight-color:rgba(41,215,255,.32);transition:transform .12s ease,filter .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}
button:active,a:active,.chip:active,.icon-btn:active,.primary:active,.secondary:active,.ghost:active{transform:scale(.96);filter:brightness(1.24);box-shadow:0 0 0 3px rgba(41,215,255,.24),0 0 38px rgba(57,245,179,.18)}
button:disabled,[disabled]{opacity:.42;cursor:not-allowed;filter:grayscale(.35)}
.install-ready{background:linear-gradient(135deg,var(--green),var(--blue))!important;color:#021018!important}
.bottom-nav{grid-template-columns:repeat(6,1fr)!important}
.room-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
.access-banner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-bottom:12px;border:1px solid rgba(41,215,255,.22);background:rgba(41,215,255,.08);border-radius:20px;padding:12px;color:#fff}
.access-banner b{display:block}.access-banner span{color:var(--muted);font-size:13px}.access-banner:empty{display:none}
.ai-icon{min-width:48px;width:48px;height:48px;border-radius:18px;border:1px solid rgba(123,97,255,.45);background:linear-gradient(135deg,rgba(123,97,255,.9),rgba(41,215,255,.8));color:#fff;font-size:22px;font-weight:1000;display:grid;place-items:center}
.ai-drawer{position:fixed;inset:0;z-index:90;display:none;place-items:end center;background:rgba(0,0,0,.48);backdrop-filter:blur(8px);padding:14px}.ai-drawer.open{display:grid}.ai-card{width:min(720px,100%);border:1px solid var(--line);background:rgba(5,7,18,.94);border-radius:30px;padding:16px;box-shadow:0 -24px 80px rgba(0,0,0,.55)}.ai-card textarea{width:100%;min-height:150px;resize:vertical;margin-top:12px;border:1px solid var(--line);background:rgba(255,255,255,.075);color:#fff;border-radius:20px;padding:14px;outline:none;font:inherit}.ai-card textarea:focus,.chat-form input:focus,.form-grid input:focus,.search:focus{border-color:rgba(41,215,255,.75);box-shadow:0 0 0 3px rgba(41,215,255,.14)}
@media(max-width:580px){.chat-panel{min-height:500px}.panel-body{padding:10px}.tabs{grid-template-columns:repeat(3,1fr);padding:9px}.tabs button{font-size:12px;padding:9px 5px}.msg{font-size:13px;padding:10px;margin-bottom:8px}.chat-form{position:sticky;bottom:78px;background:rgba(5,7,18,.92);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:24px;margin:0 8px 8px;padding:8px}.chat-form input{font-size:13px}.chat-form .primary{padding:11px 12px}.access-banner{grid-template-columns:1fr}.room-actions{grid-template-columns:1fr}.bottom-nav{width:calc(100% - 12px);bottom:8px;gap:3px;padding:6px;border-radius:22px}.bottom-nav a{font-size:15px;padding:8px 2px}.bottom-nav span{font-size:9px}.ai-card{border-radius:26px}.ai-card textarea{min-height:120px}.video-stage{min-height:58vh}.bottom-overlay .glass h2{font-size:24px}}