:root{
  --bg:#090706;--bg2:#140c0a;--surface:rgba(25,17,15,.82);--surface-2:rgba(255,255,255,.052);--surface-3:rgba(12,9,8,.94);
  --line:rgba(255,255,255,.105);--line-strong:rgba(255,255,255,.2);--text:#f8f0e9;--muted:#b5aaa3;--faint:#7b716c;
  --accent:#f27a86;--accent2:#c94f72;--accent-soft:rgba(242,122,134,.18);--accent-strong:rgba(242,122,134,.38);--warm:#d49a77;--good:#83d9a4;--warn:#e7b86c;--bad:#ff7474;
  --shadow:0 28px 90px rgba(0,0,0,.42);--r1:14px;--r2:20px;--r3:30px;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color-scheme:dark;
}
html[data-presentation="feminine"]{--bg:#090706;--bg2:#1b0f0e;--surface:rgba(33,19,19,.82);--accent:#ef7886;--accent2:#c34d70;--accent-soft:rgba(239,120,134,.17);--accent-strong:rgba(239,120,134,.4);--warm:#d79a79;--r2:22px;--r3:32px}
html[data-presentation="masculine"]{--bg:#070606;--bg2:#160707;--surface:rgba(24,10,10,.87);--surface-3:rgba(10,6,6,.96);--accent:#dd3d3d;--accent2:#82191d;--accent-soft:rgba(221,61,61,.16);--accent-strong:rgba(221,61,61,.44);--warm:#9f704e;--r2:14px;--r3:18px}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text);font-family:var(--sans)}body{overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}button,input,textarea,select{font:inherit;color:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}::selection{background:var(--accent);color:#fff}

/* Design system scale (consistency pass 2026-09-28). One spacing scale, one
   radius scale, one control size per role, one card padding per density.
   Nested elements follow concentric geometry: an element inset inside a card
   uses the card radius minus the card padding, never below the presentation's
   minimum inner radius. Feminine keeps soft corners, masculine stays sharp. */
:root{
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;
  --radius-pill:999px;--radius-inner-min:12px;
  --radius-card:var(--r3);
  --card-pad:24px;--card-pad-compact:16px;
  --radius-inner:max(var(--radius-inner-min),calc(var(--radius-card) - var(--card-pad)));
  --gap-section:24px;--gap-cards:16px;--gap-tiles:12px;
  --control-h:48px;--control-h-sm:44px;--control-pad:20px;--control-pad-sm:14px;--control-fs:15px;--control-fs-sm:13px;--control-fw:720;
  --chip-h:44px;--chip-pad:14px;--chip-fs:13px;--chip-fw:650;
  --tag-h:28px;--tag-pad:10px;--tag-fs:11px;--tag-fw:700;
  --input-h:48px;--input-pad:14px;
  --icon-sm:16px;--icon-md:18px;--icon-lg:20px;
  --type-h1:clamp(34px,3vw,44px);--type-h2:30px;--type-h3:22px;--type-list:16px;
  --label-fs:11px;--label-fw:700;--label-ls:.12em;--label-ls-tight:.06em;
  --shadow-card:0 24px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,220,205,.07);
  --shadow-raised:0 20px 64px rgba(0,0,0,.42),0 0 36px color-mix(in srgb,var(--gm-glow,rgba(239,120,134,.27)) 45%,transparent);
}
html[data-presentation="masculine"]{--radius-inner-min:8px}
@media(max-width:760px){
  :root{--card-pad:16px;--card-pad-compact:12px;--gap-section:16px;--gap-cards:12px;--gap-tiles:8px;--control-pad:16px;--type-h1:30px;--type-h2:26px;--type-h3:20px}
}
@media(max-width:359px){:root{--control-fs:14px;--control-pad:14px;--type-h1:28px}}