:root {
 --back-wind: #475569;
 --low-link: #ffffff;
 --base-helpers: 68px;
 --solar-modules: #cbd5e1;
 --prime-modules: 17px;
 --neat-slate: 150ms cubic-bezier(.4, 0, .2, 1);
 --full-web: #fafbfc;
 --live-flow: 64px;
 --soft-stack: 0 12px 24px rgba(15, 23, 42, .08), 0 4px 8px rgba(15, 23, 42, .04);
 --clean-cove: var(--full-modules, #dc2626);
 --warm-pulse: 9999px;
 --lunar-vector: #ffffff;
 --dark-blocks: 14px;
 --long-bridgeway: 28px;
 --calm-frame: 16px;
 --simple-pine: #0000;
 --smooth-layout: 20px;
 --live-ivy: 8px;
 --swift-site: 12px;
 --compact-storm: #f1f5f9;
 --noble-vector: 15px;
 --classic-app: 0 24px 48px rgba(15, 23, 42, .12), 0 8px 16px rgba(15, 23, 42, .06);
 --crisp-vendor: 0 1px 2px rgba(15, 23, 42, .04);
 --safe-config: 8px;
 --low-insights: 1280px;
 --solar-bar: 13px;
 --deep-azure: #16a34a;
 --urban-kit: 360px;
 --inner-view: #94a3b8;
 --grand-stamp: 16px;
 --dark-dew: 20px;
 --warm-slope: #dcfce7;
 --front-flame: #fee2e2;
 --half-moss: 30px;
 --open-jade: #cbd5e1;
 --high-map: 40px;
 --solid-path: color-mix(in srgb, var(--full-modules, #dc2626) 6%, white);
 --safe-analytics: 24px;
 --pure-court: #e2e8f0;
 --metro-bay: 400ms cubic-bezier(.4, 0, .2, 1);
 --live-cliff: 0 4px 12px rgba(15, 23, 42, .06), 0 2px 4px rgba(15, 23, 42, .04);
 --wide-band: 88px;
 --core-glow: 48px;
 --active-chain: 0 0 0 4px var(--simple-pine);
 --quick-analytics: #0f172a;
 --lean-screen: 32px;
 --modern-iron: 12px;
 --static-shade: #e2e8f0;
 --early-mesh: #dc2626;
 --prime-gold: #e0f2fe;
 --compact-runtime: 240ms cubic-bezier(.4, 0, .2, 1);
 --common-atlas: #0284c7;
 --rural-view: 4px;
 --north-link: 24px;
 --south-mark: #334155;
 --rapid-quay: 20px;
 --wide-cloud: color-mix(in srgb, var(--full-modules, #dc2626) 82%, black);
 --full-flow: 480ms cubic-bezier(.34, 1.56, .64, 1);
 --wide-branch: #ea580c;
 --north-draft: #f8fafc;
 --local-sage: 12px;
 --rural-reef: 0 2px 4px rgba(15, 23, 42, .04), 0 1px 2px rgba(15, 23, 42, .06);
 --local-helpers: 36px;
 --lunar-slate: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 --early-court: #64748b;
 --bright-reveal: #fff7ed;
 --prime-blocks: 6px
}

[data-theme="dark"] {
 --warm-slope: rgba(22, 163, 74, .15);
 --bright-reveal: rgba(234, 88, 12, .15);
 --front-flame: rgba(220, 38, 38, .15);
 --open-jade: #475569;
 --solid-path: rgba(var(--rapid-track, 220, 38, 38), .12);
 --lunar-vector: #1e293b;
 --back-wind: #cbd5e1;
 --static-shade: #334155;
 --north-draft: #020617;
 --prime-gold: rgba(2, 132, 199, .15);
 --classic-app: 0 24px 48px rgba(0, 0, 0, .6);
 --solar-modules: #475569;
 --quick-analytics: #f8fafc;
 --pure-court: #334155;
 --compact-storm: #1e293b;
 --crisp-vendor: 0 1px 2px rgba(0, 0, 0, .3);
 --live-cliff: 0 4px 12px rgba(0, 0, 0, .4);
 --south-mark: #e2e8f0;
 --early-court: #94a3b8;
 --inner-view: #64748b;
 --rural-reef: 0 2px 4px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);
 --soft-stack: 0 12px 24px rgba(0, 0, 0, .5);
 --full-web: #1e293b;
 --low-link: #0f172a
}

*,
:before,
:after {
 box-sizing: border-box
}

* {
 margin: 0;
 padding: 0
}

html {
 -webkit-text-size-adjust: 100%;
 -webkit-tap-highlight-color: #0000;
 height: 100%;
 overflow-x: hidden
}

body {
 min-height: 100%;
 -moz-osx-font-smoothing: grayscale;
 transition: background var(--compact-runtime), color var(--compact-runtime);
 background: var(--north-draft);
 overflow-x: hidden;
 color: var(--quick-analytics);
 font-family: var(--lunar-slate);
 font-size: var(--dark-blocks);
 line-height: 1.55;
 -webkit-font-smoothing: antialiased;
 scrollbar-gutter: stable
}

[hidden] {
 display: none!important
}

img,
svg {
 max-width: 100%;
 display: block
}

button,
input,
select,
textarea {
 font: inherit;
 color: inherit
}

button {
 background: #0000;
 border: 0;
 cursor: pointer
}

a {
 text-decoration: none;
 color: var(--clean-cove)
}

a:hover {
 text-decoration: underline
}

:focus-visible {
 border-radius: var(--prime-blocks);
 outline: 2px solid var(--clean-cove);
 outline-offset: 2px
}

.urban-strip {
 margin: 0 auto;
 padding: 0 var(--rapid-quay);
 max-width: var(--low-insights)
}

.prime-layout {
 z-index: 50;
 position: sticky;
 border-bottom: 1px solid var(--pure-court);
 background: var(--low-link);
 transition: background var(--compact-runtime), border-color var(--compact-runtime);
 top: 0;
 backdrop-filter: saturate(180%) blur(8px)
}

.high-moss {
 display: grid;
 max-width: var(--low-insights);
 align-items: center;
 padding: 0 var(--calm-frame);
 grid-template-columns: 1fr auto 1fr;
 height: var(--base-helpers);
 margin: 0 auto;
 gap: var(--swift-site)
}

.high-moss:before {
 content: "";
 grid-column: 1
}

.compact-pond {
 gap: var(--swift-site);
 align-items: center;
 justify-self: center;
 text-decoration: none;
 display: flex;
 grid-column: 2
}

.lower-creek {
 color: var(--clean-cove);
 font-size: 32px;
 font-weight: 800;
 line-height: 1;
 letter-spacing: -.5px
}

.east-pine {
 padding-left: var(--swift-site);
 border-left: 2px solid var(--pure-court);
 margin-left: var(--rural-view);
 font-size: var(--modern-iron);
 font-weight: 500;
 line-height: 1.2;
 color: var(--early-court);
 text-align: left
}

.east-pine strong {
 font-size: var(--solar-bar);
 font-weight: bold;
 display: block;
 color: var(--quick-analytics)
}

.static-nav {
 display: flex;
 align-items: center;
 justify-self: end;
 grid-column: 3;
 gap: 6px;
 margin-right: -4px
}

.static-nav .round-bronze {
 width: 38px;
 flex-shrink: 0;
 height: 38px
}

.static-nav .early-insights {
 padding: 6px 10px
}

.front-tracker {
 border-bottom: 1px solid var(--pure-court);
 background: var(--low-link);
 padding: var(--rapid-quay) var(--rapid-quay);
 transition: background var(--compact-runtime), border-color var(--compact-runtime)
}

.metro-lens {
 position: relative;
 align-items: center;
 justify-content: space-between;
 max-width: var(--low-insights);
 display: flex;
 gap: var(--safe-config);
 margin: 0 auto
}

.snap-elements {
 background: var(--static-shade);
 left: 24px;
 right: 24px;
 top: 50%;
 overflow: hidden;
 z-index: 0;
 transform: translateY(-50%);
 border-radius: var(--warm-pulse);
 height: 3px;
 position: absolute
}

.snap-elements:after {
 content: "";
 background: linear-gradient(90deg, var(--clean-cove), var(--wide-cloud));
 position: absolute;
 transition: width var(--metro-bay);
 border-radius: var(--warm-pulse);
 inset: 0;
 width: var(--front-iron, 0%)
}

.royal-pier {
 gap: var(--safe-config);
 display: flex;
 position: relative;
 align-items: center;
 z-index: 1;
 flex-direction: column;
 flex: 0 0 auto
}

.upper-net {
 font-size: 18px;
 font-weight: 600;
 box-shadow: var(--crisp-vendor);
 align-items: center;
 justify-content: center;
 color: var(--inner-view);
 transition: all var(--compact-runtime);
 background: var(--low-link);
 border-radius: var(--warm-pulse);
 border: 2px solid var(--static-shade);
 width: 48px;
 display: flex;
 height: 48px
}

.main-oak {
 max-width: 90px;
 transition: color var(--compact-runtime);
 text-align: center;
 font-size: var(--modern-iron);
 font-weight: 600;
 line-height: 1.2;
 color: var(--early-court)
}

.royal-pier.classic-reset .upper-net {
 border-color: var(--clean-cove);
 background: var(--clean-cove);
 color: #ffffff;
 transform: scale(1.08);
 box-shadow: 0 0 0 6px var(--simple-pine), var(--live-cliff)
}

.classic-reset.royal-pier .main-oak {
 color: var(--clean-cove)
}

.royal-pier.long-port .upper-net {
 border-color: var(--deep-azure);
 color: #ffffff;
 background: var(--deep-azure)
}

.royal-pier.long-port .main-oak {
 color: var(--south-mark)
}

.free-cards {
 grid-template-columns: var(--urban-kit) 1fr;
 display: grid;
 gap: var(--lean-screen);
 padding: var(--lean-screen) 0 120px;
 align-items: start
}

.simple-root {
 position: sticky;
 align-self: start;
 top: calc(var(--base-helpers) + var(--rapid-quay))
}

.lower-birch {
 min-width: 0
}

.back-ribbon {
 transition: box-shadow var(--compact-runtime), transform var(--compact-runtime), border-color var(--compact-runtime), background var(--compact-runtime);
 border: 1px solid var(--pure-court);
 border-radius: var(--smooth-layout);
 background: var(--low-link);
 box-shadow: var(--rural-reef)
}

.local-knot {
 padding: var(--lean-screen)
}

.local-cloud {
 padding: var(--rapid-quay)
}

.open-glass {
 cursor: pointer
}

.open-glass:hover {
 transform: translateY(-2px);
 box-shadow: var(--soft-stack);
 border-color: var(--solar-modules)
}

.prime-page {
 overflow: hidden;
 position: relative
}

.neat-stamp {
 font-size: 11px;
 font-weight: bold;
 line-height: 1.2;
 box-shadow: 0 4px 12px rgba(34, 197, 94, .35);
 letter-spacing: .2px;
 color: #ffffff;
 position: absolute;
 padding: 6px 10px;
 top: var(--swift-site);
 left: var(--swift-site);
 z-index: 2;
 border-radius: var(--local-sage);
 background: linear-gradient(135deg, #16a34a, #22c55e)
}

.neat-stamp i {
 margin-right: 4px
}

.tiny-band {
 box-shadow: 0 0 0 3px var(--simple-pine), var(--live-cliff);
 border-color: var(--clean-cove)
}

.solid-orchard {
 flex-direction: column;
 padding: 0;
 box-shadow: 0 10px 30px -18px rgba(15, 23, 42, .35);
 transition: transform var(--neat-slate), box-shadow var(--neat-slate), border-color var(--neat-slate);
 overflow: hidden;
 border: 1px solid var(--pure-court);
 border-radius: var(--grand-stamp, 18px);
 display: flex;
 background: var(--lunar-vector);
 height: 100%
}

.solid-orchard:hover {
 box-shadow: 0 22px 48px -22px rgba(15, 23, 42, .5);
 transform: translateY(-4px)
}

.solid-orchard.tiny-band {
 border-color: var(--deep-azure);
 box-shadow: 0 0 0 2px var(--deep-azure), 0 18px 40px -20px rgba(16, 185, 129, .55)
}

.dark-petal {
 overflow: hidden;
 aspect-ratio: 16 / 10;
 position: relative;
 background: var(--compact-storm)
}

.round-port {
 display: block;
 object-fit: cover;
 width: 100%;
 height: 100%;
 transition: transform var(--metro-bay)
}

.solid-orchard:hover .round-port {
 transform: scale(1.07)
}

.outer-wave {
 z-index: 1;
 background: linear-gradient(180deg, rgba(15, 23, 42, 0) 38%, rgba(15, 23, 42, .20) 70%, rgba(15, 23, 42, .74) 100%), linear-gradient(90deg, rgba(15, 23, 42, .45) 0%, rgba(15, 23, 42, 0) 55%);
 pointer-events: none;
 position: absolute;
 inset: 0
}

.smart-plaza {
 gap: 3px;
 z-index: 2;
 left: var(--calm-frame);
 right: var(--calm-frame);
 bottom: var(--swift-site);
 position: absolute;
 flex-direction: column;
 display: flex
}

.fluid-screen {
 font-size: var(--prime-modules);
 font-weight: 800;
 line-height: 1.18;
 margin: 0;
 color: #ffffff;
 text-shadow: 0 2px 10px rgba(0, 0, 0, .45)
}

.long-plaza {
 text-shadow: 0 1px 6px rgba(0, 0, 0, .45);
 font-size: var(--modern-iron);
 font-weight: 600;
 color: rgba(255, 255, 255, .92);
 display: inline-flex;
 align-items: center;
 gap: 6px
}

.long-plaza i {
 opacity: .9;
 color: #ffffff
}

.flat-analytics {
 font-size: 11px;
 font-weight: bold;
 letter-spacing: .3px;
 background: rgba(15, 23, 42, .72);
 padding: 5px 11px;
 border-radius: var(--warm-pulse);
 display: inline-flex;
 z-index: 3;
 position: absolute;
 align-items: center;
 backdrop-filter: blur(4px);
 text-transform: capitalize;
 top: var(--swift-site);
 left: var(--swift-site);
 color: #ffffff
}

.wide-menu {
 display: inline-flex;
 color: #15803d;
 padding: 5px 11px;
 font-size: 11px;
 font-weight: 800;
 position: absolute;
 background: rgba(255, 255, 255, .95);
 letter-spacing: .3px;
 align-items: center;
 top: var(--swift-site);
 right: var(--swift-site);
 gap: 5px;
 border-radius: var(--warm-pulse);
 z-index: 3;
 box-shadow: 0 4px 12px rgba(15, 23, 42, .18)
}

.wide-menu i {
 font-size: 12px
}

.north-tint {
 padding: 5px 11px;
 gap: 5px;
 font-size: 11px;
 font-weight: 800;
 z-index: 3;
 align-items: center;
 background: linear-gradient(135deg, #e11d48, #be123c);
 display: inline-flex;
 position: absolute;
 color: #ffffff;
 bottom: var(--swift-site);
 right: var(--swift-site);
 border-radius: var(--warm-pulse);
 box-shadow: none
}

.simple-gold {
 display: flex;
 flex-direction: column;
 flex: 1;
 gap: var(--swift-site);
 padding: var(--calm-frame)
}

.static-elm {
 list-style: none;
 flex-wrap: wrap;
 margin: 0;
 gap: var(--safe-config);
 display: flex;
 padding: 0
}

.shared-catalog {
 padding: 6px 11px;
 display: inline-flex;
 color: var(--south-mark);
 align-items: center;
 background: var(--compact-storm);
 border-radius: var(--live-ivy);
 font-size: var(--modern-iron);
 font-weight: 600;
 line-height: 1;
 gap: 6px
}

.shared-catalog i {
 font-size: 12px;
 color: var(--clean-cove)
}

.lite-peak {
 display: grid;
 gap: var(--safe-config);
 grid-template-columns: 1fr 1fr
}

.high-hero {
 background: var(--lunar-vector);
 display: inline-flex;
 color: var(--south-mark);
 width: 100%;
 cursor: pointer;
 padding: 9px 10px;
 align-items: center;
 justify-content: center;
 gap: 7px;
 border: 1px solid var(--pure-court);
 border-radius: var(--local-sage);
 transition: background var(--neat-slate), color var(--neat-slate), border-color var(--neat-slate), transform var(--neat-slate);
 font-size: var(--modern-iron);
 font-weight: bold
}

.high-hero i {
 transition: color var(--neat-slate);
 font-size: 13px;
 color: var(--clean-cove)
}

.high-hero:hover {
 background: color-mix(in srgb, var(--clean-cove) 12%, var(--lunar-vector));
 transform: translateY(-1px);
 border-color: var(--clean-cove);
 color: var(--clean-cove)
}

.high-hero:hover i {
 color: var(--clean-cove)
}

.flat-root {
 display: flex;
 padding-top: var(--swift-site);
 gap: var(--swift-site);
 border-top: 1px dashed var(--pure-court);
 margin-top: auto;
 align-items: center;
 justify-content: space-between
}

.half-glow {
 min-width: 0;
 flex-direction: column;
 display: flex;
 line-height: 1.15
}

.micro-palette {
 color: var(--early-court);
 font-size: var(--modern-iron)
}

.ultra-config {
 color: var(--inner-view);
 text-decoration: line-through;
 font-size: var(--modern-iron)
}

.lower-sketch {
 color: var(--clean-cove);
 font-size: var(--north-link);
 font-weight: 800
}

.modern-river {
 gap: 8px;
 background: var(--clean-cove);
 font-size: var(--dark-blocks);
 font-weight: bold;
 padding: 10px 18px;
 cursor: pointer;
 display: inline-flex;
 border-radius: var(--local-sage);
 transition: background var(--neat-slate), transform var(--neat-slate), box-shadow var(--neat-slate);
 box-shadow: 0 6px 16px -6px var(--clean-cove);
 color: #ffffff;
 white-space: nowrap;
 align-items: center
}

.modern-river i {
 transition: transform var(--neat-slate)
}

.modern-river:hover {
 transform: translateY(-1px);
 background: var(--wide-cloud)
}

.modern-river:hover i {
 transform: translateX(3px)
}

.tiny-band.solid-orchard .modern-river {
 background: var(--deep-azure);
 box-shadow: none
}

@media (max-width: 600px) {
 .fluid-screen {
  font-size: var(--noble-vector)
 }

 .lower-sketch {
  font-size: var(--dark-dew)
 }

 .modern-river {
  padding: 9px 14px
 }

 .high-hero {
  font-size: 11px;
  padding: 9px 8px
 }

}

.native-elm {
 font-size: var(--dark-dew);
 font-weight: bold;
 margin-bottom: var(--safe-config);
 gap: var(--swift-site);
 color: var(--quick-analytics);
 align-items: center;
 display: flex
}

.native-elm i {
 font-size: 22px;
 color: var(--clean-cove)
}

.pure-forest {
 margin-bottom: var(--rapid-quay);
 color: var(--back-wind);
 font-size: var(--dark-blocks)
}

.mono-peak {
 cursor: pointer;
 border-radius: var(--local-sage);
 border: 1px solid #0000;
 position: relative;
 transition: all var(--neat-slate);
 user-select: none;
 white-space: nowrap;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 font-size: var(--dark-blocks);
 font-weight: 600;
 line-height: 1.2;
 padding: 12px 20px;
 overflow: hidden;
 gap: var(--safe-config)
}

.mono-peak:disabled {
 cursor: not-allowed;
 opacity: .5
}

.mono-peak:not(:disabled):hover {
 transform: translateY(-1px)
}

.mono-peak:not(:disabled):active {
 transform: translateY(0)
}

.back-root {
 box-shadow: 0 2px 6px var(--simple-pine);
 color: #ffffff;
 background: var(--clean-cove)
}

.back-root:not(:disabled):hover {
 background: var(--wide-cloud);
 box-shadow: 0 6px 16px var(--simple-pine)
}

.snap-iron {
 color: var(--south-mark);
 border-color: var(--pure-court);
 background: var(--low-link)
}

.snap-iron:not(:disabled):hover {
 background: var(--compact-storm);
 border-color: var(--solar-modules)
}

.crisp-insights {
 color: var(--back-wind);
 background: #0000
}

.crisp-insights:not(:disabled):hover {
 background: var(--compact-storm);
 color: var(--quick-analytics)
}

.round-bronze {
 height: 40px;
 background: var(--compact-storm);
 width: 40px;
 padding: 0;
 border-radius: var(--warm-pulse);
 color: var(--south-mark)
}

.round-bronze:not(:disabled):hover {
 background: var(--static-shade)
}

.civic-forest {
 padding: 16px 28px;
 font-size: var(--noble-vector);
 border-radius: var(--grand-stamp)
}

.north-hero {
 font-size: var(--prime-modules);
 border-radius: var(--grand-stamp);
 padding: 18px 32px
}

.solid-utils {
 width: 100%
}

.urban-mint {
 animation: sierra-haven 2000ms ease-in-out infinite
}

.mono-peak .final-draft {
 pointer-events: none;
 animation: seedBronze 600ms ease-out;
 border-radius: 50%;
 background: rgba(255, 255, 255, .5);
 position: absolute;
 transform: scale(0)
}

.snap-iron .final-draft,
.crisp-insights .final-draft,
.round-bronze .final-draft {
 background: rgba(15, 23, 42, .12)
}

.local-tracker {
 position: relative;
 margin-bottom: var(--calm-frame)
}

.lower-fleet,
.inner-runtime,
.solid-mirror {
 appearance: none;
 -webkit-appearance: none;
 padding: 22px 16px 8px;
 background: var(--low-link);
 width: 100%;
 border: 1.5px solid var(--pure-court);
 border-radius: var(--local-sage);
 transition: border-color var(--neat-slate), box-shadow var(--neat-slate), background var(--compact-runtime);
 color: var(--quick-analytics);
 font-size: var(--noble-vector)
}

.inner-runtime {
 padding-right: 40px;
 background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23475569' d='M6 8L0 0h12z'/></svg>");
 background-repeat: no-repeat;
 background-position: right 16px center
}

.lower-fleet:focus,
.inner-runtime:focus,
.solid-mirror:focus {
 border-color: var(--clean-cove);
 box-shadow: 0 0 0 4px var(--simple-pine);
 outline: none
}

.front-slate {
 transition: all var(--neat-slate);
 color: var(--early-court);
 left: 16px;
 top: 16px;
 font-size: var(--noble-vector);
 pointer-events: none;
 background: #0000;
 padding: 0 4px;
 position: absolute
}

.lower-fleet:focus + .front-slate,
.lower-fleet:not(:placeholder-shown) + .front-slate,
.inner-runtime:focus + .front-slate,
.inner-runtime:not([data-empty="true"]) + .front-slate,
.simple-flow .front-slate,
.fluid-hue .front-slate {
 font-size: var(--modern-iron);
 font-weight: 600;
 color: var(--clean-cove);
 top: 6px
}

.final-gallery {
 min-height: 16px;
 font-size: var(--modern-iron);
 transition: color var(--neat-slate);
 color: var(--early-court);
 padding-left: 4px;
 margin-top: 6px
}

.lite-gold .lower-fleet,
.lite-gold .inner-runtime {
 border-color: var(--early-mesh);
 box-shadow: 0 0 0 4px var(--front-flame)
}

.lite-gold .final-gallery {
 font-weight: 500;
 color: var(--early-mesh)
}

.lite-gold .lower-fleet,
.lite-gold .inner-runtime {
 animation: ridge-maple 400ms
}

.flat-bronze .lower-fleet,
.flat-bronze .inner-runtime {
 animation: sierra-scarlet 550ms ease-in-out 3;
 border-color: var(--early-mesh)!important
}

.sharp-bronze {
 position: relative
}

.sharp-bronze .lower-fleet {
 padding-right: 56px
}

.west-config {
 background: linear-gradient(135deg, #2563eb, #3b82f6);
 align-items: center;
 justify-content: center;
 top: 50%;
 right: 8px;
 transition: transform 150ms ease, box-shadow 150ms ease, background 200ms ease;
 font-size: 16px;
 display: inline-flex;
 box-shadow: 0 4px 10px rgba(37, 99, 235, .25);
 border-radius: 10px;
 border: none;
 position: absolute;
 cursor: pointer;
 height: 40px;
 color: #ffffff;
 transform: translateY(-50%);
 width: 40px
}

.west-config:hover {
 transform: translateY(-50%) scale(1.05);
 box-shadow: 0 6px 14px rgba(37, 99, 235, .35)
}

.west-config:active {
 transform: translateY(-50%) scale(.96)
}

.west-config.base-band {
 pointer-events: none;
 background: linear-gradient(135deg, #6b7280, #9ca3af)
}

.base-band.west-config i {
 animation: spin 900ms linear infinite
}

.prime-cloud.west-config {
 background: linear-gradient(135deg, #16a34a, #22c55e)
}

.tiny-flame {
 box-shadow: 0 10px 30px rgba(0, 0, 0, .15)!important;
 z-index: 99999!important;
 border-radius: 12px!important;
 border: 1px solid var(--pure-court)!important;
 margin-top: 4px
}

.prime-mobile {
 padding-right: 92px;
 border-color: rgba(34, 197, 94, .45)!important;
 color: var(--quick-analytics);
 background: rgba(34, 197, 94, .06)!important;
 cursor: not-allowed
}

.prime-mobile:focus {
 box-shadow: 0 0 0 3px rgba(34, 197, 94, .15)!important
}

.round-insights {
 display: inline-flex;
 box-shadow: 0 2px 6px rgba(22, 163, 74, .35);
 pointer-events: none;
 align-items: center;
 position: absolute;
 gap: 4px;
 transform: translateY(-50%);
 border-radius: 999px;
 color: #ffffff;
 font-size: 11px;
 font-weight: bold;
 letter-spacing: .3px;
 padding: 3px 8px;
 background: linear-gradient(135deg, #16a34a, #22c55e);
 top: 50%;
 right: 10px
}

.round-insights i {
 font-size: 10px
}

.metro-storm {
 display: flex;
 justify-content: flex-end;
 margin-top: -2px
}

.lunar-scope {
 font-family: inherit;
 font-size: 12px;
 font-weight: 600;
 line-height: 1;
 padding: 5px 11px 5px 8px;
 gap: 7px;
 border: 1px solid var(--static-shade);
 border-radius: 999px;
 background: #0000;
 transition: color var(--neat-slate), border-color var(--neat-slate), background var(--neat-slate);
 align-items: center;
 display: inline-flex;
 cursor: pointer;
 color: var(--early-court)
}

.lunar-scope:hover {
 color: var(--back-wind);
 border-color: var(--open-jade)
}

.shared-ash {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 border: 1.5px solid var(--open-jade);
 border-radius: 4px;
 height: 15px;
 transition: background var(--neat-slate), border-color var(--neat-slate);
 width: 15px
}

.shared-ash i {
 font-size: 8px;
 color: #ffffff;
 transition: opacity var(--neat-slate);
 opacity: 0
}

.lunar-scope[aria-pressed="true"] {
 border-color: rgba(22, 163, 74, .45);
 color: #15803d;
 background: var(--warm-slope)
}

.lunar-scope[aria-pressed="true"] .shared-ash {
 border-color: var(--deep-azure);
 background: var(--deep-azure)
}

.lunar-scope[aria-pressed="true"] .shared-ash i {
 opacity: 1
}

.plain-trail .lower-fleet {
 border-color: var(--static-shade);
 background: var(--compact-storm);
 cursor: not-allowed;
 color: var(--inner-view)
}

.plain-trail .front-slate {
 color: var(--inner-view)
}

.round-link {
 pointer-events: none;
 position: absolute;
 font-size: 16px;
 color: var(--inner-view);
 right: 16px;
 top: 50%;
 transform: translateY(-50%)
}

.back-coat {
 align-items: center;
 position: relative;
 display: inline-flex;
 cursor: pointer;
 gap: var(--swift-site)
}

.smooth-quay {
 position: absolute;
 opacity: 0;
 pointer-events: none
}

.pure-slope {
 border-radius: var(--warm-pulse);
 height: 24px;
 position: relative;
 background: var(--open-jade);
 transition: background var(--neat-slate);
 width: 44px;
 flex-shrink: 0
}

.pure-slope:after {
 background: #ffffff;
 transition: transform var(--compact-runtime);
 border-radius: 50%;
 box-shadow: var(--rural-reef);
 content: "";
 height: 20px;
 top: 2px;
 left: 2px;
 width: 20px;
 position: absolute
}

.smooth-quay:checked + .pure-slope {
 background: var(--clean-cove)
}

.smooth-quay:checked + .pure-slope:after {
 transform: translateX(20px)
}

.warm-lane {
 color: var(--south-mark);
 font-size: var(--dark-blocks);
 font-weight: 500
}

.smooth-lane {
 gap: var(--swift-site);
 cursor: pointer;
 user-select: none;
 align-items: flex-start;
 display: inline-flex
}

.lite-copper {
 position: absolute;
 opacity: 0;
 pointer-events: none
}

.clean-grid {
 flex-shrink: 0;
 height: 22px;
 transition: all var(--neat-slate);
 margin-top: 1px;
 background: var(--low-link);
 display: flex;
 border: 2px solid var(--solar-modules);
 border-radius: var(--prime-blocks);
 align-items: center;
 justify-content: center;
 width: 22px
}

.clean-grid:after {
 opacity: 0;
 content: "\f00c";
 transition: all var(--neat-slate);
 transform: scale(.5);
 font-family: "Font Awesome 6 Free";
 font-weight: 900;
 font-size: 12px;
 color: #ffffff
}

.lite-copper:checked + .clean-grid {
 background: var(--clean-cove);
 border-color: var(--clean-cove)
}

.lite-copper:checked + .clean-grid:after {
 opacity: 1;
 transform: scale(1)
}

.free-path {
 font-size: var(--dark-blocks);
 line-height: 1.5;
 color: var(--south-mark)
}

.lunar-brick {
 gap: var(--swift-site);
 margin-bottom: var(--rapid-quay);
 grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
 display: grid
}

.core-sun {
 cursor: pointer;
 font-weight: 600;
 font-size: var(--dark-blocks);
 line-height: 1.3;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: all var(--neat-slate);
 gap: var(--safe-config);
 text-align: center;
 padding: var(--calm-frame) var(--calm-frame);
 color: var(--south-mark);
 border: 1.5px solid var(--pure-court);
 border-radius: var(--grand-stamp);
 background: var(--low-link)
}

.core-sun i {
 transition: color var(--neat-slate);
 color: var(--inner-view)
}

.core-sun:hover {
 background: var(--compact-storm);
 border-color: var(--inner-view)
}

.core-sun.classic-reset {
 background: var(--clean-cove);
 border-color: var(--clean-cove);
 color: #ffffff;
 box-shadow: 0 4px 12px var(--simple-pine)
}

.classic-reset.core-sun i {
 color: #ffffff
}

.open-slope {
 padding: var(--rapid-quay);
 min-height: 120px;
 flex-direction: column;
 gap: var(--swift-site)
}

.open-slope i {
 font-size: 28px
}

.long-insights {
 background: var(--low-link);
 overflow: hidden;
 box-shadow: var(--live-cliff);
 transition: background var(--compact-runtime), border-color var(--compact-runtime);
 border: 1px solid var(--pure-court);
 border-radius: var(--smooth-layout)
}

.full-chain {
 border-bottom: 1px solid var(--pure-court);
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: var(--rapid-quay)
}

.neat-layout {
 display: flex;
 color: var(--quick-analytics);
 gap: var(--safe-config);
 align-items: center;
 font-size: var(--noble-vector);
 font-weight: bold
}

.neat-layout i {
 color: var(--clean-cove)
}

.low-dew {
 padding: var(--calm-frame) var(--rapid-quay);
 border-bottom: 1px solid var(--pure-court)
}

.low-dew:last-of-type {
 border-bottom: 0
}

.vivid-index {
 text-transform: uppercase;
 letter-spacing: .4px;
 color: var(--early-court);
 font-size: var(--modern-iron);
 font-weight: 600;
 margin-bottom: var(--safe-config)
}

.fluid-chrome {
 font-size: var(--dark-blocks);
 font-weight: 500;
 color: var(--quick-analytics)
}

.fluid-chrome strong {
 font-weight: bold
}

.simple-spark {
 margin-top: 2px;
 font-size: var(--solar-bar);
 color: var(--early-court)
}

.static-forms {
 gap: var(--swift-site);
 display: flex;
 align-items: center
}

.static-forms img {
 border-radius: var(--live-ivy);
 width: 64px;
 object-fit: cover;
 background: var(--compact-storm);
 height: 48px
}

.custom-pearl {
 font-weight: bold;
 font-size: var(--dark-blocks);
 color: var(--quick-analytics)
}

.open-ribbon {
 margin-top: 2px;
 color: var(--early-court);
 font-size: var(--modern-iron)
}

.solar-river {
 padding: var(--swift-site) 0;
 color: var(--inner-view);
 font-size: var(--solar-bar);
 font-style: normal
}

.active-bar {
 padding: var(--rapid-quay);
 background: linear-gradient(135deg, var(--solid-path), #0000)
}

.solar-pixel {
 padding: var(--rural-view) 0;
 justify-content: space-between;
 display: flex;
 font-size: var(--solar-bar);
 color: var(--back-wind)
}

.solar-pixel strong {
 color: var(--quick-analytics);
 font-weight: 600
}

.free-scroll {
 justify-content: space-between;
 align-items: baseline;
 padding-top: var(--swift-site);
 display: flex;
 border-top: 1.5px dashed var(--solar-modules);
 margin-top: var(--swift-site)
}

.rich-label {
 font-size: var(--dark-blocks);
 font-weight: 600;
 color: var(--south-mark)
}

.modern-dock {
 color: var(--clean-cove);
 font-size: var(--north-link);
 font-weight: 800;
 letter-spacing: -.5px
}

.prime-net {
 display: flex;
 padding: var(--safe-config) var(--swift-site);
 gap: var(--safe-config);
 align-items: flex-start;
 color: var(--south-mark);
 font-size: 11.5px;
 line-height: 1.4;
 margin-top: var(--swift-site);
 border-left: 3px solid #22c55e;
 border-radius: var(--sharp-token);
 background: rgba(34, 197, 94, .08)
}

.prime-net i {
 flex-shrink: 0;
 margin-top: 2px;
 color: #16a34a
}

[data-theme="dark"] .prime-net {
 background: rgba(34, 197, 94, .12);
 color: var(--back-wind)
}

.high-leaf {
 border-top: 1px solid var(--pure-court);
 padding: var(--calm-frame) var(--rapid-quay);
 background: var(--full-web)
}

.local-panel {
 display: none;
 animation: seed-sharp var(--metro-bay) cubic-bezier(.16, 1, .3, 1)
}

.local-panel.classic-reset {
 display: block
}

.wild-shell {
 position: fixed;
 top: var(--rapid-quay);
 right: var(--rapid-quay);
 z-index: 9999;
 pointer-events: none;
 max-width: 360px;
 flex-direction: column;
 gap: var(--swift-site);
 display: flex
}

.open-mirror {
 align-items: flex-start;
 animation: weightLabel var(--compact-runtime);
 background: var(--low-link);
 gap: var(--swift-site);
 font-size: var(--solar-bar);
 border: 1px solid var(--pure-court);
 border-left: 4px solid var(--inner-view);
 border-radius: var(--local-sage);
 padding: var(--swift-site) var(--calm-frame);
 pointer-events: auto;
 color: var(--quick-analytics);
 box-shadow: var(--soft-stack);
 display: flex
}

.flat-panel {
 border-left-color: var(--deep-azure)
}

.flat-panel .high-runtime {
 color: var(--deep-azure)
}

.swift-rail {
 border-left-color: var(--wide-branch)
}

.swift-rail .high-runtime {
 color: var(--wide-branch)
}

.sharp-ring {
 border-left-color: var(--early-mesh)
}

.sharp-ring .high-runtime {
 color: var(--early-mesh)
}

.back-config {
 border-left-color: var(--common-atlas)
}

.back-config .high-runtime {
 color: var(--common-atlas)
}

.high-runtime {
 flex-shrink: 0;
 margin-top: 1px;
 font-size: 18px
}

.vivid-lake {
 flex: 1;
 line-height: 1.5
}

.metro-blocks {
 color: var(--inner-view);
 padding: 4px;
 font-size: 14px
}

.open-mirror.urban-peak {
 animation: sierra-juniper var(--compact-runtime) forwards
}

.quick-ivy {
 color: #0000!important;
 background: linear-gradient(90deg, var(--compact-storm) 0%, var(--static-shade) 50%, var(--compact-storm) 100%);
 background-size: 200% 100%;
 border-radius: var(--live-ivy);
 animation: weightOlive 1400ms ease-in-out infinite
}

.free-clove {
 border: 1px solid var(--pure-court);
 border-radius: var(--smooth-layout);
 padding: var(--rapid-quay);
 background: var(--low-link)
}

.round-garden {
 border-radius: var(--local-sage);
 height: 160px;
 margin-bottom: var(--calm-frame)
}

.simple-knot {
 margin-bottom: var(--safe-config);
 border-radius: var(--prime-blocks);
 height: 14px
}

.dark-pier {
 width: 60%
}

.deep-type {
 align-items: center;
 justify-content: center;
 padding: var(--rapid-quay);
 inset: 0;
 animation: ridgePrism var(--compact-runtime);
 background: rgba(15, 23, 42, .55);
 position: fixed;
 display: none;
 backdrop-filter: blur(4px);
 z-index: 1000
}

.deep-type.live-jade {
 display: flex
}

.base-port {
 animation: sierraOnyx var(--full-flow);
 box-shadow: var(--classic-app);
 border-radius: var(--long-bridgeway);
 width: 100%;
 max-width: 560px;
 max-height: 90vh;
 flex-direction: column;
 background: var(--low-link);
 overflow: hidden;
 display: flex
}

.quick-slope {
 gap: var(--swift-site);
 border-bottom: 1px solid var(--pure-court);
 align-items: center;
 justify-content: space-between;
 padding: var(--rapid-quay);
 display: flex
}

.compact-board {
 color: var(--quick-analytics);
 font-size: var(--prime-modules);
 font-weight: bold
}

.plain-slider {
 flex: 1;
 padding: var(--safe-analytics);
 overflow-y: auto
}

.open-flame {
 padding: var(--calm-frame) var(--rapid-quay);
 justify-content: flex-end;
 background: var(--full-web);
 display: flex;
 gap: var(--swift-site);
 border-top: 1px solid var(--pure-court)
}

.wide-boot {
 max-width: 720px;
 max-height: 85vh;
 height: 85vh
}

.wide-boot .plain-slider {
 padding: var(--rapid-quay) var(--safe-analytics)
}

.west-coral {
 font-size: var(--solar-bar);
 color: var(--early-court);
 text-align: center;
 padding: var(--high-map) 0
}

.west-signal {
 font-size: var(--solar-bar);
 line-height: 1.7;
 color: var(--south-mark)
}

.west-signal h1,
.west-signal h2,
.west-signal h3 {
 font-weight: bold;
 margin: var(--rapid-quay) 0 var(--swift-site);
 color: var(--quick-analytics)
}

.west-signal h1 {
 font-size: var(--dark-dew)
}

.west-signal h2 {
 font-size: var(--prime-modules)
}

.west-signal h3 {
 font-size: var(--noble-vector)
}

.west-signal p {
 margin-bottom: var(--swift-site)
}

.west-signal ul,
.west-signal ol {
 margin: var(--swift-site) 0 var(--swift-site) var(--rapid-quay)
}

.west-signal li {
 margin-bottom: var(--safe-config)
}

.west-signal a {
 color: var(--clean-cove)
}

.neat-shell {
 text-align: center;
 padding: var(--safe-analytics);
 color: var(--early-mesh)
}

.royal-pixel {
 color: #065f46;
 margin-bottom: var(--rapid-quay);
 background: #ecfdf5;
 display: flex;
 gap: var(--swift-site);
 padding: var(--calm-frame);
 border-radius: var(--local-sage);
 border: 1px solid #a7f3d0;
 align-items: flex-start
}

.royal-pixel i {
 font-size: 20px;
 color: #059669;
 margin-top: 2px
}

.open-elements {
 gap: var(--swift-site);
 margin-bottom: var(--rapid-quay);
 display: grid;
 grid-template-columns: 1fr 1fr
}

@media (max-width: 560px) {
 .open-elements {
  grid-template-columns: 1fr
 }

}

.free-mark {
 background: var(--full-web);
 border: 1px solid var(--pure-court);
 border-radius: var(--local-sage);
 padding: var(--swift-site) var(--calm-frame)
}

.flat-stream {
 font-size: var(--modern-iron);
 color: var(--early-court);
 letter-spacing: .04em;
 display: block;
 margin-bottom: var(--rural-view);
 text-transform: uppercase
}

.solid-panel {
 font-size: var(--noble-vector);
 font-weight: bold;
 font-variant-numeric: tabular-nums;
 color: var(--quick-analytics)
}

.final-cards {
 gap: var(--safe-config);
 display: grid
}

.rich-gate {
 border-bottom: 1px solid var(--pure-court);
 gap: var(--swift-site);
 padding: var(--swift-site) 0;
 grid-template-columns: minmax(120px, 34%) 1fr;
 display: grid;
 font-size: var(--solar-bar)
}

.rich-gate:last-child {
 border-bottom: none
}

.true-orchard {
 font-weight: 600;
 color: var(--early-court)
}

.compact-fleet {
 color: var(--quick-analytics);
 word-break: break-word
}

.bold-tint {
 max-width: 520px;
 max-height: min(90vh, calc(100dvh - 2rem));
 height: auto
}

.bold-tint .plain-slider {
 flex: 0 1 auto;
 padding: var(--rapid-quay) var(--safe-analytics)
}

.bold-tint .open-flame {
 flex-shrink: 0
}

@media (max-width: 600px) {
 #front-cliff.deep-type {
  align-items: flex-end;
  padding: 0
 }

 #front-cliff .bold-tint {
  max-width: 100%;
  max-height: 92dvh;
  border-radius: var(--smooth-layout) var(--smooth-layout) 0 0;
  width: 100%
 }

 #front-cliff .open-flame {
  flex-direction: column-reverse
 }

 #front-cliff .open-flame .mono-peak {
  width: 100%;
  justify-content: center
 }

}

.high-creek {
 white-space: nowrap
}

.high-creek i {
 animation: seed-lock 1600ms ease-in-out infinite
}

.east-print {
 gap: var(--swift-site);
 flex-direction: column;
 display: flex
}

.shared-wind {
 gap: var(--swift-site);
 animation: ridgeNode 450ms ease forwards;
 transform: translateY(10px);
 padding: var(--calm-frame);
 align-items: flex-start;
 opacity: 0;
 background: var(--full-web);
 border: 1px solid var(--pure-court);
 border-radius: var(--grand-stamp);
 display: flex
}

.shared-wind:nth-child(1) {
 animation-delay: 50ms
}

.shared-wind:nth-child(2) {
 animation-delay: 150ms
}

.shared-wind:nth-child(3) {
 animation-delay: 250ms
}

.shared-wind:nth-child(4) {
 animation-delay: 350ms
}

.dark-view {
 height: 28px;
 display: flex;
 width: 28px;
 flex-shrink: 0;
 color: #ffffff;
 background: var(--clean-cove);
 font-weight: bold;
 font-size: var(--solar-bar);
 align-items: center;
 justify-content: center;
 border-radius: var(--warm-pulse)
}

.wide-plugins {
 flex-shrink: 0;
 background: var(--front-flame, rgba(239, 68, 68, .12));
 color: var(--clean-cove);
 height: 44px;
 display: flex;
 animation: sierraLock 2000ms ease-in-out infinite;
 width: 44px;
 font-size: 20px;
 border-radius: var(--local-sage);
 align-items: center;
 justify-content: center
}

.active-widgets {
 flex: 1
}

.simple-steel {
 color: var(--quick-analytics);
 margin-bottom: 4px;
 font-weight: bold
}

.shared-chrome {
 font-size: var(--solar-bar);
 line-height: 1.6;
 color: var(--back-wind)
}

.prime-label {
 display: flex;
 align-items: flex-start;
 margin-top: var(--calm-frame);
 background: rgba(245, 158, 11, .10);
 padding: var(--swift-site) var(--calm-frame);
 gap: var(--safe-config);
 border-radius: var(--local-sage);
 border: 1px solid rgba(245, 158, 11, .30);
 font-size: var(--solar-bar);
 line-height: 1.5;
 color: #92400e
}

.prime-label i {
 margin-top: 2px;
 color: #f59e0b
}

@media (min-width: 601px) {
 #light-river .wide-boot {
  height: auto;
  max-height: 85vh
 }

}

.snap-nav {
 background: var(--full-web);
 gap: var(--swift-site);
 display: flex;
 align-items: flex-start;
 padding: var(--calm-frame);
 border-radius: var(--local-sage);
 border: 1px solid var(--pure-court)
}

.modern-helpers {
 border-radius: var(--warm-pulse);
 width: 40px;
 height: 40px;
 font-size: 16px;
 display: flex;
 align-items: center;
 justify-content: center;
 color: #ffffff;
 flex-shrink: 0
}

.micro-sage {
 margin-bottom: 2px;
 font-weight: bold;
 font-size: var(--dark-blocks);
 color: var(--quick-analytics)
}

.native-leaf {
 font-size: var(--solar-bar);
 line-height: 1.5;
 color: var(--back-wind)
}

.neat-track {
 background: var(--warm-slope);
 border-color: var(--deep-azure)
}

.neat-track .modern-helpers {
 background: var(--deep-azure)
}

.low-strip {
 border-color: var(--wide-branch);
 background: var(--bright-reveal)
}

.low-strip .modern-helpers {
 background: var(--wide-branch)
}

.lunar-grid {
 background: var(--prime-gold);
 border-color: var(--common-atlas)
}

.lunar-grid .modern-helpers {
 background: var(--common-atlas)
}

.simple-coat {
 background: var(--front-flame);
 border-color: var(--early-mesh)
}

.simple-coat .modern-helpers {
 background: var(--early-mesh)
}

.core-blocks {
 bottom: 0;
 left: 0;
 right: 0;
 overflow: hidden;
 position: fixed;
 display: none;
 border-top: 1px solid var(--pure-court);
 border-radius: var(--smooth-layout) var(--smooth-layout) 0 0;
 background: var(--low-link);
 transition: transform var(--compact-runtime);
 max-height: 80vh;
 box-shadow: 0 -8px 24px rgba(15, 23, 42, .18);
 padding-bottom: env(safe-area-inset-bottom);
 z-index: 80
}

.west-footer {
 display: none
}

.calm-garden {
 display: flex;
 padding: 6px var(--calm-frame) 4px;
 cursor: pointer;
 min-height: 28px;
 justify-content: space-between;
 align-items: center
}

.north-style {
 font-size: var(--noble-vector);
 font-weight: 800;
 line-height: 1.1;
 color: var(--clean-cove)
}

.open-ivory {
 color: var(--early-court);
 margin-bottom: 2px;
 font-size: 11px;
 font-weight: 500;
 line-height: 1
}

.round-pearl {
 padding: 4px var(--calm-frame) 8px
}

.round-pearl .mono-peak {
 padding: 11px var(--calm-frame);
 font-size: var(--solar-bar)
}

.flat-strip {
 max-height: 55vh;
 overflow-y: auto;
 display: none;
 padding: 0 var(--calm-frame) var(--calm-frame);
 margin-top: 4px;
 border-top: 1px solid var(--pure-court)
}

.live-jade.core-blocks {
 max-height: 80vh
}

.core-blocks.live-jade .flat-strip {
 display: block
}

.core-scope {
 color: var(--inner-view);
 padding: 4px 8px;
 opacity: .7;
 background: #0000;
 font-size: 12px;
 transition: transform var(--neat-slate), color var(--neat-slate)
}

.core-scope:hover {
 color: var(--clean-cove);
 opacity: 1
}

.core-blocks.live-jade .core-scope {
 transform: rotate(180deg);
 opacity: 1;
 color: var(--clean-cove)
}

.low-star {
 display: flex
}

.live-slate {
 display: flex;
 flex-direction: column
}

.free-pixel {
 align-items: center
}

.soft-glass {
 justify-content: space-between
}

.modern-tag {
 gap: var(--safe-config)
}

.final-outline {
 gap: var(--swift-site)
}

.slim-stream {
 gap: var(--calm-frame)
}

.true-star {
 margin-top: var(--safe-config)
}

.rapid-frost {
 margin-top: var(--swift-site)
}

.polar-mist {
 margin-top: var(--calm-frame)
}

.lean-modules {
 margin-top: var(--rapid-quay)
}

.solar-draft {
 margin-top: var(--safe-analytics)
}

.metro-link {
 margin-bottom: var(--safe-config)
}

.custom-analytics {
 margin-bottom: var(--swift-site)
}

.compact-leaf {
 margin-bottom: var(--calm-frame)
}

.pure-brick {
 margin-bottom: var(--rapid-quay)
}

.swift-chrome {
 font-size: var(--solar-bar)
}

.north-slider {
 font-size: var(--modern-iron)
}

.lower-rain {
 color: var(--early-court)
}

.deep-analytics {
 color: var(--quick-analytics);
 font-weight: 600
}

.soft-utils {
 color: var(--clean-cove)
}

.dark-olive {
 display: none!important
}

.solid-kit {
 gap: var(--calm-frame);
 grid-template-columns: 1fr 1fr;
 display: grid
}

.wide-palette {
 grid-template-columns: repeat(3, 1fr);
 gap: var(--calm-frame);
 display: grid
}

.civic-port {
 display: grid;
 grid-template-columns: 2fr 1fr;
 gap: var(--swift-site)
}

.upper-palette .lower-fleet[type="date"] {
 color: #0000;
 caret-color: #0000;
 -webkit-appearance: none;
 appearance: none
}

.upper-palette .lower-fleet[type="date"]::-webkit-datetime-edit,
.upper-palette .lower-fleet[type="date"]::-webkit-datetime-edit-fields-wrapper,
.upper-palette .lower-fleet[type="date"]::-webkit-datetime-edit-text,
.upper-palette .lower-fleet[type="date"]::-webkit-datetime-edit-month-field,
.upper-palette .lower-fleet[type="date"]::-webkit-datetime-edit-day-field,
.upper-palette .lower-fleet[type="date"]::-webkit-datetime-edit-year-field {
 color: #0000
}

.upper-palette .lower-fleet[type="date"]::-webkit-calendar-picker-indicator {
 opacity: 1;
 z-index: 2;
 cursor: pointer;
 position: relative
}

.early-sketch {
 z-index: 1;
 font-size: var(--noble-vector);
 font-weight: 600;
 left: 16px;
 right: 44px;
 bottom: 8px;
 color: var(--quick-analytics);
 pointer-events: none;
 position: absolute;
 letter-spacing: .01em
}

.lean-badge {
 display: none;
 animation: sierra-prairie var(--compact-runtime)
}

.lean-badge.live-jade {
 display: block
}

@media (max-width: 1024px) {
 :root {
  --urban-kit: 320px
 }

 .free-cards {
  gap: var(--rapid-quay)
 }

}

@media (max-width: 860px) {
 .free-cards {
  grid-template-columns: 1fr;
  padding-bottom: 140px
 }

 .simple-root {
  display: none
 }

 .core-blocks {
  display: block
 }

 .main-oak {
  display: none
 }

 .upper-net {
  height: 40px;
  width: 40px;
  font-size: 16px
 }

 .snap-elements {
  left: 20px;
  right: 20px
 }

}

@media (max-width: 600px) {
 .urban-strip {
  padding: 0 var(--swift-site)
 }

 .high-moss {
  padding: 0 var(--swift-site);
  gap: var(--safe-config)
 }

 .static-nav {
  gap: 4px;
  margin-right: -2px
 }

 .static-nav .round-bronze {
  width: 36px;
  height: 36px
 }

 .static-nav .early-insights {
  font-size: var(--modern-iron);
  padding: 6px 8px
 }

 .static-nav .local-mint {
  display: none
 }

 .front-tracker {
  padding: var(--calm-frame) var(--swift-site)
 }

 .east-pine {
  margin-left: 0;
  margin-right: 6px;
  max-width: 84px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 10px;
  padding-left: var(--safe-config);
  display: block
 }

 .east-pine strong {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
 }

 .east-pine strong {
  font-size: 12px
 }

 .lower-creek {
  font-size: 26px
 }

 .local-knot {
  padding: var(--rapid-quay)
 }

 .solid-kit {
  grid-template-columns: 1fr
 }

 .civic-port {
  grid-template-columns: 1fr
 }

 .lunar-brick {
  grid-template-columns: 1fr
 }

 .wild-shell {
  max-width: none;
  left: var(--swift-site);
  right: var(--swift-site)
 }

 .bold-yard {
  display: none
 }

 #polar-basil {
  padding: 10px 14px
 }

 .wide-boot {
  max-height: 92vh;
  max-width: 100%;
  border-radius: var(--smooth-layout) var(--smooth-layout) 0 0;
  height: 92vh;
  align-self: flex-end
 }

}

.base-track {
 border-color: #25d366!important;
 color: #ffffff!important;
 background: #25d366!important;
 box-shadow: 0 4px 12px rgba(37, 211, 102, .35)
}

.base-track:hover {
 border-color: #1ebe57!important;
 transform: translateY(-1px);
 box-shadow: 0 6px 16px rgba(37, 211, 102, .45);
 background: #1ebe57!important
}

.base-track i {
 font-size: 18px
}

.tiny-flame {
 max-height: 280px!important;
 box-shadow: var(--soft-stack)!important;
 margin-top: 6px!important;
 z-index: 99999!important;
 border: 1px solid var(--pure-court)!important;
 border-radius: var(--local-sage)!important;
 background: var(--low-link)!important;
 padding: 6px!important;
 font-family: var(--lunar-slate)!important;
 overflow-x: hidden!important;
 overflow-y: auto!important
}

.tiny-flame:after {
 background: none!important;
 display: none!important;
 height: 0!important
}

.mono-loader {
 transition: background var(--neat-slate)!important;
 font-size: var(--solar-bar)!important;
 line-height: 1.4!important;
 padding: 10px 12px!important;
 border-radius: var(--live-ivy)!important;
 border: 0!important;
 cursor: pointer!important;
 color: var(--south-mark)!important
}

.mono-loader:hover,
.prime-dune,
.mono-loader.prime-dune {
 color: var(--quick-analytics)!important;
 background: var(--solid-path)!important
}

.swift-cloud {
 font-size: var(--solar-bar)!important;
 font-weight: 600!important;
 color: var(--quick-analytics)!important;
 padding-right: 4px!important
}

.core-slate {
 color: var(--clean-cove)!important;
 font-weight: bold!important
}

.fluid-dune,
.back-surface {
 margin-right: 8px!important;
 margin-top: 2px!important;
 width: 18px!important;
 height: 18px!important;
 position: relative;
 background-image: none!important
}

.fluid-dune:before {
 position: absolute;
 top: 0;
 left: 0;
 content: "\f3c5";
 font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
 font-weight: 900;
 font-size: 14px;
 color: var(--clean-cove)
}

[data-theme="dark"] .tiny-flame {
 background: var(--low-link)!important;
 border-color: var(--pure-court)!important
}

[data-theme="dark"] .mono-loader {
 color: var(--open-jade)!important
}

[data-theme="dark"] .mono-loader:hover,
[data-theme="dark"] .prime-dune {
 background: rgba(212, 0, 42, .18)!important;
 color: #ffffff!important
}

[data-theme="dark"] .swift-cloud {
 color: #ffffff!important
}

.fluid-token {
 align-items: center;
 padding: var(--calm-frame);
 display: grid;
 background: var(--full-web);
 gap: var(--rapid-quay);
 border: 1px solid var(--pure-court);
 border-radius: var(--grand-stamp);
 grid-template-columns: 200px 1fr
}

.custom-print {
 aspect-ratio: 16/10;
 overflow: hidden;
 border-radius: var(--local-sage);
 background: var(--compact-storm)
}

.custom-print img {
 object-fit: cover;
 display: block;
 width: 100%;
 height: 100%
}

.urban-basil {
 min-width: 0
}

@media (max-width: 600px) {
 .fluid-token {
  grid-template-columns: 1fr
 }

}

.north-mist {
 border: 2px solid var(--clean-cove);
 border-radius: var(--grand-stamp);
 background: var(--solid-path);
 padding: var(--calm-frame) var(--rapid-quay)
}

.safe-matrix {
 display: flex;
 font-size: var(--solar-bar);
 justify-content: space-between;
 padding: 6px 0;
 color: var(--south-mark)
}

.safe-matrix strong {
 color: var(--quick-analytics)
}

.metro-arch {
 margin: 6px -8px;
 border-radius: var(--live-ivy);
 background: var(--prime-gold);
 font-size: var(--modern-iron);
 padding: 8px
}

.metro-arch strong {
 color: var(--common-atlas)
}

.rural-scope {
 margin-top: var(--swift-site);
 color: var(--quick-analytics);
 display: flex;
 padding-top: var(--swift-site);
 justify-content: space-between;
 align-items: center;
 border-top: 2px dashed var(--clean-cove);
 font-size: var(--noble-vector);
 font-weight: bold
}

.warm-wave {
 color: var(--clean-cove);
 font-size: var(--north-link);
 font-weight: 800
}

@keyframes sierra-haven {
 from,
 to {
  box-shadow: 0 2px 6px var(--simple-pine)
 }

 50% {
  box-shadow: 0 0 0 8px #0000, 0 6px 20px var(--simple-pine)
 }

}

@keyframes seedBronze {
 to {
  transform: scale(4);
  opacity: 0
 }

}

@keyframes ridge-maple {
 from,
 to {
  transform: translateX(0)
 }

 75% {
  transform: translateX(4px)
 }

 25% {
  transform: translateX(-4px)
 }

}

@keyframes sierra-scarlet {
 from,
 to {
  border-color: var(--early-mesh);
  box-shadow: 0 0 0 0 rgba(239, 68, 68, 0)
 }

 50% {
  box-shadow: 0 0 0 5px var(--front-flame);
  background: rgba(239, 68, 68, .06);
  border-color: var(--early-mesh)
 }

}

@keyframes spin {
 from {
  transform: rotate(0deg)
 }

 to {
  transform: rotate(360deg)
 }

}

@keyframes seed-sharp {
 from {
  opacity: 0;
  transform: translateY(12px)
 }

 to {
  transform: translateY(0);
  opacity: 1
 }

}

@keyframes weightLabel {
 to {
  opacity: 1;
  transform: translateX(0)
 }

 from {
  transform: translateX(40px);
  opacity: 0
 }

}

@keyframes sierra-juniper {
 to {
  transform: translateX(40px);
  opacity: 0
 }

}

@keyframes weightOlive {
 from {
  background-position: 200% 0
 }

 to {
  background-position: -200% 0
 }

}

@keyframes ridgePrism {
 to {
  opacity: 1
 }

 from {
  opacity: 0
 }

}

@keyframes sierraOnyx {
 to {
  transform: scale(1) translateY(0);
  opacity: 1
 }

 from {
  transform: scale(.92) translateY(20px);
  opacity: 0
 }

}

@keyframes seed-lock {
 50% {
  transform: translateX(2px)
 }

 from,
 to {
  transform: translateX(0)
 }

}

@keyframes ridgeNode {
 to {
  transform: translateY(0);
  opacity: 1
 }

}

@keyframes sierraLock {
 from,
 to {
  transform: scale(1)
 }

 50% {
  transform: scale(1.08)
 }

}

@keyframes sierra-prairie {
 to {
  opacity: 1;
  transform: translateY(0);
  max-height: 2000px
 }

 from {
  max-height: 0;
  opacity: 0;
  transform: translateY(-8px)
 }

}