/* Shared Voidral design: public pages and application panels. First layer owns presentation. */
@layer voidral-site {
:root {--vd-bg:#04171e;--vd-panel:#092730;--vd-raised:#10353f;--vd-line:#426871;--vd-text:#edf8fa;--vd-muted:#b2cbd1;--vd-accent:#20dfe8;--vd-glass:linear-gradient(125deg,#103238f5,#061d26f5);--vd-cut:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);}
body[data-vd-page] {background:radial-gradient(ellipse at 85% 0,#10434b88,transparent 45%),var(--vd-bg)!important;color:var(--vd-text)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:15px!important;line-height:1.6!important;color-scheme:dark!important;min-width:0!important;overflow-x:clip!important;}
body[data-vd-page]:not([data-vd-page="offline-area/index.html"]) {height:auto!important;min-height:100dvh!important;max-height:none!important;overflow-y:auto!important;}
body[data-vd-page] :is(main,section,article,aside,form,div,header,nav){box-sizing:border-box!important;min-width:0!important;}
body[data-vd-page] [hidden]{display:none!important;}
body[data-vd-page] :is(h1,h2,h3,h4,strong,label){color:var(--vd-text)!important;-webkit-text-fill-color:currentColor!important;}
body[data-vd-page] h1{font-size:clamp(30px,5vw,58px)!important;line-height:1.08!important;letter-spacing:-.035em!important;font-weight:650!important;}
body[data-vd-page] h2{font-size:clamp(22px,3vw,32px)!important;line-height:1.18!important;letter-spacing:-.025em!important;font-weight:650!important;}
body[data-vd-page] h3{font-size:19px!important;line-height:1.3!important;}
body[data-vd-page] :is(p,li,small,.muted,.fine,.help,.note,.subnote){color:var(--vd-muted)!important;-webkit-text-fill-color:currentColor!important;}
body[data-vd-page] :is(.eyebrow,.profile-kicker,.profile-scene-tag,.tag,.badge){color:#65e9ee!important;letter-spacing:.12em!important;font-size:11px!important;}
body[data-vd-page] a{color:#60e6ed!important;text-decoration:none!important;overflow-wrap:anywhere!important;}
body[data-vd-page] :is(.brand,.logo){color:var(--vd-text)!important;letter-spacing:.18em!important;display:inline-flex!important;align-items:center!important;gap:10px!important;}
body[data-vd-page] :is(.brand,.logo) img{width:40px!important;height:40px!important;object-fit:contain!important;}
body[data-vd-page]>header{background:#051e27ed!important;border:0!important;border-bottom:1px solid #315661!important;box-shadow:none!important;backdrop-filter:blur(16px)!important;gap:16px!important;}
body[data-vd-page]>header nav{display:flex!important;flex-wrap:wrap!important;gap:12px!important;}
body[data-vd-page] :is(.card,.hero-card,.price-card,.panel,.access,.contact,.pilot,.help,.profile-welcome-body,.profile-empty,.steps>article,#profile,#editor,#workspace,#signed-in,#issued,.modes){background:var(--vd-glass)!important;color:var(--vd-text)!important;border:1px solid var(--vd-line)!important;border-radius:4px 14px 4px 14px!important;box-shadow:inset 0 1px #b6faff0a!important;}
body[data-vd-page] :is(.card,.hero-card,.price-card,.panel,.steps>article){padding:24px!important;}
body[data-vd-page] :is(button,.button,.primary,.cta,.join,.nav-action,.older,.profile-explore-link){box-sizing:border-box!important;max-width:100%!important;min-height:44px!important;padding:11px 17px!important;background:var(--vd-raised)!important;border:1px solid var(--vd-line)!important;border-radius:4px!important;color:var(--vd-text)!important;-webkit-text-fill-color:currentColor!important;font:600 14px/1.35 system-ui!important;letter-spacing:0!important;box-shadow:none!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;}
body[data-vd-page] :is(.primary,.cta:not(.secondary-cta),.join,button[type=submit],button[aria-pressed=true],.tabs .active){background:var(--vd-accent)!important;color:#03272e!important;border-color:var(--vd-accent)!important;clip-path:var(--vd-cut)!important;border-radius:0!important;}
body[data-vd-page] :is(button,.button,.cta,.join):disabled{opacity:.45!important;cursor:not-allowed!important;}
body[data-vd-page] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){box-sizing:border-box!important;min-width:0!important;max-width:100%!important;min-height:44px!important;background:#051d27!important;color:var(--vd-text)!important;border:1px solid var(--vd-line)!important;border-radius:4px!important;box-shadow:none!important;padding:11px 12px!important;font:400 15px/1.4 system-ui!important;}
body[data-vd-page] :is(input,textarea)::placeholder{color:#8eabb6!important;opacity:1!important;}
body[data-vd-page] :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--vd-accent)!important;}
body[data-vd-page] :is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid #58edf3!important;outline-offset:3px!important;}
body[data-vd-page] :is(pre,code){background:#03131c!important;color:#91e7ec!important;border-color:#315661!important;overflow:auto!important;max-width:100%!important;}
body[data-vd-page] .actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;}
body[data-vd-page] .actions>*{min-width:0!important;}
body[data-vd-page] :is(.pill,.badge,.tag,.details>span){background:#11343e!important;border:1px solid #355b66!important;border-radius:4px!important;color:#bfe9ed!important;}
body[data-vd-page="profile.html"] #profile{overflow:hidden!important;}
body[data-vd-page="profile.html"] .cover{background:radial-gradient(ellipse at 75% 0,#14606a,transparent 60%),#07252e!important;border-bottom:1px solid #426871!important;}
body[data-vd-page="profile.html"] :is(#bio,#username,#visibility-note,.profile-empty p){color:var(--vd-muted)!important;}
body[data-vd-page="profile.html"] .avatar{border:3px solid #38dce5!important;background-color:#0e303b!important;}
body[data-vd-page="signin.html"] main{background:var(--vd-glass)!important;border:1px solid var(--vd-line)!important;border-radius:4px 16px 4px 16px!important;}
body[data-vd-page="signin.html"] h1{font-size:34px!important;}
body[data-vd-page="pay/index.html"] main>section,body[data-vd-page="support/index.html"] main>section{background:var(--vd-glass)!important;border:1px solid var(--vd-line)!important;border-radius:4px 14px 4px 14px!important;padding:22px!important;margin:22px 0!important;}
body[data-vd-page="offline.html"] main,body[data-vd-page="verify-email.html"] main{background:var(--vd-glass)!important;border:1px solid var(--vd-line)!important;border-radius:4px 16px 4px 16px!important;padding:clamp(20px,5vw,40px)!important;}
body[data-vd-page="social/index.php"] .photo{border-radius:0!important;object-fit:cover!important;max-width:100%!important;height:auto!important;}
body[data-vd-page="social/index.php"] .byline{gap:8px!important;flex-wrap:wrap!important;}
body[data-vd-page="scan.html"] .modes label{background:#0b2b35!important;border:1px solid #426871!important;border-radius:6px!important;}
body[data-vd-page="admin.php"] :is(h1,h2),body[data-vd-page="business/admin.php"] :is(h1,h2){font-size:24px!important;}
body[data-vd-page="admin.php"] .sidebar{background:#061d27!important;border-color:var(--vd-line)!important;}
body[data-vd-page="admin.php"] .sidebar a.active{background:#123b44!important;color:var(--vd-accent)!important;}
body[data-vd-page="offline-area/index.html"] :is(header,.area-options){background:#082731!important;color:var(--vd-text)!important;border-color:var(--vd-line)!important;}
body[data-vd-page="connectivity/index.html"]{background:radial-gradient(ellipse at 85% 0,#10434b88,transparent 45%),var(--vd-bg)!important;}

/* Application panels use the same palette and controls; map shell stays separately owned. */
#voidral-app :is(#account-dialog,#simple-map-tools,#lounge,#gaia-window,.side,.destination.vr-place-browsing,#voidral-point-panel){background:var(--vd-glass)!important;color:var(--vd-text)!important;border:1px solid var(--vd-line)!important;border-radius:4px 14px 4px 14px!important;box-shadow:0 16px 45px #0005!important;box-sizing:border-box!important;}
#voidral-app :is(#account-dialog,#simple-map-tools,.side,#voidral-point-panel){overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;}
#voidral-app :is(#account-dialog,#simple-map-tools,#lounge,.side,#gaia-window,#voidral-point-panel,.destination.vr-place-browsing) :is(h2,h3,h4,strong,label){color:var(--vd-text)!important;-webkit-text-fill-color:currentColor!important;letter-spacing:-.015em!important;}
#voidral-app :is(#account-dialog,#simple-map-tools,#lounge,.side,#gaia-window,#voidral-point-panel,.destination.vr-place-browsing) :is(p,.micro,small){color:var(--vd-muted)!important;-webkit-text-fill-color:currentColor!important;}
#voidral-app :is(#account-dialog,#simple-map-tools,#lounge,.side,#gaia-window,#voidral-point-panel,.destination.vr-place-browsing) :is(button,.button){background:var(--vd-raised)!important;color:var(--vd-text)!important;border:1px solid var(--vd-line)!important;border-radius:4px!important;box-shadow:none!important;font-family:system-ui!important;line-height:1.35!important;white-space:normal!important;min-height:40px!important;}
#voidral-app :is(#account-dialog,#simple-map-tools,#lounge,.side,#gaia-window,#voidral-point-panel,.destination.vr-place-browsing) :is(button.primary,button[type=submit],button[aria-selected=true],button[aria-pressed=true],.social-view.active){background:var(--vd-accent)!important;color:#03272e!important;border-color:var(--vd-accent)!important;}
#voidral-app :is(#account-dialog,#simple-map-tools,#lounge,.side,#gaia-window,#voidral-point-panel,.destination.vr-place-browsing) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){background:#051d27!important;color:var(--vd-text)!important;border:1px solid var(--vd-line)!important;border-radius:4px!important;box-shadow:none!important;font-size:15px!important;max-width:100%!important;box-sizing:border-box!important;}
#voidral-app :is(#account-identity-card,.account-quick-edit,.account-destination,.account-submissions,.social-post,.social-feed-intro,.social-composer,.trip-summary,.ux-empty-action,.trip-empty,.gaia-bubble){background:#0d2c37!important;color:var(--vd-text)!important;border:1px solid var(--vd-line)!important;border-radius:4px 12px 4px 12px!important;box-shadow:none!important;}
#voidral-app #account-dialog{max-height:calc(100dvh - 24px)!important;padding:16px!important;width:min(480px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;}
#voidral-app #account-dialog .account-head h2{font-size:22px!important;}
#voidral-app #account-dialog :is(.account-head,#account-identity-card){position:static!important;}
#voidral-app #account-dialog .account-tabs{gap:6px!important;padding:0!important;border:0!important;background:transparent!important;}
#voidral-app #account-dialog .account-tabs button{min-height:44px!important;font-size:12px!important;}
#voidral-app #account-dialog .account-pane{min-width:0!important;}
#voidral-app #simple-map-tools :is(.map-tool-section,.tool-section){background:transparent!important;border-color:#355b66!important;}
#voidral-app #simple-map-tools :is(.tool-section>summary,.map-tool-section>summary){min-height:52px!important;}
#voidral-app #gaia-window{overflow:hidden!important;clip-path:none!important;}
#voidral-app #gaia-dialogue{overflow-y:auto!important;min-height:0!important;}
#voidral-app #lounge .social-feed-intro{background:radial-gradient(ellipse at top right,#14545b,transparent 70%),#0c2934!important;}
@media(max-width:640px){
body[data-vd-page]:not([data-vd-page="offline-area/index.html"]):not([data-vd-page="admin.php"])>main{width:calc(100% - 28px)!important;max-width:100%!important;margin:22px auto!important;padding-left:0!important;padding-right:0!important;}
body[data-vd-page="signin.html"]>main,body[data-vd-page="offline.html"]>main,body[data-vd-page="verify-email.html"]>main{padding:22px!important;}
body[data-vd-page]>header{position:relative!important;flex-wrap:wrap!important;padding:16px!important;min-height:64px!important;}
body[data-vd-page] :is(.hero,.pricing,.access,.columns,.partner-fields){grid-template-columns:minmax(0,1fr)!important;gap:20px!important;}
body[data-vd-page] :is(.cards,.grid,.steps){grid-template-columns:minmax(0,1fr)!important;gap:14px!important;}
body[data-vd-page] :is(.card,.hero-card,.price-card,.panel,.steps>article){padding:20px!important;}
body[data-vd-page] :is(.brand,.logo){font-size:16px!important;}
body[data-vd-page] h1{font-size:34px!important;}
body[data-vd-page] :is(.intro,.hero){padding-top:24px!important;padding-bottom:28px!important;}
body[data-vd-page] :is(.fields){grid-template-columns:minmax(0,1fr)!important;}
body[data-vd-page] .actions>.button,body[data-vd-page] .actions>.primary{flex:1 1 140px!important;}
body[data-vd-page] pre{white-space:pre-wrap!important;overflow-wrap:anywhere!important;}
#voidral-app .destination.vr-place-browsing{left:12px!important;right:12px!important;top:auto!important;bottom:var(--shell-card-bottom,108px)!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:55dvh!important;overflow-y:auto!important;padding:14px!important;}
}
@media(prefers-reduced-motion:reduce){body[data-vd-page] *{scroll-behavior:auto!important;}}
}