/* The HUA HUA lens, from a Kaleidoscope release: set <html data-lens="huahua">. Generated; do not edit. */
/* ── HUA HUA: HUA HUA, the house for everything botanical ────────────────────────────────────────────── */
@font-face { font-family: "EB Garamond"; font-style: normal; font-display: swap; font-weight: 400 800; src: url("fonts/eb-garamond-wght-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "EB Garamond"; font-style: normal; font-display: swap; font-weight: 400 800; src: url("fonts/eb-garamond-wght-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "EB Garamond"; font-style: normal; font-display: swap; font-weight: 400 800; src: url("fonts/eb-garamond-wght-vietnamese.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "EB Garamond"; font-style: italic; font-display: swap; font-weight: 400 800; src: url("fonts/eb-garamond-italic-wght-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "EB Garamond"; font-style: italic; font-display: swap; font-weight: 400 800; src: url("fonts/eb-garamond-italic-wght-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "EB Garamond"; font-style: italic; font-display: swap; font-weight: 400 800; src: url("fonts/eb-garamond-italic-wght-vietnamese.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-display: swap; font-weight: 400; src: url("fonts/ibm-plex-mono-400-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-display: swap; font-weight: 400; src: url("fonts/ibm-plex-mono-400-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-display: swap; font-weight: 500; src: url("fonts/ibm-plex-mono-500-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-display: swap; font-weight: 500; src: url("fonts/ibm-plex-mono-500-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Noto Serif TC"; font-style: normal; font-display: swap; font-weight: 200 900; src: url("fonts/noto-serif-tc-wght-huahua.woff2") format("woff2"); unicode-range: U+3001, U+3002, U+300C, U+300D, U+4E4B, U+4E5F, U+4EE5, U+5316, U+54E1, U+56B4, U+56DB, U+5712, U+6240, U+65E5, U+6703, U+6731, U+7530, U+754C, U+756B, U+7D19, U+7D42, U+807F, U+82B1, U+8336, U+83EF, U+8449, U+85CD, U+8A71, U+8C61, U+8EAB, U+FF0C; }
@font-face { font-family: "HUA HUA Mark"; font-style: normal; font-display: swap; font-weight: 400; src: url("fonts/huahua-mark.woff2") format("woff2"); unicode-range: U+0041, U+0048, U+0055, U+E000-E001; }
:root[data-lens="huahua"],
:root[data-lens="huahua"] .ink,
[data-lens="huahua"][data-lens="huahua"]:not(:root),
[data-lens="huahua"][data-lens="huahua"]:not(:root).ink,
[data-lens="huahua"][data-lens="huahua"]:not(:root) .ink {
  color-scheme: dark;
  --f-ui: "EB Garamond", "Noto Serif TC", "Iowan Old Style", Georgia, serif;
  --f-voice: "EB Garamond", "Noto Serif TC", "Iowan Old Style", Georgia, serif;
  --f-wide: "EB Garamond", "Noto Serif TC", "Iowan Old Style", Georgia, serif;
  --f-mono: "IBM Plex Mono", "Noto Serif TC", ui-monospace, "SF Mono", Menlo, monospace;
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;
  --s8: 64px;
  --s9: 96px;
  --t-xs: 12px;
  --t-s: 14px;
  --t-m: 16px;
  --t-l: 20px;
  --t-d1: 28px;
  --t-d2: 36px;
  --t-d3: 48px;
  --t-d4: 64px;
  --lh-xs: 16px;
  --lh-s: 20px;
  --lh-m: 24px;
  --lh-l: 28px;
  --lh-d1: 32px;
  --lh-d2: 40px;
  --lh-d3: 52px;
  --lh-d4: 64px;
  --r0: 6px;
  --r1: 10px;
  --r2: 16px;
  --r3: 22px;
  --r-pill: 999px;
  --h-xs: 24px;
  --h-s: 32px;
  --h-m: 40px;
  --h-l: 48px;
  --reach: 44px;
  --ease: cubic-bezier(.3, .7, .2, 1);
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-light: cubic-bezier(.45, .05, .35, 1);
  --spring: cubic-bezier(.34, 1.36, .64, 1);
  --d-press: 120ms;
  --d-micro: 160ms;
  --d-dur: 180ms;
  --d-rise: 280ms;
  --d-glide: 340ms;
  --d-slow: 420ms;
  --d-macro: 600ms;
  --d-land: 220ms;
  --d-fade: 1400ms;
  --d-turn: 6s;
  --d-step: 20ms;
  --ground: #1d2620;
  --surface: #232d26;
  --raised: #2a352d;
  --sunk: #171f1a;
  --line: rgba(240, 235, 223, .14);
  --line-2: rgba(240, 235, 223, .26);
  --line-3: rgba(240, 235, 223, .38);
  --tint: rgba(240, 235, 223, .04);
  --tint-2: rgba(240, 235, 223, .07);
  --tint-3: rgba(240, 235, 223, .1);
  --ink: #f0ebdf;
  --ink-2: #cdd2c4;
  --ink-3: #aeb6a7;
  --ink-4: #6c7466;
  --on-ink: #16201a;
  --light: #9fd38a;
  --core: #e0654f;
  --glass: #ff8b73;
  --gap: #d8c09a;
  --ok: #91b6a1;
  --warn: #dea143;
  --bad: #f3a0b9;
  --ok-soft: rgba(145, 182, 161, .12);
  --warn-soft: rgba(222, 161, 67, .12);
  --bad-soft: rgba(243, 160, 185, .12);
  --gap-soft: rgba(216, 192, 154, .12);
  --glass-soft: rgba(255, 139, 115, .12);
  --c1: #5b8def;
  --c2: #d65c9c;
  --c3: #c4862c;
  --c4: #2ba487;
  --c5: #8b78ea;
  --c-other: #7b8276;
  --prism-stops: rgba(159,211,138,.12), rgba(159,211,138,.85), rgba(240,235,223,.9), rgba(159,211,138,.85), rgba(159,211,138,.12);
  --prism-line: linear-gradient(90deg, rgba(159,211,138,0), rgba(159,211,138,.85) 30%, rgba(240,235,223,.9) 70%, rgba(240,235,223,0));
  --prism-fall: linear-gradient(180deg, #9fd38a, rgba(159,211,138,.35));
  --beam: rgba(159, 211, 138, .24);
  --bloom: 0 0 #0000;
  --glow: 0 0 20px -12px rgba(240,235,223,.25);
  --core-glow: none;
  --frost: blur(10px) saturate(105%);
  --pane: linear-gradient(180deg, rgba(42, 53, 45, .9), rgba(35, 45, 38, .86));
  --pane-solid: linear-gradient(#2a352d, #232d26);
  --pane-edge: inset 0 1px 0 rgba(240,235,223,.05), inset 0 0 0 1px rgba(240,235,223,.1);
  --ring: inset 0 0 0 var(--edge-w) var(--line);
  --ring-2: inset 0 0 0 var(--edge-w) var(--line-2);
  --shadow: 0 22px 44px -26px rgba(4,8,5,.8);
  --shadow-pop: 0 0 0 1px rgba(240,235,223,.12), 0 16px 40px -12px rgba(4,8,5,.85);
  --scrim: rgba(23, 31, 26, .72);
  --cta: linear-gradient(#9fd38a, #9fd38a);
  --cta-ink: #16201a;
  --cta-shadow: inset 0 -1px 0 rgba(22,32,26,.12), 0 1px 1px rgba(4,8,5,.4), 0 10px 24px -14px rgba(4,8,5,.9);
  --focus: 0 0 0 2px var(--ground), 0 0 0 3.5px #9fd38a;
  --pick: #9fd38a;
  --on-pick: #16201a;
  --ground-art: none;
  --voice-stroke: 0 transparent;
  --voice-lift: none;
  --press: scale(.98);
  --cta-press: var(--cta-shadow);
  --edge-w: 1px;
  --arrive: translateY(8px);
  --arrive-pop: scale(.94);
  --tilt: 0deg;
  --bar: var(--pane);
  --bar-edge: var(--pane-edge);
  --bar-frost: var(--frost);
  --bar-tracking: normal;
  --cta-tracking: initial;
  --lens-exact: 0;
  --glass-wash: transparent;
  --glass-dark: none;
  --glass-right-drop: none;
  --glass-left-drop: none;
  --seg-first-three: var(--seg-first);
  --facts-min-height: 0px;
  --f-meta: var(--f-ui);
  --glass-layer-display: none;
  --glass-light-filter: none;
  --glass-right-fill: none;
  --glass-left-fill: none;
  --seg-ink: var(--ink);
  --pearl-frame: 0;
  --pearl-rim-shadow: none;
  --pearl-ring: var(--cta);
  --pearl-edge: var(--line);
  --pearl-label: linear-gradient(var(--cta-ink), var(--cta-ink));
  --pearl-label-shadow: none;
  --glass-base: var(--pane);
  --glass-edge: var(--pane-edge);
  --glass-drop: var(--shadow);
  --glass-light: none;
  --glass-right: var(--pane-edge);
  --glass-left: var(--pane-edge);
  --glass-top: none;
  --seg-inset: 2px;
  --seg-gap: 2px;
  --seg-height: initial;
  --seg-weight: 500;
  --seg-disabled: .4;
  --seg-first: auto;
  --seg-chosen: var(--pane), var(--surface);
  --seg-track: var(--pane);
  --seg-edge: var(--pane-edge), var(--shadow);
  --facts-pad: var(--s4);
  --facts-gap: var(--s3);
  --facts-columns: 1fr 1fr;
  --facts-label-size: var(--t-xs);
  --facts-label-line: var(--lh-xs);
  --facts-surface: var(--pane), var(--surface);
  --facts-edge: var(--pane-edge), var(--shadow);
  --facts-frost: var(--frost);
  --sheet-handle: var(--line-2);
  --sheet-detail: var(--pane-solid);
  --sheet-frost: var(--frost);
  --scrim-frost: none;
  --head-title-ink: var(--ink);
  --focus-ring: #9fd38a;
  --panel-bg: rgba(35, 45, 38, .92);
  --panel-bg-solid: #232d26;
  --stage-light: rgba(216, 192, 154, .05);
  --s-scene: none;
  --stage: radial-gradient(120% 90% at 50% -20%, rgba(216, 192, 154, .05), transparent 60%), var(--sunk);
}
@media (prefers-color-scheme: light) { :root[data-lens="huahua"]:not(.ink):not([data-theme="dark"]) {
  color-scheme: light;
  --f-ui: "EB Garamond", "Noto Serif TC", "Iowan Old Style", Georgia, serif;
  --f-voice: "EB Garamond", "Noto Serif TC", "Iowan Old Style", Georgia, serif;
  --f-wide: "EB Garamond", "Noto Serif TC", "Iowan Old Style", Georgia, serif;
  --f-mono: "IBM Plex Mono", "Noto Serif TC", ui-monospace, "SF Mono", Menlo, monospace;
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;
  --s8: 64px;
  --s9: 96px;
  --t-xs: 12px;
  --t-s: 14px;
  --t-m: 16px;
  --t-l: 20px;
  --t-d1: 28px;
  --t-d2: 36px;
  --t-d3: 48px;
  --t-d4: 64px;
  --lh-xs: 16px;
  --lh-s: 20px;
  --lh-m: 24px;
  --lh-l: 28px;
  --lh-d1: 32px;
  --lh-d2: 40px;
  --lh-d3: 52px;
  --lh-d4: 64px;
  --r0: 6px;
  --r1: 10px;
  --r2: 16px;
  --r3: 22px;
  --r-pill: 999px;
  --h-xs: 24px;
  --h-s: 32px;
  --h-m: 40px;
  --h-l: 48px;
  --reach: 44px;
  --ease: cubic-bezier(.3, .7, .2, 1);
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-light: cubic-bezier(.45, .05, .35, 1);
  --spring: cubic-bezier(.34, 1.36, .64, 1);
  --d-press: 120ms;
  --d-micro: 160ms;
  --d-dur: 180ms;
  --d-rise: 280ms;
  --d-glide: 340ms;
  --d-slow: 420ms;
  --d-macro: 600ms;
  --d-land: 220ms;
  --d-fade: 1400ms;
  --d-turn: 6s;
  --d-step: 20ms;
  --ground: #f3efe6;
  --surface: #ebe5d8;
  --raised: #fbf9f4;
  --sunk: #e5decf;
  --line: rgba(44, 58, 46, .14);
  --line-2: rgba(44, 58, 46, .26);
  --line-3: rgba(44, 58, 46, .38);
  --tint: rgba(44, 58, 46, .04);
  --tint-2: rgba(44, 58, 46, .07);
  --tint-3: rgba(44, 58, 46, .1);
  --ink: #2c3a2e;
  --ink-2: #3f4b3e;
  --ink-3: #515a4a;
  --ink-4: #8f9385;
  --on-ink: #fbf9f4;
  --light: #286323;
  --core: #c0442f;
  --glass: #a82c18;
  --gap: #6c563a;
  --ok: #42614d;
  --warn: #8c4719;
  --bad: #8a2350;
  --ok-soft: rgba(66, 97, 77, .09);
  --warn-soft: rgba(140, 71, 25, .09);
  --bad-soft: rgba(138, 35, 80, .08);
  --gap-soft: rgba(108, 86, 58, .09);
  --glass-soft: rgba(168, 44, 24, .08);
  --c1: #3b6fd8;
  --c2: #c2457f;
  --c3: #a8650f;
  --c4: #14866a;
  --c5: #6a55d0;
  --c-other: #7d8174;
  --prism-stops: rgba(44,58,46,.08), rgba(63,122,58,.8), rgba(44,58,46,.85), rgba(63,122,58,.8), rgba(44,58,46,.08);
  --prism-line: linear-gradient(90deg, rgba(63,122,58,0), rgba(63,122,58,.8) 30%, rgba(44,58,46,.85) 70%, rgba(44,58,46,0));
  --prism-fall: linear-gradient(180deg, #3f7a3a, rgba(44,58,46,.3));
  --beam: rgba(63, 122, 58, .2);
  --bloom: 0 0 #0000;
  --glow: 0 0 18px -10px rgba(44,58,46,.3);
  --core-glow: none;
  --frost: blur(10px) saturate(105%);
  --pane: linear-gradient(180deg, rgba(251, 249, 244, .94), rgba(251, 249, 244, .86));
  --pane-solid: linear-gradient(#fbf9f4, #fbf9f4);
  --pane-edge: inset 0 1px 0 rgba(255,255,255,.7), inset 0 0 0 1px rgba(44,58,46,.1);
  --ring: inset 0 0 0 var(--edge-w) var(--line);
  --ring-2: inset 0 0 0 var(--edge-w) var(--line-2);
  --shadow: 0 18px 40px -28px rgba(60,48,20,.4);
  --shadow-pop: 0 0 0 1px rgba(44,58,46,.12), 0 16px 40px -14px rgba(60,48,20,.28);
  --scrim: rgba(243, 239, 230, .72);
  --cta: linear-gradient(#3f7a3a, #3f7a3a);
  --cta-ink: #fbf9f4;
  --cta-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 1px 1px rgba(44,58,46,.2), 0 10px 22px -14px rgba(44,58,46,.5);
  --focus: 0 0 0 2px var(--ground), 0 0 0 3.5px #286323;
  --pick: #3f7a3a;
  --on-pick: #fbf9f4;
  --ground-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='p' color-interpolation-filters='sRGB' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .25 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");
  --voice-stroke: 0 transparent;
  --voice-lift: none;
  --press: scale(.98);
  --cta-press: var(--cta-shadow);
  --edge-w: 1px;
  --arrive: translateY(8px);
  --arrive-pop: scale(.94);
  --tilt: 0deg;
  --bar: var(--pane);
  --bar-edge: var(--pane-edge);
  --bar-frost: var(--frost);
  --bar-tracking: normal;
  --cta-tracking: initial;
  --lens-exact: 0;
  --glass-wash: transparent;
  --glass-dark: none;
  --glass-right-drop: none;
  --glass-left-drop: none;
  --seg-first-three: var(--seg-first);
  --facts-min-height: 0px;
  --f-meta: var(--f-ui);
  --glass-layer-display: none;
  --glass-light-filter: none;
  --glass-right-fill: none;
  --glass-left-fill: none;
  --seg-ink: var(--ink);
  --pearl-frame: 0;
  --pearl-rim-shadow: none;
  --pearl-ring: var(--cta);
  --pearl-edge: var(--line);
  --pearl-label: linear-gradient(var(--cta-ink), var(--cta-ink));
  --pearl-label-shadow: none;
  --glass-base: var(--pane);
  --glass-edge: var(--pane-edge);
  --glass-drop: var(--shadow);
  --glass-light: none;
  --glass-right: var(--pane-edge);
  --glass-left: var(--pane-edge);
  --glass-top: none;
  --seg-inset: 2px;
  --seg-gap: 2px;
  --seg-height: initial;
  --seg-weight: 500;
  --seg-disabled: .4;
  --seg-first: auto;
  --seg-chosen: var(--pane), var(--surface);
  --seg-track: var(--pane);
  --seg-edge: var(--pane-edge), var(--shadow);
  --facts-pad: var(--s4);
  --facts-gap: var(--s3);
  --facts-columns: 1fr 1fr;
  --facts-label-size: var(--t-xs);
  --facts-label-line: var(--lh-xs);
  --facts-surface: var(--pane), var(--surface);
  --facts-edge: var(--pane-edge), var(--shadow);
  --facts-frost: var(--frost);
  --sheet-handle: var(--line-2);
  --sheet-detail: var(--pane-solid);
  --sheet-frost: var(--frost);
  --scrim-frost: none;
  --head-title-ink: var(--ink);
  --focus-ring: #286323;
  --panel-bg: rgba(243, 239, 230, .92);
  --panel-bg-solid: #f3efe6;
  --stage-light: rgba(122, 100, 71, .08);
  --s-scene: none;
  --stage: radial-gradient(120% 90% at 50% -20%, rgba(122, 100, 71, .08), transparent 60%), var(--sunk);
} }
:root[data-lens="huahua"].day,
:root[data-lens="huahua"][data-theme="light"]:not(.ink),
:root[data-lens="huahua"] .day,
[data-lens="huahua"][data-lens="huahua"]:not(:root).day,
[data-lens="huahua"][data-lens="huahua"]:not(:root)[data-theme="light"]:not(.ink),
[data-lens="huahua"][data-lens="huahua"]:not(:root) .day {
  color-scheme: light;
  --f-ui: "EB Garamond", "Noto Serif TC", "Iowan Old Style", Georgia, serif;
  --f-voice: "EB Garamond", "Noto Serif TC", "Iowan Old Style", Georgia, serif;
  --f-wide: "EB Garamond", "Noto Serif TC", "Iowan Old Style", Georgia, serif;
  --f-mono: "IBM Plex Mono", "Noto Serif TC", ui-monospace, "SF Mono", Menlo, monospace;
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;
  --s8: 64px;
  --s9: 96px;
  --t-xs: 12px;
  --t-s: 14px;
  --t-m: 16px;
  --t-l: 20px;
  --t-d1: 28px;
  --t-d2: 36px;
  --t-d3: 48px;
  --t-d4: 64px;
  --lh-xs: 16px;
  --lh-s: 20px;
  --lh-m: 24px;
  --lh-l: 28px;
  --lh-d1: 32px;
  --lh-d2: 40px;
  --lh-d3: 52px;
  --lh-d4: 64px;
  --r0: 6px;
  --r1: 10px;
  --r2: 16px;
  --r3: 22px;
  --r-pill: 999px;
  --h-xs: 24px;
  --h-s: 32px;
  --h-m: 40px;
  --h-l: 48px;
  --reach: 44px;
  --ease: cubic-bezier(.3, .7, .2, 1);
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-light: cubic-bezier(.45, .05, .35, 1);
  --spring: cubic-bezier(.34, 1.36, .64, 1);
  --d-press: 120ms;
  --d-micro: 160ms;
  --d-dur: 180ms;
  --d-rise: 280ms;
  --d-glide: 340ms;
  --d-slow: 420ms;
  --d-macro: 600ms;
  --d-land: 220ms;
  --d-fade: 1400ms;
  --d-turn: 6s;
  --d-step: 20ms;
  --ground: #f3efe6;
  --surface: #ebe5d8;
  --raised: #fbf9f4;
  --sunk: #e5decf;
  --line: rgba(44, 58, 46, .14);
  --line-2: rgba(44, 58, 46, .26);
  --line-3: rgba(44, 58, 46, .38);
  --tint: rgba(44, 58, 46, .04);
  --tint-2: rgba(44, 58, 46, .07);
  --tint-3: rgba(44, 58, 46, .1);
  --ink: #2c3a2e;
  --ink-2: #3f4b3e;
  --ink-3: #515a4a;
  --ink-4: #8f9385;
  --on-ink: #fbf9f4;
  --light: #286323;
  --core: #c0442f;
  --glass: #a82c18;
  --gap: #6c563a;
  --ok: #42614d;
  --warn: #8c4719;
  --bad: #8a2350;
  --ok-soft: rgba(66, 97, 77, .09);
  --warn-soft: rgba(140, 71, 25, .09);
  --bad-soft: rgba(138, 35, 80, .08);
  --gap-soft: rgba(108, 86, 58, .09);
  --glass-soft: rgba(168, 44, 24, .08);
  --c1: #3b6fd8;
  --c2: #c2457f;
  --c3: #a8650f;
  --c4: #14866a;
  --c5: #6a55d0;
  --c-other: #7d8174;
  --prism-stops: rgba(44,58,46,.08), rgba(63,122,58,.8), rgba(44,58,46,.85), rgba(63,122,58,.8), rgba(44,58,46,.08);
  --prism-line: linear-gradient(90deg, rgba(63,122,58,0), rgba(63,122,58,.8) 30%, rgba(44,58,46,.85) 70%, rgba(44,58,46,0));
  --prism-fall: linear-gradient(180deg, #3f7a3a, rgba(44,58,46,.3));
  --beam: rgba(63, 122, 58, .2);
  --bloom: 0 0 #0000;
  --glow: 0 0 18px -10px rgba(44,58,46,.3);
  --core-glow: none;
  --frost: blur(10px) saturate(105%);
  --pane: linear-gradient(180deg, rgba(251, 249, 244, .94), rgba(251, 249, 244, .86));
  --pane-solid: linear-gradient(#fbf9f4, #fbf9f4);
  --pane-edge: inset 0 1px 0 rgba(255,255,255,.7), inset 0 0 0 1px rgba(44,58,46,.1);
  --ring: inset 0 0 0 var(--edge-w) var(--line);
  --ring-2: inset 0 0 0 var(--edge-w) var(--line-2);
  --shadow: 0 18px 40px -28px rgba(60,48,20,.4);
  --shadow-pop: 0 0 0 1px rgba(44,58,46,.12), 0 16px 40px -14px rgba(60,48,20,.28);
  --scrim: rgba(243, 239, 230, .72);
  --cta: linear-gradient(#3f7a3a, #3f7a3a);
  --cta-ink: #fbf9f4;
  --cta-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 1px 1px rgba(44,58,46,.2), 0 10px 22px -14px rgba(44,58,46,.5);
  --focus: 0 0 0 2px var(--ground), 0 0 0 3.5px #286323;
  --pick: #3f7a3a;
  --on-pick: #fbf9f4;
  --ground-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='p' color-interpolation-filters='sRGB' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .25 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");
  --voice-stroke: 0 transparent;
  --voice-lift: none;
  --press: scale(.98);
  --cta-press: var(--cta-shadow);
  --edge-w: 1px;
  --arrive: translateY(8px);
  --arrive-pop: scale(.94);
  --tilt: 0deg;
  --bar: var(--pane);
  --bar-edge: var(--pane-edge);
  --bar-frost: var(--frost);
  --bar-tracking: normal;
  --cta-tracking: initial;
  --lens-exact: 0;
  --glass-wash: transparent;
  --glass-dark: none;
  --glass-right-drop: none;
  --glass-left-drop: none;
  --seg-first-three: var(--seg-first);
  --facts-min-height: 0px;
  --f-meta: var(--f-ui);
  --glass-layer-display: none;
  --glass-light-filter: none;
  --glass-right-fill: none;
  --glass-left-fill: none;
  --seg-ink: var(--ink);
  --pearl-frame: 0;
  --pearl-rim-shadow: none;
  --pearl-ring: var(--cta);
  --pearl-edge: var(--line);
  --pearl-label: linear-gradient(var(--cta-ink), var(--cta-ink));
  --pearl-label-shadow: none;
  --glass-base: var(--pane);
  --glass-edge: var(--pane-edge);
  --glass-drop: var(--shadow);
  --glass-light: none;
  --glass-right: var(--pane-edge);
  --glass-left: var(--pane-edge);
  --glass-top: none;
  --seg-inset: 2px;
  --seg-gap: 2px;
  --seg-height: initial;
  --seg-weight: 500;
  --seg-disabled: .4;
  --seg-first: auto;
  --seg-chosen: var(--pane), var(--surface);
  --seg-track: var(--pane);
  --seg-edge: var(--pane-edge), var(--shadow);
  --facts-pad: var(--s4);
  --facts-gap: var(--s3);
  --facts-columns: 1fr 1fr;
  --facts-label-size: var(--t-xs);
  --facts-label-line: var(--lh-xs);
  --facts-surface: var(--pane), var(--surface);
  --facts-edge: var(--pane-edge), var(--shadow);
  --facts-frost: var(--frost);
  --sheet-handle: var(--line-2);
  --sheet-detail: var(--pane-solid);
  --sheet-frost: var(--frost);
  --scrim-frost: none;
  --head-title-ink: var(--ink);
  --focus-ring: #286323;
  --panel-bg: rgba(243, 239, 230, .92);
  --panel-bg-solid: #f3efe6;
  --stage-light: rgba(122, 100, 71, .08);
  --s-scene: none;
  --stage: radial-gradient(120% 90% at 50% -20%, rgba(122, 100, 71, .08), transparent 60%), var(--sunk);
}