/* Public navigation stays available without JavaScript. Desktop is unchanged. */
.public-mobile-menu{display:none}
@media(max-width:1023px){
    .public-desktop-links{display:none!important}
    .public-mobile-menu{display:block;margin-left:auto}
    .public-mobile-menu summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid #475569;border-radius:12px;background:#17283c;color:#e2e8f0;cursor:pointer;list-style:none;font-size:14px;font-weight:650}
    .public-mobile-menu summary::-webkit-details-marker{display:none}
    .public-mobile-menu summary:focus-visible,.public-mobile-menu a:focus-visible{outline:3px solid #67e8f9;outline-offset:2px}
    #public-mobile-links{position:absolute;top:calc(100% + 8px);left:12px;right:12px;padding:8px;border:1px solid #475569;border-radius:18px;background:#111f32;box-shadow:0 18px 45px #02061799;max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain;display:grid;gap:4px}
    #public-mobile-links a{display:flex;align-items:center;min-height:48px;padding:12px 16px;border-radius:11px;color:#dbeafe;text-decoration:none;font-size:16px}
    #public-mobile-links a[aria-current="page"]{background:#38bdf81a;color:#67e8f9}
    #public-mobile-links a:last-child{background:#38bdf8;color:#082032;font-weight:700}
    html[data-public-menu="open"] :is(.home-guide,.install-announcement){visibility:hidden;pointer-events:none}
}
@media(max-width:767px){
    body[data-public-site]{min-height:100dvh}
    body[data-public-site]>.main-anim{padding:84px 12px 24px;min-width:0}
    body[data-public-site]>.footer-anim{padding:24px 16px 100px;margin-top:16px}
    body[data-public-site] :is(input,textarea,select){font-size:16px}
    body[data-public-site] :is(.landing-hero>div,.energy-demo,.home-lab-layout,.home-lab-info,.benefits-gallery,.method-journey){min-width:0;max-width:100%}
    .landing-hero{padding-top:12px;padding-bottom:32px;gap:28px;overflow:visible}
    .landing-hero>div{width:100%}
    .landing-hero h1{font-size:clamp(2rem,8.5vw,3rem);line-height:1.13}
    .landing-hero p.hero-text{font-size:16px;line-height:1.65}
    .landing-hero .hero-text.inline-block{font-size:11px;line-height:1.5;padding:8px 12px;margin-bottom:18px}
    .energy-demo{padding:16px;border-radius:20px}
    .energy-demo-summary{flex-wrap:wrap;align-items:start;margin-top:20px}
    .energy-demo-summary>div:first-child{flex:1 1 140px}
    .energy-demo-number{margin-left:auto}
    .energy-demo-number strong{font-size:2rem}
    .energy-demo-summary h2{font-size:1.15rem}
    .energy-demo-bars{transform:none!important;gap:7px;padding:0 0 0 0}
    .energy-demo-bars :is(.weather-bar-top,.weather-bar-side){display:none}
    .energy-demo-chart{height:165px}
    .energy-demo-advice{align-items:flex-start;min-height:0}
    .energy-demo-advice p{font-size:13px}
    .energy-demo-advice img{width:40px;height:40px}
    .energy-demo .weather-ferret{min-width:40px}
    .weather-3d-tools [data-chart-drag]{display:none}
    .home-install{margin-top:18px;padding:12px;gap:8px}
    .home-install>div{min-width:110px}
    .home-install button{flex:1 0 100%}
    .home-lab{padding:0;margin:20px auto 40px}
    .home-lab-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,140px);gap:12px;padding:20px 12px 44px;height:auto;min-height:356px;perspective:700px}
    .home-lab-stage .home-lab-toy{position:relative!important;inset:auto!important;transform:none!important;scale:1;width:100%;height:140px;display:block;margin:0;touch-action:pan-y;cursor:pointer}
    .home-lab-cube{left:calc(50% - 30px);top:20px;transform:rotateX(-15deg) rotateY(25deg)}
    .home-lab-ferret{left:calc(50% - 47px);top:5px}
    .home-lab-toy-label{font-size:11px;bottom:3px;white-space:normal;width:max-content;max-width:100%;text-align:center}
    .home-lab-hint{font-size:11px;bottom:12px}
    .home-lab-info{padding:20px}
    .home-lab-info p{font-size:14px}
    .benefits-page,.method-page,.privacy-page{padding:20px 0 32px}
    .benefits-hero{display:block}
    .benefits-core-scene{height:220px;margin-top:16px;width:100%;min-width:0;overflow:hidden}
    .benefits-core-orbit{width:min(260px,90%);height:220px}
    .benefits-gallery{grid-template-columns:minmax(0,1fr);gap:20px}
    .benefits-depth-card{transform:none!important}
    .benefits-card-layer{display:none}
    .benefits-card-surface{padding:22px;transform:none}
    .benefits-card-surface>*{transform:none!important}
    .benefits-gallery-heading{display:block}
    .benefits-gallery-heading>p{margin-top:12px}
    [data-benefits-flat],[data-helix-toggle]{display:none!important}
    .method-journey{display:block}
    .method-compass{position:relative;top:auto;padding:0 0 16px}
    .method-compass>:is(strong,h2,p){display:none}
    .method-compass nav{display:flex;gap:8px;overflow-x:auto;padding:8px 2px;scrollbar-width:thin}
    .method-compass nav a{flex:0 0 auto;max-width:240px;min-height:44px}
    .method-helix-stage{height:auto!important}
    .method-orbit-viewport{position:relative!important;top:auto!important;height:auto!important;overflow:visible}
    .method-helix-list{position:relative!important;display:grid;gap:18px;perspective:none}
    .method-helix-slot{position:relative!important;inset:auto!important;min-height:0;padding:0;scroll-margin-top:90px}
    .method-helix-card{transform:none!important;opacity:1!important;padding:22px}
    .method-helix-card>*{transform:none!important}
    .method-helix-card:after,.method-helix-thread,.method-descent-space{display:none!important}
    .method-benefits-grid,.privacy-grid,.privacy-flow ol{grid-template-columns:minmax(0,1fr)}
    .privacy-lock-scene{width:min(280px,100%);transform:none}
    .privacy-context,.privacy-card{padding:20px}
    body[data-public-site] .public-auth-page{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-content:stretch;padding:0;gap:14px;min-height:0;overflow:visible}
    .public-auth-page>a,.public-auth-page>button{position:static;font-size:12px;min-height:44px;gap:4px;transform:none;max-width:100%}
    .public-auth-page>:not(a):not(button){grid-column:1/-1;min-width:0;width:100%}
    .public-auth-page>.auth-depth-card{display:block;animation:none;transform:none;overflow:visible;border-radius:20px}
    .auth-depth-card>.auth-depth-brand{display:none}
    .auth-depth-card>div:last-child{padding:24px 18px;border-radius:20px}
    .auth-depth-card form input{min-width:0;width:100%;font-size:16px}
    .auth-depth-card form .grid-cols-2{grid-template-columns:minmax(0,1fr)}
    .auth-depth-card form button[type="submit"]{font-size:15px;white-space:normal}
    .home-guide{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}
    .home-guide .home-guide-launcher{padding:4px;min-height:50px;min-width:50px;font-size:12px}
    .home-guide-launcher>span{display:none}
    .home-guide-launcher img{width:42px;height:42px}
    .home-guide-panel{width:calc(100vw - 24px);max-height:calc(100dvh - 152px);margin-bottom:8px;padding:14px}
    .home-guide-actions{gap:6px}
    .home-guide-actions button{font-size:12px;line-height:1.5;padding:9px}
    .home-guide h2{font-size:17px}
    .home-guide p{font-size:14px}
    html[data-guide-open="true"] .install-announcement{visibility:hidden;pointer-events:none}
    body:has(main :is(input,textarea):focus) .install-announcement,body:has(main :is(input,textarea):focus) .home-guide:has(.home-guide-panel[hidden]){visibility:hidden;pointer-events:none}
    .install-announcement-panel{max-width:calc(100vw - 24px)}
    .space-moon{opacity:.3;pointer-events:none}
    .public-energy-particle:nth-of-type(n+7){display:none}
    .public-energy-orbit{display:none}
    .public-energy-circuit{opacity:.45}
    .energy-intro-bolt{max-height:36dvh;max-width:50vw}
}
@media(max-height:500px) and (max-width:1023px){.home-guide-panel{max-height:calc(100dvh - 140px)}.install-announcement-panel{max-height:calc(100dvh - 110px)}}