/* Local preview: logo, navigation and utility actions share one sizing system. */
@layer dreamviewTypography{
 html body .shell{padding-inline:20px!important}
 html body .shell .dv-menu-unit{display:flex;align-items:center;justify-content:center;gap:12px;max-width:100%;min-width:0}
 html body .shell .dv-brand-nav{gap:12px!important}
 html body .shell .header-actions{gap:6px!important}
 html body .shell :is(nav button,nav a,nav summary,#feedback-nav,[data-action="logout"],#seasonal-vibes-control){box-sizing:border-box!important;height:44px!important;min-height:44px!important;padding:0 12px!important;font:500 14px/1.3 var(--font-dashboard)!important;letter-spacing:0!important;border-radius:9px!important;border:1px solid #9ab5d82e!important;background:#ffffff05!important;color:#e8f0fc!important;gap:7px!important;min-width:0!important}
 html body .shell [data-action="logout"]>span{font:inherit!important;width:auto!important;min-width:0!important;height:auto!important;display:inline!important}
 html:root body .shell [data-action="logout"]:not(#feedback-nav){border-color:transparent!important;background:transparent!important;box-shadow:none!important}
 html:root body .shell nav :is(button,a,summary):not(#feedback-nav){background:transparent!important;border-color:transparent!important;box-shadow:none!important}
 html:root body .shell nav [aria-current="page"]:not(#feedback-nav){background:transparent!important;border-color:transparent!important;color:#fff!important;font-weight:600!important}
 html body .shell :is(#feedback-nav,[data-action="logout"],#seasonal-vibes-control):hover,html body .shell nav :is(button,a,summary):hover{background:#ffffff10!important}
 html body .shell :is(button,summary) svg{width:16px!important;height:16px!important}
 html body .shell .brand .brand-art{width:100%!important;height:auto!important}
 html[data-theme="light"] body .shell :is(nav button,nav a,nav summary,#feedback-nav,[data-action="logout"],#seasonal-vibes-control){color:#1b3d61!important;border-color:#49688f38!important;background:#ffffff48!important}
 html:root[data-theme="light"] body .shell nav :is(button,a,summary):not(#feedback-nav){background:transparent!important;border-color:transparent!important;color:#1b3d61!important}
 .dv-mobile-menu-toggle{display:none!important}
 .dv-mobile-menu{box-sizing:border-box;border:1px solid #99b6d14d;border-radius:18px;background:#122d4a;color:#edf4ff;padding:18px;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;font:500 16px/1.4 var(--font-dashboard)}
 .dv-mobile-menu::backdrop{background:#03172d99;backdrop-filter:blur(3px)}
 .dv-mobile-menu-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
 .dv-mobile-menu-heading h2{margin:0;font:600 20px/1.3 var(--font-dashboard)!important}
 .dv-mobile-menu-heading h2:focus{outline:none}
 .dv-mobile-menu-heading button{width:40px;height:40px;border:0;border-radius:9px;background:transparent;color:inherit;font:400 28px/1 var(--font-dashboard)}
 .dv-mobile-menu button{cursor:pointer}
 .dv-mobile-menu button:focus-visible{outline:2px solid #b4d5fb;outline-offset:2px}
 html body .dv-mobile-menu .dv-mobile-primary-nav{display:grid!important;gap:6px!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
 html:root body .dv-mobile-menu .dv-mobile-primary-nav{width:100%!important;grid-template-columns:minmax(0,1fr)!important;justify-content:stretch!important;align-items:stretch!important;justify-items:stretch!important}
 html:root body .dv-mobile-menu .dv-mobile-primary-nav button{display:flex!important;width:100%!important;min-height:48px!important;text-align:left!important;justify-content:flex-start!important;border:1px solid transparent!important;box-shadow:none!important;padding:12px 14px!important;border-radius:10px!important;background:transparent;color:#d6e4f5;font:500 16px/1.4 var(--font-dashboard)!important}
 html:root body .dv-mobile-menu .dv-mobile-primary-nav button[aria-current="page"]{background:transparent!important;border-color:transparent!important;color:#fff!important;font-weight:600!important}
 html:root body .dv-mobile-menu .dv-mobile-primary-nav button[aria-current="page"]::after{content:'';width:5px;height:5px;border-radius:50%;background:#9acaff;margin-left:auto}
 html body .dv-mobile-menu .dv-mobile-primary-nav button[hidden],html body .dv-mobile-menu button[hidden]{display:none!important}
 .dv-mobile-menu-utilities{display:grid;gap:4px;border-top:1px solid #92b2d333;margin-top:16px;padding-top:12px}
 .dv-mobile-menu-utilities button{display:flex;align-items:center;gap:10px;min-height:44px;border:1px solid transparent;border-radius:9px;padding:9px 14px;background:transparent;color:inherit;font:500 15px/1.4 var(--font-dashboard)}
 .dv-mobile-menu-utilities :is(svg,span[aria-hidden="true"]){width:18px;height:18px;flex:none}
 .dv-mobile-menu-utilities button:disabled{opacity:.45;cursor:default}
 .dv-mobile-menu-utilities button[aria-pressed="true"]{background:#b77f3424;border-color:#d2a75d66}
 html body .shell #feedback-nav,html body .dv-mobile-menu [data-mobile-utility="feedback"]{background:linear-gradient(135deg,#297cbf,#365bc7)!important;color:#fff!important;border:1px solid #8ccfff99!important;box-shadow:inset 0 1px 0 #ffffff35,0 4px 12px #071b3d30!important}
 html body .shell #seasonal-vibes-control[data-season="fall"],html body .dv-mobile-menu [data-mobile-utility="seasonal"][data-season="fall"]{background:linear-gradient(120deg,#08090c 0%,#24120a 38%,#b54708 100%)!important;border:1px solid #ed8b3a9e!important;color:#fff!important;box-shadow:none!important}
 html body .shell :is(#feedback-nav,#seasonal-vibes-control):not(:disabled):hover,html body .dv-mobile-menu :is([data-mobile-utility="feedback"],[data-mobile-utility="seasonal"]):not(:disabled):hover{filter:brightness(1.1)}
 @media(max-width:679px){
  html:root body .shell{height:56px!important;min-height:56px!important;padding:0 12px!important}
  html:root body .shell .dv-menu-unit{width:100%;height:56px;position:relative;display:flex;justify-content:center}
  html:root body .shell .dv-brand-nav{position:absolute;left:50%;transform:translateX(-50%);width:145px!important}
  html:root body .shell .dv-mobile-menu-toggle{display:flex!important;position:absolute;left:0;top:6px;align-items:center;justify-content:center;gap:5px;min-width:58px;height:44px;border:0;border-radius:9px;padding:0 5px;background:transparent;color:#e9f2ff;font:500 13px/1.3 var(--font-dashboard);cursor:pointer}
  html:root body .shell .dv-mobile-menu-toggle svg{width:17px!important;height:17px!important}
  html:root body .shell .dv-mobile-install{right:0!important}
  html:root body>main,html:root body>main:has(#combined:not([hidden])){height:calc(100dvh - 56px)!important}
 }
}

/* Continue the existing sky through the navigation instead of a solid strip. */
html:root body > header.shell{
  background:transparent!important;
  border-bottom-color:transparent!important;
  box-shadow:none!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
html:root body:has(>header.shell) > main{border-top-color:transparent!important;}