:root{--app-safe-top:env(safe-area-inset-top,0px);--app-safe-left:env(safe-area-inset-left,0px);--app-safe-right:env(safe-area-inset-right,0px);--app-stage-header-height:calc(96px + var(--app-safe-top))}.app-safe-layout{padding:calc(8px + var(--app-safe-top)) calc(8px + var(--app-safe-right)) 8px calc(8px + var(--app-safe-left))}.app-brand{position:absolute;top:calc(8px + var(--app-safe-top));left:calc(16px + var(--app-safe-left));display:flex;align-items:center;height:56px}.app-brand img{height:56px;width:auto}.app-account-header{height:calc(80px + var(--app-safe-top))}.app-account-actions{top:calc(18px + var(--app-safe-top));right:calc(16px + var(--app-safe-right))}.app-account-menu{top:calc(72px + var(--app-safe-top));left:calc(12px + var(--app-safe-left));right:calc(12px + var(--app-safe-right));max-height:calc(100dvh - 80px - var(--app-safe-top) - env(safe-area-inset-bottom, 0px));overflow-y:auto}.app-story-header{padding-top:var(--app-safe-top)}.app-story-inline{padding-left:calc(16px + var(--app-safe-left));padding-right:calc(16px + var(--app-safe-right))}.app-story-content{padding-top:var(--app-stage-header-height)}.app-story-bottom-nav,.app-story-content{padding-left:var(--app-safe-left);padding-right:var(--app-safe-right)}.app-book-message{top:var(--app-stage-header-height)}.app-stage-home{border-radius:40px;background:rgba(255,255,255,.45);box-shadow:inset 0 2px 2px rgba(0,0,0,.2);backdrop-filter:blur(5.25px);-webkit-backdrop-filter:blur(5.25px)}@media not all and (min-width:640px){.app-auth-stage{min-height:0;height:calc(100dvh - var(--app-safe-top) - 16px)}.app-auth-panel{min-height:0}.app-auth-scroll{max-height:var(--auth-card-height,calc(100dvh - var(--app-safe-top) - 160px));border-radius:2rem}.app-story-content .hero-intro-subtitle{white-space:normal;text-wrap:wrap}:root{--app-stage-header-height:calc(128px + var(--app-safe-top))}.app-story-row{padding-top:8px;padding-bottom:8px}.app-stage-brand{height:56px}.app-stage-logo{height:56px;width:auto}.app-story-row{display:grid;grid-template-columns:1fr auto 1fr}.app-stage-brand{grid-column:2;grid-row:1;justify-self:center}.app-stage-actions{grid-column:3;grid-row:1;justify-self:end}.app-stage-tabs{grid-column:1/-1;grid-row:2}.app-stage-home{background:rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.35);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#0f274b}.app-stage-home svg{color:inherit;opacity:1}.app-stage-home:focus-visible{outline:2px solid #fbbf24;outline-offset:3px}[data-stage-theme=story] .app-stage-home{background:rgba(255,255,255,.05);border-color:rgba(251,191,36,.3);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#fff}[data-stage-theme=story] .app-stage-home-highlight{background:rgba(255,255,255,.08)}[data-stage-theme=preview] .app-stage-home{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.6);box-shadow:inset 0 2px 8px 2px rgba(0,0,0,.2),inset 0 -2px 4px rgba(255,255,255,.65);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#262626}.app-auth-brand{top:calc(16px + var(--app-safe-top))}.app-auth-actions{top:18px;right:24px;overflow:visible}.app-auth-actions .auth-orb-travel{width:40px;height:40px}.app-auth-actions .auth-orb-source{width:30px;height:30px}.app-auth-actions .auth-orb-dest{width:34px;height:34px}.app-auth-actions .auth-glow-btn:before{width:calc(100% + 48px);height:calc(100% + 48px);background:radial-gradient(ellipse closest-side,rgba(255,195,0,.3) 30%,transparent 100%);filter:none}}@media (min-width:640px){.app-safe-layout{padding:calc(16px + var(--app-safe-top)) calc(16px + var(--app-safe-right)) 16px calc(16px + var(--app-safe-left))}.app-brand{top:calc(16px + var(--app-safe-top));left:calc(16px + var(--app-safe-left));height:auto}.app-brand img{height:32px}.app-account-actions{top:calc(16px + var(--app-safe-top))}.app-account-actions,.app-account-menu{right:calc(16px + var(--app-safe-right))}.app-account-menu{top:calc(72px + var(--app-safe-top));left:calc(16px + var(--app-safe-left))}}@media (min-width:768px){.app-brand{top:calc(24px + var(--app-safe-top));left:calc(24px + var(--app-safe-left))}.app-brand img{height:40px}.app-account-actions{top:calc(24px + var(--app-safe-top));right:calc(24px + var(--app-safe-right))}}@media (min-width:1024px){.app-auth-brand{top:calc(40px + var(--app-safe-top))}.app-auth-brand img{height:52px}}