.app-ui,:root{--c-ink:var(--color-space-grey-950);--c-text:var(--color-space-grey-50);--c-muted:var(--color-space-grey-300);--c-accent:var(--color-deep-space-200);--c-accent-ink:var(--color-deep-space-50);--c-error:var(--color-oxygen-airglow-400);--hair:color-mix(in srgb,var(--c-text) var(--mag-6),transparent);--hair-strong:color-mix(in srgb,var(--c-text) var(--mag-5),transparent);--highlight:inset 0 var(--spacing-f1) 0 color-mix(in srgb,var(--c-text) var(--mag-5),transparent);--sheen:linear-gradient(160deg,color-mix(in srgb,var(--c-text) var(--mag-5),transparent),color-mix(in srgb,var(--c-text) var(--mag-8),transparent));--fill:color-mix(in srgb,var(--c-ink) var(--mag-1),transparent);--track:color-mix(in srgb,var(--color-space-grey-500) var(--mag-4),transparent);--glow:0 0 var(--spacing-f1) color-mix(in srgb,var(--c-text) var(--mag-3),transparent),0 var(--spacing-f1) var(--spacing-f13) var(--c-accent);font-family:var(--font-satoshi),var(--font-inter),system-ui,sans-serif;color:var(--c-text)}.app-stage{display:flex;flex-wrap:wrap;gap:var(--spacing-f21);align-items:flex-start;justify-content:center;padding:var(--spacing-f34);border-radius:var(--radius-f21);background:var(--c-ink);border:var(--spacing-f1) solid var(--hair)}.app-stage.is-column{flex-direction:column;align-items:stretch}.app-label-sm{font-size:var(--text-s-2);line-height:var(--text-s-2--line-height);letter-spacing:var(--text-s-2--letter-spacing);font-weight:500;color:var(--c-muted)}.app-label-md{font-size:var(--text-s-1);line-height:var(--text-s-1--line-height);letter-spacing:var(--text-s-1--letter-spacing)}.app-heading,.app-label-md{font-weight:500;color:var(--c-text)}.app-heading{font-size:var(--text-s0);line-height:var(--text-s0--line-height)}.app-title{font-size:var(--text-s1);line-height:var(--text-s1--line-height);letter-spacing:var(--text-s1--letter-spacing);font-weight:500;color:var(--c-text)}.app-card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;padding:var(--spacing-f13);border-radius:var(--radius-f21);border:var(--spacing-f1) solid var(--hair-strong);background:var(--sheen),var(--fill);box-shadow:var(--highlight);backdrop-filter:blur(var(--spacing-f13));overflow:hidden}.app-card.is-mini{width:var(--spacing-f144);height:calc(var(--spacing-f144) + var(--spacing-f21));flex:none}.app-card.is-conditions{width:min(100%,var(--container-f377));gap:var(--spacing-f13)}.app-card-head{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-f8)}.app-zone-pill{padding:var(--spacing-f3) var(--spacing-f8);border-radius:var(--radius-full);background:color-mix(in srgb,var(--c-accent) var(--mag-4),transparent);border:var(--spacing-f1) solid var(--c-accent);font-size:var(--text-s-2);line-height:1.3;font-weight:700;color:var(--c-accent-ink);white-space:nowrap}.app-rating{display:flex;gap:var(--spacing-f5)}.app-rating i{display:block;flex:1;height:var(--spacing-f5);border-radius:var(--radius-full);background:var(--track)}.app-rating i.on{background:var(--c-accent);box-shadow:var(--glow)}.app-cloudbar{box-sizing:border-box;width:100%;padding:var(--spacing-f13) var(--spacing-f21) var(--spacing-f21);border-radius:var(--radius-f13);border:var(--spacing-f1) solid var(--hair);background:var(--sheen),var(--fill);box-shadow:var(--highlight)}.app-cloudbar-head{display:flex;justify-content:space-between;align-items:center}.app-cloudbar-track{margin-top:var(--spacing-f8);height:var(--spacing-f8);border-radius:var(--radius-full);background:var(--track)}.app-cloudbar-fill{height:100%;border-radius:var(--radius-full);background:var(--c-accent);box-shadow:var(--glow);transition:width 1s cubic-bezier(.215,.61,.355,1)}.app-cloudbar-error{margin-top:var(--spacing-f8);font-size:var(--text-s-2);color:var(--c-error)}.app-spinner{width:var(--spacing-f13);height:var(--spacing-f13);box-sizing:border-box;border-radius:var(--radius-full);border:var(--spacing-f2) solid var(--c-text);border-right-color:transparent;animation:app-spin 1s linear infinite}@keyframes app-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.app-spinner{animation:none}.app-cloudbar-fill{transition:none}}.app-cells{display:flex;gap:var(--spacing-f8)}.app-cell{flex:1;display:grid;align-content:center;justify-items:center;height:var(--spacing-f55);border-radius:var(--radius-f13);border:var(--spacing-f1) solid var(--hair);background:var(--sheen),var(--fill);box-shadow:var(--highlight);box-sizing:border-box}.app-vis-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-f2)}.app-vis-label{white-space:nowrap}.app-moon-body{flex:1;display:grid;place-items:center}.app-moon-img{width:var(--spacing-f89);height:var(--spacing-f89);object-fit:contain}.app-moon-name{text-align:center}.app-state{position:relative;overflow:hidden;flex:1 1 var(--spacing-f144);min-height:var(--spacing-f144);border-radius:var(--radius-f21);background:var(--c-ink);border:var(--spacing-f1) solid var(--hair-strong);box-shadow:var(--highlight)}.app-state img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:var(--mag-1)}.app-state:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--c-accent) var(--mag-4),transparent),transparent);pointer-events:none}.app-state>div{position:absolute;left:var(--spacing-f13);right:var(--spacing-f13);bottom:var(--spacing-f13);z-index:1}.app-graph{position:relative;width:100%}.app-graph svg{display:block;width:100%;overflow:visible}.app-graph text{font-family:inherit}.app-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-f21);margin-top:var(--spacing-f13)}.app-legend span{display:inline-flex;align-items:center;gap:var(--spacing-f8);font-size:var(--text-s-2);color:var(--c-muted)}.app-legend i{width:var(--spacing-f8);height:var(--spacing-f8);border-radius:var(--radius-full);display:block}.app-pulse{transform-box:fill-box;transform-origin:center;animation:app-pulse 2s ease-in-out infinite}@keyframes app-pulse{0%,to{transform:scale(.7);opacity:.8}55%{transform:scale(1.9);opacity:0}}@media (prefers-reduced-motion:reduce){.app-pulse{animation:none}}.app-og{width:100%}.app-og-head{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-f8) var(--spacing-f13);font-size:var(--text-s1);font-weight:700}.app-og-plot{position:relative;border-radius:var(--radius-f21);border:var(--spacing-f1) solid var(--hair-strong);background-color:color-mix(in srgb,var(--c-text) var(--mag-6),transparent);overflow:hidden;touch-action:pan-y}.app-og-plot svg{display:block;width:100%}.app-og-horizon text,.app-og-plot text{font-family:inherit}.app-og-axis{display:flex;justify-content:space-between;padding:var(--spacing-f8) var(--spacing-f13) 0;font-weight:500;color:var(--c-muted)}.app-og-axis,.app-og-tip{font-size:var(--text-s-1)}.app-og-tip{position:absolute;top:var(--spacing-f8);padding:var(--spacing-f8);display:grid;gap:var(--spacing-f2);border-radius:var(--radius-f8);background:color-mix(in srgb,var(--c-ink) var(--mag-1),transparent);border:var(--spacing-f1) solid var(--hair-strong);pointer-events:none}.app-og-horizon{margin-top:var(--spacing-f13);border-radius:var(--radius-f13);border:var(--spacing-f1) solid var(--hair);background:color-mix(in srgb,var(--c-text) var(--mag-7),transparent);overflow:hidden}.app-og-horizon svg{display:block;width:100%}.app-tile{--tone:var(--color-deep-space-200);--tile-size:var(--spacing-f55);position:relative;display:inline-grid;place-items:center;width:var(--tile-size);aspect-ratio:1;border-radius:calc(var(--tile-size) * var(--phi-inverse-squared));border:var(--spacing-f1) solid color-mix(in srgb,var(--tone) var(--mag-3),transparent);color:var(--tone);cursor:pointer;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 115%,color-mix(in srgb,var(--tone) var(--mag-1),transparent),transparent 65%),linear-gradient(160deg,color-mix(in srgb,var(--tone) var(--mag-4),var(--c-ink)),color-mix(in srgb,var(--tone) var(--mag-6),var(--c-ink)));box-shadow:var(--highlight),0 var(--spacing-f13) var(--spacing-f34) calc(var(--spacing-f13) * -1) color-mix(in srgb,var(--tone) var(--mag-1),transparent);transition:transform .4s cubic-bezier(.215,.61,.355,1),box-shadow .4s}.app-tile svg{width:calc(var(--tile-size) * var(--phi-inverse-squared));height:calc(var(--tile-size) * var(--phi-inverse-squared));fill:currentColor;filter:drop-shadow(0 0 var(--spacing-f8) color-mix(in srgb,var(--tone) var(--mag-1),transparent))}.app-tile:hover{transform:translateY(calc(var(--spacing-f3) * -1))}.app-tile:focus-visible{outline:var(--spacing-f2) solid var(--tone);outline-offset:var(--spacing-f3)}.app-tile[aria-pressed=true]{background:var(--tone);color:var(--c-ink);box-shadow:var(--highlight),0 var(--spacing-f13) var(--spacing-f34) calc(var(--spacing-f8) * -1) var(--tone)}.app-tile[aria-pressed=true] svg{filter:none}.app-tile[disabled]{opacity:var(--mag-2);cursor:not-allowed;transform:none}.app-tile.is-sm{--tile-size:var(--spacing-f34)}.app-tile.is-lg{--tile-size:var(--spacing-f89)}.app-button{--tone:var(--color-deep-space-200);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-f8);height:var(--spacing-f55);padding:0 var(--spacing-f21);border-radius:var(--radius-full);border:var(--spacing-f1) solid color-mix(in srgb,var(--c-text) var(--mag-3),var(--tone));background:linear-gradient(180deg,color-mix(in srgb,var(--c-text) var(--mag-3),var(--tone)),var(--tone));color:var(--c-ink);font-family:inherit;font-size:var(--text-s0);line-height:1;font-weight:700;cursor:pointer;box-shadow:var(--highlight),0 var(--spacing-f8) var(--spacing-f21) calc(var(--spacing-f8) * -1) var(--tone);transition:transform .4s cubic-bezier(.215,.61,.355,1),box-shadow .4s;white-space:nowrap}.app-button svg{width:var(--spacing-f21);height:var(--spacing-f21);fill:currentColor}.app-button:hover{transform:translateY(calc(var(--spacing-f2) * -1));box-shadow:var(--highlight),0 var(--spacing-f13) var(--spacing-f21) calc(var(--spacing-f5) * -1) var(--tone)}.app-button:focus-visible{outline:var(--spacing-f2) solid var(--tone);outline-offset:var(--spacing-f3)}.app-button.is-glass{background:linear-gradient(180deg,color-mix(in srgb,var(--tone) var(--mag-3),var(--c-ink)),color-mix(in srgb,var(--tone) var(--mag-5),var(--c-ink)));border-color:color-mix(in srgb,var(--tone) var(--mag-2),transparent);color:var(--c-text);font-weight:500}.app-button.is-glass svg{fill:var(--tone)}.app-button.is-glass.is-sm,.app-button.is-glass.is-sm:hover,.app-button.is-outline.is-sm{box-shadow:var(--highlight)}.app-button.is-outline{background:transparent;border-color:var(--tone);color:var(--tone);box-shadow:none;font-weight:500}.app-ui svg[fill=none]{fill:none}.app-button.is-glass[aria-pressed=true],.app-button.is-glass[aria-selected=true]{box-shadow:var(--highlight),0 var(--spacing-f8) var(--spacing-f21) calc(var(--spacing-f8) * -1) var(--tone);background:linear-gradient(180deg,color-mix(in srgb,var(--c-text) var(--mag-3),var(--tone)),var(--tone));border-color:color-mix(in srgb,var(--c-text) var(--mag-3),var(--tone));color:var(--c-ink);font-weight:700}.app-button.is-block{display:flex;width:100%;justify-content:flex-start}.app-button.is-sm{height:var(--spacing-f34);padding:0 var(--spacing-f13);font-size:var(--text-s-1)}.app-button[disabled]{opacity:var(--mag-2);cursor:not-allowed;transform:none;box-shadow:none}@media (prefers-reduced-motion:reduce){.app-button,.app-tile{transition:none}.app-button:hover,.app-tile:hover{transform:none}}.app-variants{display:grid;gap:var(--spacing-f21);margin-block:var(--spacing-f21);align-items:start}.app-source{margin-block:var(--spacing-f13)}.app-source>summary{cursor:pointer;font-weight:500;padding-block:var(--spacing-f8)}.app-pg{display:grid;gap:var(--spacing-f13);margin-block:var(--spacing-f21)}.app-pg-controls{display:grid;gap:var(--spacing-f8)}.app-pg-row{display:grid;grid-template-columns:var(--spacing-f144) 1fr;gap:var(--spacing-f13);align-items:center}.app-pg-row>label,.app-pg-row>span{font-size:var(--text-s-1);opacity:var(--mag-1)}.app-pg-range{display:flex;align-items:center;gap:var(--spacing-f13)}.app-pg-range input{flex:1;max-width:var(--container-f377)}.app-pg-range output{min-width:var(--spacing-f55);font-variant-numeric:tabular-nums}.app-pg .app-stage{min-height:var(--spacing-f144);align-content:center}@container (max-width: 38rem){.app-pg-row{grid-template-columns:1fr}}.app-sci{flex-wrap:nowrap;align-items:stretch;justify-content:flex-start}.app-sci-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-f21)}.app-chart{border-radius:var(--radius-f13);border:var(--spacing-f1) solid var(--hair);background:var(--sheen),var(--fill);box-shadow:var(--highlight);overflow:hidden}.app-chart svg{display:block;width:100%}.app-chart svg text{font-family:inherit}.app-chart-key{margin:0;font-size:var(--text-s-1);line-height:var(--text-s-1--line-height);color:var(--c-muted)}.app-readout{display:grid;align-items:start;grid-template-columns:repeat(auto-fit,minmax(var(--spacing-f144),1fr));gap:var(--spacing-f8);margin:0}.app-readout>div{display:grid;align-content:start;gap:var(--spacing-f2);padding:var(--spacing-f8) var(--spacing-f13);border-radius:var(--radius-f13);border:var(--spacing-f1) solid var(--hair);background:var(--sheen),var(--fill);box-shadow:var(--highlight)}.app-hours,.app-readout dd,.app-readout dt{margin:0;padding:0}.app-hours{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--spacing-f34),1fr));gap:var(--spacing-f3)}.app-hour{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;justify-items:center;gap:var(--spacing-f3);padding:var(--spacing-f8) var(--spacing-f3);border-radius:var(--radius-f13);border:var(--spacing-f1) solid var(--hair);background:var(--sheen),var(--fill);box-shadow:var(--highlight)}.app-hour i{display:block;width:100%;height:var(--spacing-f21);border-radius:var(--radius-f5);background:var(--c-accent)}.app-hour[data-window]{border-color:var(--c-accent)}.app-hour[aria-pressed=true]{background:color-mix(in srgb,var(--c-accent) var(--mag-4),transparent)}.app-hour:focus-visible{outline:var(--spacing-f2) solid var(--c-accent);outline-offset:var(--spacing-f2)}.app-ladder{position:relative;height:var(--spacing-f55);border-radius:var(--radius-f13);border:var(--spacing-f1) solid var(--hair);background:var(--sheen),var(--fill);overflow:hidden}.app-ladder-band{position:absolute;top:0;bottom:0;display:grid;place-items:center;background:color-mix(in srgb,var(--c-accent) var(--band),transparent);border-left:var(--spacing-f1) solid var(--hair)}.app-ladder-ticks{position:relative;height:var(--spacing-f89)}.app-ladder-tick{position:absolute;top:0;display:grid;justify-items:center;gap:var(--spacing-f2);transform:translateX(-50%)}.app-ladder-tick i{display:block;width:var(--spacing-f1);height:var(--spacing-f8);background:var(--c-muted)}.app-ladder-tick.is-compare{top:var(--spacing-f55)}.app-ladder-tick.is-compare i{background:var(--c-accent)}.app-toggle{--tone:var(--color-deep-space-200);--track-w:var(--spacing-f55);--track-h:var(--spacing-f34);--thumb:var(--spacing-f21);position:relative;display:inline-flex;align-items:center;gap:var(--spacing-f13);cursor:pointer}.app-toggle.is-sm{--track-w:var(--spacing-f34);--track-h:var(--spacing-f21);--thumb:var(--spacing-f13)}.app-toggle input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}.app-toggle-track{position:relative;flex:none;width:var(--track-w);height:var(--track-h);border-radius:var(--radius-full);border:var(--spacing-f1) solid var(--hair-strong);background:var(--sheen),var(--fill);box-shadow:var(--highlight);transition:background .3s,border-color .3s,box-shadow .3s;box-sizing:border-box}.app-toggle-thumb{position:absolute;top:50%;left:calc((var(--track-h) - var(--thumb)) / 2 - var(--spacing-f1));width:var(--thumb);height:var(--thumb);border-radius:var(--radius-full);background:var(--c-muted);transform:translateY(-50%);transition:left .3s cubic-bezier(.215,.61,.355,1),background .3s}.app-toggle input:checked+.app-toggle-track{background:linear-gradient(180deg,color-mix(in srgb,var(--c-text) var(--mag-3),var(--tone)),var(--tone));border-color:color-mix(in srgb,var(--c-text) var(--mag-3),var(--tone));box-shadow:var(--highlight),0 var(--spacing-f8) var(--spacing-f21) calc(var(--spacing-f8) * -1) var(--tone)}.app-toggle input:checked+.app-toggle-track .app-toggle-thumb{left:calc(var(--track-w) - var(--thumb) - (var(--track-h) - var(--thumb)) / 2 - var(--spacing-f1));background:var(--c-ink)}.app-toggle input:focus-visible+.app-toggle-track{outline:var(--spacing-f2) solid var(--tone);outline-offset:var(--spacing-f3)}.app-toggle input:disabled+.app-toggle-track{opacity:var(--mag-2)}.app-toggle:has(input:disabled){cursor:not-allowed}@media (prefers-reduced-motion:reduce){.app-toggle-thumb,.app-toggle-track{transition:none}}.app-field{--tone:var(--color-deep-space-200);display:grid;gap:var(--spacing-f5);min-width:0;width:min(100%,var(--container-f377))}.app-field-control{display:flex;align-items:center;gap:var(--spacing-f8);min-height:var(--spacing-f55);padding:0 var(--spacing-f13);border-radius:var(--radius-f13);border:var(--spacing-f1) solid var(--hair-strong);background:var(--sheen),var(--fill);box-shadow:var(--highlight);box-sizing:border-box;transition:border-color .3s,box-shadow .3s}.app-field.is-sm .app-field-control{min-height:var(--spacing-f34);padding:0 var(--spacing-f8);border-radius:var(--radius-f8)}.app-field-control:focus-within{border-color:var(--tone);box-shadow:var(--highlight),0 0 0 var(--spacing-f3) color-mix(in srgb,var(--tone) var(--mag-3),transparent)}.app-field input,.app-field textarea{all:unset;flex:1;min-width:0;box-sizing:border-box;font-family:inherit;font-size:var(--text-s0);line-height:var(--text-s0--line-height);color:var(--c-text)}.app-field.is-sm input{font-size:var(--text-s-1)}.app-field textarea{min-height:var(--spacing-f89);padding:var(--spacing-f13) 0;resize:vertical;align-self:stretch}.app-field input::placeholder,.app-field textarea::placeholder{color:color-mix(in srgb,var(--c-muted) var(--mag-1),transparent)}.app-field svg{flex:none;width:var(--spacing-f21);height:var(--spacing-f21);fill:var(--c-muted)}.app-field.is-sm svg{width:var(--spacing-f13);height:var(--spacing-f13)}.app-field-help{margin:0}.app-field.is-error .app-field-control{border-color:var(--c-error)}.app-field.is-error .app-field-control:focus-within{box-shadow:var(--highlight),0 0 0 var(--spacing-f3) color-mix(in srgb,var(--c-error) var(--mag-3),transparent)}.app-field.is-error .app-field-help{color:var(--c-error)}.app-field:has(input:disabled,textarea:disabled){opacity:var(--mag-2)}@media (prefers-reduced-motion:reduce){.app-field-control{transition:none}}.app-micro{font-size:var(--text-s-2);line-height:var(--text-s-2--line-height);font-weight:500;color:inherit}.app-navbar{position:relative;width:min(100%,var(--container-f377));margin-inline:auto}.app-navbar.is-bottom>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.app-navbar-items{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-f21)}.app-navbar-gap{flex:0 0 var(--spacing-f89)}.app-navbar-action{position:absolute;left:50%;top:calc(var(--spacing-f55) / -2);transform:translateX(-50%)}.app-navbar-action:hover{transform:translate(-50%,calc(var(--spacing-f3) * -1))}.app-navbar.is-top{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-f8);padding:var(--spacing-f8) var(--spacing-f13);border-radius:var(--radius-f21);border:var(--spacing-f1) solid var(--hair);background:var(--sheen),var(--fill);box-shadow:var(--highlight);box-sizing:border-box}.app-navbar-logo{flex:none;width:var(--spacing-f34);height:var(--spacing-f34);border-radius:var(--radius-f8)}.app-navbar-date{display:flex;align-items:center;gap:var(--spacing-f5)}.app-navbar-loc{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-navbar.is-top>.app-button{min-width:0;max-width:var(--spacing-f144)}.app-button:active,.app-tile:active,.app-toggle:active .app-toggle-track{transition-duration:.1s}.app-button:active{transform:scale(.97);box-shadow:var(--highlight),0 var(--spacing-f13) var(--spacing-f21) calc(var(--spacing-f5) * -1) var(--tone)}.app-button.is-glass.is-sm:active,.app-button.is-outline.is-sm:active{box-shadow:var(--highlight),0 var(--spacing-f8) var(--spacing-f21) calc(var(--spacing-f8) * -1) var(--tone)}.app-button.is-outline:active{background:color-mix(in srgb,var(--tone) var(--mag-5),transparent)}.app-button.is-glass[aria-pressed=true]:active,.app-button.is-glass[aria-selected=true]:active{box-shadow:var(--highlight),0 var(--spacing-f13) var(--spacing-f21) calc(var(--spacing-f5) * -1) var(--tone)}.app-tile:active{transform:scale(.97);box-shadow:var(--highlight),0 var(--spacing-f13) var(--spacing-f34) calc(var(--spacing-f8) * -1) var(--tone)}.app-navbar-action:active{transform:translate(-50%) scale(.97)}.app-toggle:active .app-toggle-track{box-shadow:var(--highlight),0 var(--spacing-f8) var(--spacing-f21) calc(var(--spacing-f8) * -1) var(--tone)}.app-hour:active{box-shadow:var(--highlight),0 var(--spacing-f8) var(--spacing-f21) calc(var(--spacing-f8) * -1) var(--c-accent)}@media (prefers-reduced-motion:reduce){.app-button:active,.app-navbar-action:active,.app-tile:active{transform:none}.app-navbar-action:active{transform:translateX(-50%)}}.app-tile.is-round{border-radius:var(--radius-full)}.app-navbar-tab{display:grid;justify-items:center;gap:var(--spacing-f3);cursor:pointer}.app-navbar-tab .app-micro{color:var(--c-muted);transition:color .3s}.app-navbar-tab:has(.app-tile:active) .app-micro,.app-navbar-tab[data-active] .app-micro{color:var(--c-text);text-shadow:0 var(--spacing-f1) var(--spacing-f13) var(--c-accent),0 0 var(--spacing-f1) color-mix(in srgb,var(--c-text) var(--mag-3),transparent)}.app-navbar-tab .app-tile{--tone:var(--color-space-grey-300)}.app-navbar-tab[data-active] .app-tile{--tone:var(--color-deep-space-200)}@media (prefers-reduced-motion:reduce){.app-navbar-tab .app-micro{transition:none}}