.nested-scale-shell{isolation:isolate}
.nested-navigation-dock{position:absolute;z-index:18;left:0;top:48px;display:flex;gap:6px;align-items:center;padding:5px;border:1px solid rgba(124,159,151,.25);background:rgba(2,8,11,.82);box-shadow:0 12px 34px rgba(0,0,0,.32);backdrop-filter:blur(10px)}
.nested-navigation-dock button{min-height:34px;border:1px solid rgba(137,172,163,.3);background:rgba(9,22,25,.88);color:#c6d5d0;padding:7px 10px;font:700 9px/1 var(--font-ui,Arial,sans-serif);letter-spacing:.1em;text-transform:uppercase}
.nested-navigation-dock button:hover,.nested-navigation-dock button:focus-visible{border-color:#d0a45b;color:#fff;background:rgba(56,40,17,.8)}
.nested-navigation-dock .nested-nav-up{color:#f0d39a;border-color:rgba(208,164,91,.48)}
.nested-navigation-dock kbd{margin-left:6px;padding:2px 4px;border:1px solid rgba(255,255,255,.18);border-radius:2px;color:#91aaa3;background:#071012;font:600 8px/1 var(--font-ui,Arial,sans-serif)}
.nested-orientation-card{position:absolute;z-index:17;right:0;top:48px;width:min(240px,26vw);display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:11px 13px;border:1px solid rgba(122,159,149,.27);border-right:3px solid #d0a45b;background:linear-gradient(110deg,rgba(3,11,14,.9),rgba(5,13,16,.72));box-shadow:0 12px 34px rgba(0,0,0,.28);backdrop-filter:blur(10px)}
.nested-orientation-card>span{grid-column:1/-1;color:#7f9891;font-size:8px;letter-spacing:.18em;text-transform:uppercase}.nested-orientation-card>strong{font:700 14px/1.1 var(--font-display,Arial,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#f2f5ef}.nested-orientation-card>em{font-style:normal;color:#d0a45b;font-size:10px;font-weight:700}.nested-orientation-card>small{grid-column:1/-1;color:#9fb1ab;font-size:9px;line-height:1.35}.nested-orientation-card .nested-orientation-date{color:#738b85}
.nested-scale-rail span{position:relative;transition:color .18s ease}.nested-scale-rail span.is-complete{color:#9fb6ad}.nested-scale-rail span.is-current{color:#f0c974;font-weight:800;text-shadow:0 0 14px rgba(240,201,116,.45)}.nested-scale-rail span.is-current:before{content:"";position:absolute;left:50%;top:-7px;width:4px;height:4px;border-radius:50%;background:#f0c974;box-shadow:0 0 8px #f0c974;transform:translateX(-50%)}.nested-scale-rail i.is-complete{background:#8da89e}
.nested-navigation-hint{position:absolute;z-index:8;right:clamp(10px,3vw,46px);bottom:clamp(10px,3vh,42px);max-width:250px;padding:8px 10px;border-right:2px solid rgba(208,164,91,.65);background:linear-gradient(270deg,rgba(3,9,10,.78),transparent);color:#91a49e;font-size:9px;line-height:1.35;text-align:right;letter-spacing:.06em}
.nested-scale-shell.nested-transition-inward .nested-scale-viewport{animation:nestedScaleInV1419 .34s cubic-bezier(.2,.8,.2,1)}.nested-scale-shell.nested-transition-outward .nested-scale-viewport{animation:nestedScaleOutV1419 .3s cubic-bezier(.2,.8,.2,1)}
@keyframes nestedScaleInV1419{from{opacity:.18;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes nestedScaleOutV1419{from{opacity:.18;transform:scale(1.055)}to{opacity:1;transform:scale(1)}}
@media(max-width:1100px){.nested-navigation-dock{top:45px}.nested-orientation-card{top:45px;width:220px}.nested-navigation-hint{display:none}}
@media(max-width:760px){.nested-navigation-dock{left:0;right:0;top:auto;bottom:0;justify-content:center}.nested-navigation-dock button{flex:1;padding:7px 5px}.nested-navigation-dock kbd{display:none}.nested-orientation-card{top:42px;right:0;width:190px;padding:8px 10px}.nested-orientation-card>small{display:none}.nested-scale-viewport{padding-bottom:42px}}
@media(prefers-reduced-motion:reduce){.nested-scale-shell.nested-transition-inward .nested-scale-viewport,.nested-scale-shell.nested-transition-outward .nested-scale-viewport{animation:none}.nested-scale-rail span{transition:none}}