:root{--purple-500:262 83% 58%;--purple-600:263 78% 50%;--slate-900:222 47% 11%;--slate-800:222 47% 18%;--slate-100:210 20% 98%;--slate-200:214 32% 91%;--green-500:142 72% 29%;--secondary-50:190 80% 96%;--secondary-100:190 76% 88%;--secondary-200:190 72% 78%;--secondary-300:190 70% 66%;--secondary-400:190 85% 52%;--secondary-500:190 90% 40%;--secondary-600:192 88% 34%;--secondary-test:310 30% 23%;--red-500:0 84% 60%;--amber-500:38 92% 50%;--white:0 0% 100%;--black:0 0% 0%;--border-sutil:rgb(141 141 141 0.1);--color-primary:var(--purple-500);--color-primary-strong:var(--purple-600);--color-secondary:var(--secondary-test);--color-secondary-strong:var(--slate-900);--color-bg:var(--slate-100);--color-surface:var(--white);--color-text:222 47% 11%;--color-muted:215 16% 47%;--color-success:var(--green-500);--color-danger:var(--red-500);--color-warning:var(--amber-500);--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:9999px;--modal-backdrop-in:260ms;--modal-backdrop-out:220ms;--modal-panel-in:280ms;--modal-panel-out:240ms;--border:1px solid hsl(var(--slate-200));--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--shadow-sm:0 1px 2px hsl(0 0% 0%/0.05);--shadow-md:0 6px 20px hsl(0 0% 0%/0.1)}:root[data-theme=dark]{--color-bg:var(--slate-900);--color-surface:var(--slate-800);--color-text:0 0% 100%;--color-muted:215 16% 70%}@layer tokens{:root{--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1440px;--purple-500:262 83% 58%;--purple-600:263 78% 50%;--slate-900:222 47% 11%;--slate-800:222 47% 18%;--slate-100:210 20% 98%;--slate-200:214 32% 91%;--green-500:142 72% 29%;--red-500:0 84% 60%;--amber-500:38 92% 50%;--white:0 0% 100%;--black:0 0% 0%;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:9999px;--shadow-sm:0 1px 2px hsl(0 0% 0%/0.05);--shadow-md:0 6px 20px hsl(0 0% 0%/0.1);--shadow-lg:0 8px 28px hsl(0 0% 0%/0.15);--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--font-title-sm:clamp(16px,2.2vw,20px);--font-title-md:clamp(18px,2.6vw,24px);--font-title-lg:clamp(20px,3vw,28px);--line-clamp-title:2;--line-clamp-dek:3}}@layer tokens{}@layer tokens{}@layer tokens{}@layer tokens{}@layer tokens{}@layer theme{:root{--color-primary:var(--purple-500);--color-primary-strong:var(--purple-600);--color-bg:var(--slate-100);--color-surface:var(--white);--color-text:222 47% 11%;--color-muted:215 16% 47%;--color-success:var(--green-500);--color-danger:var(--red-500);--color-warning:var(--amber-500)}:root[data-theme=dark]{--color-bg:var(--slate-900);--color-surface:var(--slate-800);--color-text:0 0% 100%;--color-muted:215 16% 70%}}@layer theme{}@layer reset, tokens, theme, base, components, utilities;@layer base{body,html{min-block-size:100%}.site{min-block-size:100svh;display:flex;flex-direction:column;background:hsl(var(--color-bg));color:hsl(var(--color-text))}.site-main{flex:1 0 auto;padding-block:var(--space-6)}}:root{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}body,html{padding:0;margin:0;font-family:var(--font-sans);background:hsl(var(--color-bg));color:hsl(var(--color-text));font-size:var(--text-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}.u-card{background:hsl(var(--color-surface));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid hsl(var(--color-text)/.06)}.u-container{max-width:1200px;margin:0 auto;padding:16px}@layer utilities{.cq{container-type:inline-size}.u-container{max-inline-size:1100px;margin-inline:auto;padding-inline:var(--space-4);inline-size:100%}}@layer base{body,html{font-family:var(--font-sans);font-size:var(--text-md);background:hsl(var(--color-bg));color:hsl(var(--color-text))}.page-container{max-inline-size:clamp(320px,96vw,1200px);margin-inline:auto;padding-inline:clamp(var(--space-4),4vw,var(--space-7))}@media(min-width:1024px){.page-container{max-inline-size:clamp(320px,92vw,1280px)}}}