.mobile-topbar,.mobile-menu-backdrop{display:none}@media (width<=760px){:root{--topbar-h:calc(60px + env(safe-area-inset-top,0px))}html{scroll-padding-top:var(--topbar-h)}body{min-width:0}.topbar{min-height:var(--topbar-h);box-sizing:border-box;padding:env(safe-area-inset-top,0px) 8px 0!important}.topbar>.brand,.topbar>.topbar-download,.topbar>nav,.topbar>.topbar-actions{display:none}.mobile-topbar{align-items:center;gap:4px;width:100%;min-width:0;display:flex}.mobile-topbar nav{flex:1;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(76px,1.35fr);gap:2px;min-width:0;margin:0;display:grid}.mobile-topbar a,.mobile-topbar button{white-space:nowrap;color:#fffffff0;min-height:48px;text-shadow:var(--topbar-text-shadow);background:0 0;border:0;border-radius:12px;place-items:center;padding:0 5px;font-family:inherit;font-size:12px;text-decoration:none;display:grid}.mobile-topbar a[data-active],.mobile-topbar button[aria-expanded=true]{color:#fff;text-shadow:0 0 5px #fffffff2,0 0 13px #fff9,0 0 24px #ffffff59}.mobile-menu-backdrop:not([hidden]){z-index:3100;background:#0c1b2b80;justify-content:flex-end;display:flex;position:fixed;inset:0}#mobile-site-menu{box-sizing:border-box;width:min(360px,100%);height:var(--mobile-viewport-height,100dvh);padding:max(16px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));color:#314454;background:#edf4f8;overflow-y:auto;box-shadow:-12px 0 40px #12263833}#mobile-site-menu header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}#mobile-site-menu button{color:#314454;min-width:44px;min-height:44px}#mobile-site-menu nav{white-space:normal;grid-template-columns:1fr 1fr;gap:8px;display:grid}#mobile-site-menu nav a{color:#314454;min-height:48px;text-shadow:none;align-items:center;padding:4px 10px;display:flex}#mobile-site-menu .topbar-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex;position:static}#mobile-site-menu .topbar-search-input{color:#314454;width:100%;min-height:44px;text-shadow:none;background:#fff;font-size:16px;display:block}#mobile-site-menu .topbar-search-input::placeholder{color:#607789}.hero{flex-direction:column;gap:22px;min-height:0;padding:20px 0 32px;display:flex}.hero-side{order:2;width:100%;max-width:100%;position:relative;inset:auto}.hero-cta{order:3;margin-top:0}#home-model-root{flex:none;order:1;width:100%;height:clamp(320px,62svh,560px);min-height:0;position:relative;inset:auto}.auth-backdrop,.api-config-backdrop{box-sizing:border-box;padding:max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));height:var(--mobile-viewport-height,100dvh);top:var(--mobile-viewport-top,0px);align-items:flex-start;overflow:auto}.auth-modal,.admin-modal,.api-config-modal{box-sizing:border-box;width:100%;max-width:100%;max-height:calc(var(--mobile-viewport-height,100dvh) - 24px);margin:0;overflow:auto}.auth-modal input,.admin-modal input,.admin-modal textarea,.admin-modal select,.api-config-modal input,.api-config-modal textarea{min-height:44px;font-size:16px}.auth-modal button,.admin-modal button,.api-config-modal button,.site-popup button{min-height:44px}.admin-topbar{z-index:2;background:#edf4f8;position:sticky;top:0}.admin-guestbook-data-actions,.model-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-user-list li,.admin-overlay-row,.admin-ai-quota-row{flex-wrap:wrap}.site-popup{max-width:calc(100vw - 20px);max-height:calc(var(--mobile-viewport-height,100dvh) - 80px);box-sizing:border-box;overflow:auto}.mobile-overlay-open .mobile-music,.mobile-keyboard-open .mobile-music{visibility:hidden;pointer-events:none}body.oc-user-world-view .topbar>.topbar-actions{display:flex;position:static}.mobile-topbar>button{min-width:44px}body.portfolio-reader-open .mobile-music{visibility:hidden}.mobile-overlay-open .topbar{visibility:hidden;pointer-events:none}#settings-popup{width:auto;position:fixed;left:10px!important;right:10px!important;top:calc(var(--topbar-h) + 8px)!important}.api-config-layout,.api-config-field-grid{grid-template-columns:minmax(0,1fr)!important}.admin-modal .admin-topbar{flex-wrap:nowrap;display:flex;overflow-x:auto}.admin-modal .admin-topbar button{flex:none}.auth-modal .auth-close{float:right;z-index:4;min-width:44px;min-height:44px;position:sticky;top:0}.admin-modal table{max-width:100%;display:block;overflow-x:auto}}