/* TOKENS: color (light + dark), type scale (golden ratio), spacing, radii, motion */
/* General Sans (Fontshare Free Font License). Self-hosted: add fonts/GeneralSans-Variable.woff2 (see README). */
@font-face{font-family:"General Sans";src:local("General Sans"),url(/fonts/GeneralSans-Variable.woff2) format("woff2");font-weight:200 700;font-display:swap}
:root{--bg:#fafafa;--ink:var(--text-1);--mute:var(--text-3);--text-1:#2b2b30;--text-2:#62626c;--text-3:#6f6f79;--bg-rgb:250,250,250;--ph-a:#f2f2f5;--ph-b:#ebebef;--ph-ic:#dcdce3;--u:18px;--t-xs:calc(var(--u)/1.272);--t-base:var(--u);--t-md:calc(var(--u)*1.272);--t-lg:calc(var(--u)*1.618);--t-xl:calc(var(--u)*2.058);--t-2xl:calc(var(--u)*2.618);--t-3xl:calc(var(--u)*3.33);--t-4xl:calc(var(--u)*5.388);--lh-body:1.8;--lh-head:1.15;--h-weight:500;--h-weight-display:400;--h-track:-.01em;--line:#e8e8ec;--card:#fcfcfd;--side:190px;--pad:clamp(24px,7vw,120px);--left:calc(var(--side) + var(--pad));--p1:#ffb8d4;--p2:#ffd8b0;--p3:#fff0a8;--p4:#bdeccf;--p5:#a9e8f2;--p6:#a9c4ff;--p7:#cdbaff;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
:root.dark{--bg:#12121b;--bg-rgb:18,18,27;--text-1:#ececf1;--text-2:#b7b7c3;--text-3:#8e8e9b;--line:#2b2b37;--card:#15151d;--ph-a:#1c1c26;--ph-b:#16161f;--ph-ic:#33333f}

@property --bg{syntax:"<color>";inherits:true;initial-value:#fafafa}
@property --text-1{syntax:"<color>";inherits:true;initial-value:#2b2b30}
@property --text-2{syntax:"<color>";inherits:true;initial-value:#62626c}
@property --text-3{syntax:"<color>";inherits:true;initial-value:#6f6f79}
@property --line{syntax:"<color>";inherits:true;initial-value:#e8e8ec}
@property --card{syntax:"<color>";inherits:true;initial-value:#fcfcfd}
@property --ph-a{syntax:"<color>";inherits:true;initial-value:#f2f2f5}
@property --ph-b{syntax:"<color>";inherits:true;initial-value:#ebebef}
@property --ph-ic{syntax:"<color>";inherits:true;initial-value:#dcdce3}
@property --bg-rgb{syntax:"<number>#";inherits:true;initial-value:250,250,250}
:root{transition:--bg .18s,--text-1 .18s,--text-2 .18s,--text-3 .18s,--line .18s,--card .18s,--ph-a .18s,--ph-b .18s,--ph-ic .18s,--bg-rgb .18s}
:root.dark{transition:--bg .9s,--text-1 .9s,--text-2 .9s,--text-3 .9s,--line .9s,--card .9s,--ph-a .9s,--ph-b .9s,--ph-ic .9s,--bg-rgb .9s}

/* Design tokens: spacing, shape, motion, layers. Replace values here to restyle the whole site. */
:root{--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:72px;
--r-sm:8px;--r-md:12px;--r-pill:99px;--bd:1px solid var(--line);
--ease:cubic-bezier(.2,.7,.2,1);--dur-1:.25s;--dur-2:.5s;--z-fog:25;--z-nav:30;--z-modal:100}