:root {
  --bg: #FAF8F4; 
  --bg-panel: #FFFFFF; 
  --bg-elev: #FFFFFF; 
  --bg-tint: #F4E6DA; 
  --fg: #27201C; 
  --fg-dim: #5E5650; 
  --fg-faint: #6B645E; 
  --decor: #BDB6AE; 
  --white: #1C1411; 
  --accent: #7B2D6B; 
  --amber: #A84A14; 
  --danger: #C42B2B; 
  --ok: #0E7A55; 
  --border: rgba(39,32,28,.14); 
  --border-bright: rgba(39,32,28,.30); 
  --lc-line-control: rgba(39,32,28,.52); 
  --lc-on-accent: #FAF8F4; 
  --lc-accent-wash: rgba(123,45,107,0.10); 
  --lc-accent-strong: #5D2251; 
  --lc-veil: rgba(250,248,244,.86); 
  --lc-scrim: rgba(28,20,17,.40); 
  --lc-pro: var(--fg); 
  --lc-pro-ink: var(--bg); 
  --lc-shadow-modal: 0 24px 64px rgba(28,20,17,.14), 0 2px 6px rgba(28,20,17,.06); 
  --lc-shadow-toast: 0 8px 24px rgba(28,20,17,.12); 
}
:root {
  --s-1: 4px; 
  --s-2: 8px; 
  --s-3: 16px; 
  --s-4: 24px; 
  --s-5: 32px; 
  --s-6: 48px; 
  --s-7: 64px; 
  --s-8: 96px; 
  --radius: 12px; 
  --radius-card: 20px; 
  --radius-pill: 999px; 
  --lc-radius-box: 6px; 
  --lc-radius-pro: 6px; 
  --fs-micro: 12px; 
  --fs-kicker: 13px; 
  --fs-small: 14px; 
  --fs-button: 15px; 
  --fs-body: 16px; 
  --fs-lead: 18px; 
  --fs-title: 22px; 
  --fs-display: 30px; 
  --fs-mega: 46px; 
  --measure: 1180px; 
  --measure-text: 68ch; 
  --tap: 44px; 
  --lc-control-h: 48px; 
  --btn-pad-y: 13px; 
  --btn-pad-x: 22px; 
  --lc-fs-pro: 10px; 
  --lc-pro-pad-x: 10px; 
  --icon: 20px; 
  --icon-sm: 16px; 
  --avatar-s: 32px; 
  --avatar-m: 48px; 
  --avatar-l: 80px; 
  --hairline: 1px; 
  --lc-rule-strong: 2px; 
  --lc-track: 2px; 
  --lc-gap-seg: 3px; 
  --lc-dot: 6px; 
  --lc-slot: 24px; 
  --lc-box: 14px; 
  --lc-thumb: 20px; 
  --lc-aside: 340px; 
  --lc-list: 320px; 
  --lc-toast: 480px; 
  --lc-modal: 560px; 
  --cap-height: 0.707em; 
  --lockup-gap: 0.297em; 
  --focus-width: 2px; 
  --lh-none: 1; 
  --lh-tight: 1.04; 
  --lh-display: 1.12; 
  --lh-title: 1.25; 
  --lh-ui: 1.3; 
  --lh-small: 1.5; 
  --lh-body: 1.6; 
  --lh-lead: 1.65; 
  --lh-quote: 1.7; 
  --tr-display: -0.02em; 
  --tr-tight: -0.01em; 
  --tr-none: 0em; 
  --tr-button: 0em; 
  --tr-chrome: 0em; 
  --tr-chip: 0em; 
  --tr-label-2: 0em; 
  --tr-label: 0em; 
  --lc-tr-pro: 0.18em; 
  --tr-code: 0.6ch; 
  --z-header: 20; 
  --z-veil: 5; 
  --z-drawer: 40; 
  --z-modal: 50; 
  --z-toast: 60; 
  --o-sign: 0.32; 
  --o-disabled: 0.5; 
  --font-text: "Onest", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-data: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --text-t-mega: 600 46px/1.08 var(--font-text);
  --text-t-display: 600 30px/1.15 var(--font-text);
  --text-t-title: 600 22px/1.3 var(--font-text);
  --text-t-lead: 400 18px/1.65 var(--font-text);
  --text-t-quote: 400 18px/1.7 var(--font-text);
  --text-t-body: 400 16px/1.6 var(--font-text);
  --text-t-strong: 600 16px/1.6 var(--font-text);
  --text-t-small: 400 14px/1.5 var(--font-text);
  --text-t-label: 500 13px/1.3 var(--font-text);
  --text-t-label-2: 500 13px/1.3 var(--font-text);
  --text-t-button: 600 15px/1.2 var(--font-text);
  --text-t-chrome: 500 13px/1.3 var(--font-data);
}
.t-mega {
  font-family: var(--font-text);
  font-size: 46px;
  line-height: 1.08;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.t-display {
  font-family: var(--font-text);
  font-size: 30px;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.t-title {
  font-family: var(--font-text);
  font-size: 22px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: 0em;
}
.t-lead {
  font-family: var(--font-text);
  font-size: 18px;
  line-height: 1.65;
  font-weight: 400;
  letter-spacing: 0em;
}
.t-quote {
  font-family: var(--font-text);
  font-size: 18px;
  line-height: 1.7;
  font-weight: 400;
  letter-spacing: 0em;
}
.t-body {
  font-family: var(--font-text);
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0em;
}
.t-strong {
  font-family: var(--font-text);
  font-size: 16px;
  line-height: 1.6;
  font-weight: 600;
  letter-spacing: 0em;
}
.t-small {
  font-family: var(--font-text);
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0em;
}
.t-label {
  font-family: var(--font-text);
  font-size: 13px;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: 0em;
}
.t-label-2 {
  font-family: var(--font-text);
  font-size: 13px;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: 0em;
}
.t-button {
  font-family: var(--font-text);
  font-size: 15px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0em;
}
.t-chrome {
  font-family: var(--font-data);
  font-size: 13px;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: 0em;
}
@font-face {
  font-family: "Onest";
  src: url("fonts/Onest-VF.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("fonts/JetBrainsMono-VF.woff2") format("woff2");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}