:root {
 --high-widgets: rgba(var(--rapid-track, 214, 0, 28), .12);
 --inner-layer: #ecfdf5;
 --bright-page: #64748b;
 --outer-birch: #ffffff;
 --lite-track: #f8fafc;
 --lower-moon: var(--full-modules, #d6001c);
 --main-brook: 0 1px 2px rgba(15, 23, 42, .06);
 --grand-dock: 0 12px 30px -12px rgba(15, 23, 42, .18);
 --long-pearl: rgba(var(--rapid-track, 214, 0, 28), .06);
 --low-bay: #eef2f7;
 --rich-path: 28px;
 --fluid-skin: #f4f6fb;
 --simple-yard: #d97706;
 --rapid-field: #0f172a;
 --core-index: #fef2f2;
 --main-sage: #eff6ff;
 --smart-track: "Outfit", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
 --royal-chain: #dc2626;
 --lunar-forest: 8px;
 --safe-lane: 14px;
 --rich-storm: 0 24px 60px -20px rgba(15, 23, 42, .28);
 --flat-route: var(--full-modules, #d6001c);
 --west-bloom: #16a34a;
 --neat-header: 1200px;
 --modern-shell: 0 2px 8px rgba(15, 23, 42, .06);
 --neat-shore: #ffffff;
 --active-lane: #fffbeb;
 --calm-flow: #a30015;
 --early-rail: #334155;
 --plain-type: .25s cubic-bezier(.2, .7, .2, 1);
 --early-menu: #0284c7;
 --upper-garden: #e2e8f0;
 --rapid-bay: 20px;
 --pure-ivory: none
}

.wild-dew {
 padding-inline: 1rem;
 width: 100%;
 margin-inline: auto;
 max-width: var(--neat-header)
}

.mini-frame {
 padding-block: clamp(2.5rem, 6vw, 5rem)
}

.bright-chat > * + * {
 margin-top: 1rem
}

.low-nav {
 gap: .4rem;
 text-transform: uppercase;
 align-items: center;
 padding: .35rem .8rem;
 font-size: .72rem;
 font-weight: 800;
 letter-spacing: .14em;
 border: 1px solid var(--high-widgets);
 border-radius: 999px;
 background: var(--long-pearl);
 display: inline-flex;
 color: var(--lower-moon)
}

.common-elm {
 color: var(--rapid-field);
 font-family: var(--smart-track);
 font-weight: 800;
 font-size: clamp(1.6rem, 3.4vw, 2.5rem);
 line-height: 1.12;
 letter-spacing: -.02em
}

.fresh-chat {
 color: var(--bright-page);
 font-size: 1.02rem;
 line-height: 1.7;
 max-width: 60ch
}

.half-amber {
 color: var(--global-harbour);
 cursor: pointer;
 padding: .8rem 1.4rem;
 white-space: nowrap;
 font-family: var(--smart-track);
 font-weight: bold;
 font-size: .95rem;
 line-height: 1;
 display: inline-flex;
 user-select: none;
 border-radius: var(--lunar-forest);
 border: 1px solid #0000;
 background: var(--common-pond);
 --global-harbour: var(--neat-shore);
 align-items: center;
 justify-content: center;
 transition: transform var(--plain-type), box-shadow var(--plain-type), background var(--plain-type), color var(--plain-type), border-color var(--plain-type);
 gap: .5rem;
 --common-pond: var(--lower-moon);
 text-decoration: none
}

.half-amber:hover {
 transform: translateY(-2px);
 box-shadow: var(--modern-shell)
}

.half-amber:active {
 transform: translateY(0)
}

.half-amber:focus-visible {
 outline: 3px solid var(--high-widgets);
 outline-offset: 2px
}

.soft-clove {
 box-shadow: var(--pure-ivory);
 background: linear-gradient(135deg, var(--lower-moon), var(--calm-flow))
}

.plain-map {
 background: var(--rapid-field);
 color: #ffffff
}

.dark-slope {
 background: #0000;
 color: var(--rapid-field);
 border-color: var(--upper-garden)
}

.dark-slope:hover {
 color: var(--lower-moon);
 border-color: var(--lower-moon)
}

.common-oak {
 background: var(--long-pearl);
 color: var(--lower-moon);
 border-color: var(--high-widgets)
}

.free-moss {
 background: var(--west-bloom)
}

.smart-bar {
 background: var(--royal-chain)
}

.metro-cloud {
 font-size: 1.05rem;
 padding: 1rem 1.8rem;
 border-radius: var(--safe-lane)
}

.mini-outline {
 font-size: .82rem;
 padding: .55rem .9rem
}

.global-star {
 display: flex;
 width: 100%
}

.urban-glow {
 color: #ffffff;
 background: linear-gradient(135deg, #25d366, #128c7e)
}

.half-amber[disabled],
.prime-frost.half-amber {
 pointer-events: none;
 opacity: .55
}

.wide-style {
 transition: transform var(--plain-type), box-shadow var(--plain-type), border-color var(--plain-type);
 border: 1px solid var(--upper-garden);
 border-radius: var(--safe-lane);
 background: var(--outer-birch);
 overflow: hidden;
 box-shadow: var(--modern-shell)
}

.smart-ivory:hover {
 box-shadow: var(--grand-dock);
 border-color: var(--high-widgets);
 transform: translateY(-4px)
}

.inner-gold {
 padding: 1.25rem 1.4rem
}

.polar-screen {
 align-items: center;
 justify-content: space-between;
 display: flex;
 padding: 1.1rem 1.4rem;
 gap: .75rem;
 border-bottom: 1px solid var(--low-bay)
}

.full-quay {
 color: var(--rapid-field);
 font-weight: 800;
 font-size: 1.05rem
}

.ultra-bay {
 padding: 1.5rem;
 display: flex;
 flex-direction: column;
 gap: .75rem
}

.calm-components {
 font-size: 1.5rem;
 place-items: center;
 height: 52px;
 color: var(--lower-moon);
 width: 52px;
 background: var(--long-pearl);
 border-radius: var(--lunar-forest);
 display: grid
}

.tiny-door {
 border: 1px solid var(--upper-garden);
 border-radius: var(--safe-lane);
 padding: 1.1rem 1.25rem;
 background: var(--outer-birch)
}

.back-cliff {
 text-transform: uppercase;
 color: var(--bright-page);
 font-size: .78rem;
 font-weight: bold;
 letter-spacing: .06em
}

.west-peak {
 color: var(--rapid-field);
 margin-top: .25rem;
 font-size: 1.85rem;
 font-weight: 900;
 line-height: 1.1
}

.base-texture {
 font-size: .8rem;
 font-weight: bold
}

.base-texture.snap-style {
 color: var(--west-bloom)
}

.long-screen.base-texture {
 color: var(--royal-chain)
}

.mini-track {
 border-radius: 999px;
 border: 1px solid var(--upper-garden);
 color: var(--early-rail);
 letter-spacing: .02em;
 gap: .35rem;
 font-size: .72rem;
 font-weight: 800;
 line-height: 1;
 padding: .28rem .65rem;
 align-items: center;
 background: var(--lite-track);
 display: inline-flex
}

.polar-court {
 color: var(--lower-moon);
 border-color: var(--high-widgets);
 background: var(--long-pearl)
}

.compact-tracker {
 color: var(--west-bloom);
 background: var(--inner-layer);
 border-color: #0000
}

.cool-door {
 background: var(--active-lane);
 color: var(--simple-yard);
 border-color: #0000
}

.west-sun {
 color: var(--royal-chain);
 background: var(--core-index);
 border-color: #0000
}

.lower-tower {
 color: var(--early-menu);
 background: var(--main-sage);
 border-color: #0000
}

.deep-stream:before {
 background: currentcolor;
 height: 7px;
 width: 7px;
 border-radius: 50%;
 content: ""
}

.early-extras {
 gap: .4rem;
 display: flex;
 flex-direction: column
}

.sharp-ivory {
 color: var(--rapid-field);
 font-size: .85rem;
 font-weight: bold
}

.local-creek,
.royal-scope,
.bold-ring {
 background: var(--outer-birch);
 padding: .75rem .9rem;
 font-family: var(--smart-track);
 font-size: .95rem;
 color: var(--rapid-field);
 transition: border-color var(--plain-type), box-shadow var(--plain-type);
 border: 1.5px solid var(--upper-garden);
 border-radius: var(--lunar-forest);
 width: 100%
}

.local-creek:focus,
.royal-scope:focus,
.bold-ring:focus {
 border-color: var(--lower-moon);
 box-shadow: 0 0 0 3px var(--high-widgets);
 outline: none
}

.local-creek::placeholder,
.bold-ring::placeholder {
 color: #94a3b8
}

.south-sun {
 color: var(--bright-page);
 font-size: .78rem
}

.bold-wave {
 color: var(--royal-chain);
 font-size: .78rem;
 font-weight: 600
}

.low-draft {
 padding: .9rem 1.1rem;
 background: var(--lite-track);
 align-items: flex-start;
 font-size: .9rem;
 line-height: 1.5;
 display: flex;
 color: var(--early-rail);
 gap: .75rem;
 border-radius: var(--lunar-forest);
 border: 1px solid var(--upper-garden)
}

.core-iron {
 flex: none;
 font-size: 1.2rem;
 margin-top: .05rem
}

.snap-dune {
 color: #14532d;
 background: var(--inner-layer);
 border-color: rgba(22, 163, 74, .2)
}

.true-kit {
 color: #78350f;
 border-color: rgba(217, 119, 6, .25);
 background: var(--active-lane)
}

.ultra-modules {
 border-color: rgba(220, 38, 38, .2);
 background: var(--core-index);
 color: #7f1d1d
}

.native-oak {
 background: var(--main-sage);
 border-color: rgba(2, 132, 199, .2);
 color: #0c4a6e
}

.prime-snow {
 background: var(--outer-birch);
 overflow-x: auto;
 width: 100%;
 border: 1px solid var(--upper-garden);
 border-radius: var(--safe-lane)
}

.fluid-plaza {
 font-size: .9rem;
 width: 100%;
 border-collapse: collapse
}

.fluid-plaza th {
 border-bottom: 1px solid var(--upper-garden);
 color: var(--bright-page);
 background: var(--lite-track);
 letter-spacing: .05em;
 padding: .85rem 1rem;
 text-align: left;
 text-transform: uppercase;
 white-space: nowrap;
 font-weight: bold;
 font-size: .75rem
}

.fluid-plaza td {
 color: var(--early-rail);
 padding: .85rem 1rem;
 border-bottom: 1px solid var(--low-bay);
 vertical-align: middle
}

.fluid-plaza tbody tr:last-child td {
 border-bottom: none
}

.fluid-plaza tbody tr:hover {
 background: var(--long-pearl)
}

.global-frame {
 inset: 0;
 position: fixed;
 place-items: center;
 padding: 1rem;
 backdrop-filter: blur(4px);
 display: grid;
 z-index: 1000;
 background: rgba(15, 23, 42, .55)
}

.bold-bar {
 background: var(--outer-birch);
 border-radius: var(--rapid-bay);
 border: 1px solid var(--upper-garden);
 box-shadow: var(--rich-storm);
 max-width: 520px;
 max-height: 90vh;
 width: 100%;
 overflow: auto
}

.inner-band {
 border-bottom: 1px solid var(--low-bay);
 display: flex;
 padding: 1.25rem 1.5rem;
 align-items: center;
 justify-content: space-between
}

.rural-glass {
 padding: 1.5rem
}

.clean-quay {
 gap: .75rem;
 padding: 1rem 1.5rem;
 display: flex;
 justify-content: flex-end;
 border-top: 1px solid var(--low-bay)
}

.ultra-chrome {
 display: flex;
 gap: .5rem;
 align-items: center
}

.deep-engine {
 font-weight: bold;
 font-size: .85rem;
 display: flex;
 align-items: center;
 color: var(--bright-page);
 gap: .5rem
}

.slim-window {
 background: var(--lite-track);
 place-items: center;
 display: grid;
 width: 30px;
 height: 30px;
 font-size: .85rem;
 border-radius: 50%;
 border: 1.5px solid var(--upper-garden)
}

.deep-engine.classic-reset .slim-window {
 border-color: var(--lower-moon);
 color: #ffffff;
 background: var(--lower-moon)
}

.deep-engine.long-port .slim-window {
 border-color: var(--west-bloom);
 color: #ffffff;
 background: var(--west-bloom)
}

.classic-reset.deep-engine {
 color: var(--rapid-field)
}

.tiny-gold {
 background: var(--upper-garden);
 min-width: 16px;
 height: 2px;
 flex: 1
}

.long-port.tiny-gold {
 background: var(--west-bloom)
}

.inner-components {
 border: 0;
 height: 1px;
 background: linear-gradient(to right, #0000, var(--upper-garden), #0000)
}

.core-chrome {
 color: var(--bright-page)
}

.lite-texture {
 gap: 1.25rem;
 display: grid
}

.fresh-petal {
 grid-template-columns: repeat(2, 1fr)
}

.local-contact {
 grid-template-columns: repeat(3, 1fr)
}

.noble-iron {
 grid-template-columns: repeat(4, 1fr)
}

@media (max-width: 900px) {
 .local-contact,
 .noble-iron {
  grid-template-columns: repeat(2, 1fr)
 }

}

@media (max-width: 560px) {
 .fresh-petal,
 .local-contact,
 .noble-iron {
  grid-template-columns: 1fr
 }

}

html.lite-menu,
[data-theme="dark"] {
 --rapid-field: #f1f5f9;
 --low-bay: #172033;
 --grand-dock: 0 12px 30px -12px rgba(0, 0, 0, .6);
 --bright-page: #94a3b8;
 --fluid-skin: #0b1220;
 --outer-birch: #0f172a;
 --lite-track: #131f36;
 --upper-garden: #1e293b;
 --early-rail: #cbd5e1;
 --modern-shell: 0 2px 8px rgba(0, 0, 0, .4)
}

@media (prefers-reduced-motion: reduce) {
 .half-amber,
 .wide-style {
  transition: none!important
 }

}