*,:after,:before{box-sizing:border-box}body,html{padding:0;margin:0;height:auto}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}canvas,img,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ol,ul{list-style:none;padding:0;margin:0}.layout-main{flex:1 1;min-width:0;container-type:inline-size}:root{--layout-unit:8px;--layout-header-height:76px;--layout-footer-height:auto;--layout-gap:calc(var(--layout-unit) * 3);--layout-radius:calc(var(--layout-unit) * 2);--layout-content-max-width:1280px;--layout-content-inline-padding:24px;--layout-hamburger-top:24px;--layout-hamburger-inline-offset:24px;--layout-hamburger-size:24px;--layout-box-shadow:var(--layaout-box-shadow);--layout-icon-box-shadow:var(--icon-shadow);--layout-sidebar-width:260px;--layout-sidebar-icon-width:36px;--layout-transform:none;--layout-vertical-offset:var(--layout-header-height);--layout-transition-time:0.25s;--layout-transition-type:cubic-bezier(.22,.61,.36,1);--layout-transition:var(--layout-transition-time) var(--layout-transition-type);--layout-content-height:calc(100vh - var(--layout-header-height))}[data-sidebar-state=closed]{--layout-transform:translateX(calc(-1 * var(--layout-sidebar-width) - 100px))}[dir=rtl][data-sidebar-state=closed]{--layout-transform:translateX(calc(var(--layout-sidebar-width) + 100px))}@media(max-width:768px){:root{--layout-header-height:72px;--layout-content-inline-padding:16px}}:root{--font-jost:"Jost",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--font-josefin-sans:"Josefin Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--font-family-base:var(--font-jost);--font-family-heading:var(--font-josefin-sans);--font-family-code:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-sans:var(--font-family-base);--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-heading:1.25;--line-height-base:1.7;--line-height-relaxed:1.75;--font-size-display:2.5rem;--font-size-h1:2.125rem;--font-size-h2:1.625rem;--font-size-h3:1.25rem;--font-size-h4:1.125rem;--font-size-h5:1.0625rem;--font-size-h6:1rem;--font-size-base:1rem;--font-size-sm:0.875rem;--font-size-xs:0.75rem;--letter-spacing-tight:-0.01em;--letter-spacing-normal:0;--letter-spacing-wide:0.03em}@media(min-width:768px){:root{--font-size-display:4rem;--font-size-h1:3.125rem;--font-size-h2:2rem;--font-size-h3:1.5rem;--font-size-h4:1.25rem;--font-size-h5:1.125rem;--font-size-h6:1rem}}h1,h2,h3,h4,h5,h6{margin:0;color:var(--color-text);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-tight);text-wrap:balance}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h6{font-size:var(--font-size-h6)}p{margin:0;color:var(--color-text-soft);font-size:var(--font-size-base)}p,small{line-height:var(--line-height-base)}small{font-size:var(--font-size-sm)}:root{--grid-gap-xs:12px;--grid-gap-sm:12px;--grid-gap-md:16px;--grid-gap-lg:20px;--grid-gap-xl:24px}:root[data-theme=dark]{--color-bg-app:oklch(0.2111 0.0239 195.496);--color-bg-card:oklch(27.96% 0.03385 195.444);--color-bg-elevated:oklch(0.3089 0.0376 195.380);--color-bg-surface:oklch(0.2796 0.0338 195.391);--color-bg-surface-active:oklch(0.3089 0.0376 195.380);--color-bg-subtle:oklch(30.89% 0.03765 195.433);--color-bg-subtle-active:oklch(0.3089 0.0376 195.380);--color-bg-subtle-dark:oklch(23.467% 0.02698 195.527);--color-text:oklch(0.9409 0.0085 145.507);--color-text-soft:oklch(0.7101 0.0301 174.113);--color-text-muted:oklch(0.6206 0.0370 177.509);--color-text-disabled:oklch(0.5551 0.0347 175.605);--color-text-inverse:oklch(0.2111 0.0239 195.496);--color-text-primary:var(--color-text);--color-text-secondary:var(--color-text-soft);--color-border:oklch(1 0 0/0.08);--color-border-soft:oklch(1 0 0/0.05);--color-border-strong:oklch(1 0 0/0.14);--color-sidebar-bg:oklch(0.2500 0.0290 195.457);--color-sidebar-bg-hover:oklch(0.3089 0.0376 195.380);--color-sidebar-text:oklch(0.9409 0.0085 145.507);--color-sidebar-text-muted:oklch(0.7101 0.0301 174.113);--color-sidebar-border:oklch(1 0 0/0.1);--color-header-bg:oklch(0.2111 0.0239 195.496/0.9);--color-header-border:oklch(1 0 0/0.1);--color-footer-bg:oklch(0.1791 0.0188 195.606);--color-footer-text:oklch(0.82 0.02 174);--color-footer-heading:oklch(0.9409 0.0085 145.507);--color-focus-ring:oklch(0.7780 0.1454 169.748);--color-hover-overlay:oklch(1 0 0/0.04);--color-active-overlay:oklch(1 0 0/0.08);--color-disabled-bg:oklch(0.3089 0.0376 195.380);--color-disabled-text:oklch(0.5551 0.0347 175.605);--color-success:oklch(0.723 0.219 149.579);--color-warning:oklch(0.769 0.188 70.08);--color-danger:oklch(0.637 0.237 25.331);--color-info:oklch(0.681 0.219 257.829);--color-success-bg:oklch(0.266 0.065 152.934);--color-warning-bg:oklch(0.279 0.077 45.635);--color-danger-bg:oklch(0.258 0.092 26.042);--color-info-bg:oklch(0.265 0.066 257.418);--color-success-text:oklch(0.905 0.093 164.15);--color-warning-text:oklch(0.924 0.12 95.746);--color-danger-text:oklch(0.885 0.062 18.334);--color-info-text:oklch(0.899 0.094 258.334);--color-accent:oklch(0.7780 0.1454 169.748);--color-accent-hover:oklch(0.8251 0.1247 173.637);--color-accent-soft:oklch(0.7780 0.1454 169.748/0.16);--color-accent-dark:oklch(0.2500 0.0290 195.457);--color-accent-muted:oklch(0.6994 0.1314 170.866);--color-accent-text:oklch(0.7780 0.1454 169.748);--color-accent-contrast:oklch(0.2111 0.0239 195.496);--color-accent-inverse:oklch(0.9409 0.0085 145.507);--color-backdrop:oklch(0 0 0/0.55);--color-backdrop-transparent:oklch(0 0 0/0);--color-overlay-soft:oklch(1 0 0/0.15);--card-shadow:0 2px 14px oklch(0 0 0/0.24);--layout-box-shadow:0 4px 24px oklch(0 0 0/0.3);--icon-shadow:0 0 0 1px oklch(1 0 0/0.1)}:root{--color-bg-app:oklch(0.9843 0.0040 106.472);--color-bg-card:oklch(1 0 0);--color-bg-gradient:linear-gradient(180deg,oklch(0.9843 0.0040 106.472),oklch(0.9668 0.0054 95.100));--color-bg-elevated:oklch(1 0 0);--color-bg-surface:oklch(1 0 0);--color-bg-surface-active:oklch(0.9668 0.0054 95.100);--color-bg-subtle:oklch(96.681% 0.0053 95.188);--color-bg-subtle-active:oklch(0.9497 0.0168 88.000);--color-bg-subtle-dark:oklch(97.857% 0.00253 107.118);--color-text:oklch(0.2178 0 0);--color-text-soft:oklch(0.4676 0 0);--color-text-muted:oklch(68.622% 0.00008 271.152);--color-text-disabled:oklch(0.7122 0 0);--color-text-inverse:oklch(0.9843 0.0040 106.472);--color-text-primary:var(--color-text);--color-text-secondary:var(--color-text-soft);--color-border:oklch(0 0 0/0.08);--color-border-soft:oklch(0 0 0/0.05);--color-border-strong:oklch(0 0 0/0.14);--color-sidebar-bg:oklch(1 0 0);--color-sidebar-bg-hover:oklch(0.9668 0.0054 95.100);--color-sidebar-text:oklch(0.2178 0 0);--color-sidebar-text-muted:oklch(0.5243 0 0);--color-sidebar-border:oklch(0 0 0/0.1);--color-header-bg:oklch(0.9843 0.0040 106.472/0.85);--color-header-border:oklch(0 0 0/0.08);--color-footer-bg:oklch(0.3796 0.0597 194.932);--color-footer-text:oklch(0.965 0.01 180);--color-footer-heading:oklch(1 0 0);--color-focus-ring:oklch(0.3796 0.0597 194.932);--color-hover-overlay:oklch(0 0 0/0.04);--color-active-overlay:oklch(0 0 0/0.08);--color-disabled-bg:oklch(0.9668 0.0054 95.100);--color-disabled-text:oklch(0.6862 0 0);--color-success:oklch(0.627 0.194 149.214);--color-warning:oklch(0.666 0.179 58.318);--color-danger:oklch(0.577 0.245 27.325);--color-info:oklch(0.681 0.219 257.829);--color-success-bg:oklch(0.962 0.044 156.743);--color-warning-bg:oklch(0.962 0.059 95.617);--color-danger-bg:oklch(0.936 0.032 17.717);--color-info-bg:oklch(0.962 0.044 257.418);--color-success-text:oklch(0.393 0.095 152.535);--color-warning-text:oklch(0.414 0.112 45.904);--color-danger-text:oklch(0.396 0.141 25.723);--color-info-text:oklch(0.393 0.095 258.334);--color-accent:oklch(0.3796 0.0597 194.932);--color-accent-hover:oklch(0.4543 0.0737 194.872);--color-accent-soft:oklch(0.3796 0.0597 194.932/0.12);--color-accent-dark:oklch(0.3110 0.0479 194.970);--color-accent-muted:oklch(0.5365 0.0737 195.180);--color-accent-text:oklch(0.3796 0.0597 194.932);--color-accent-contrast:oklch(1 0 0);--color-accent-inverse:oklch(0.2500 0.0290 195.457);--color-accent-gold:oklch(79.56% 0.08676 81.146);--color-accent-gold-hover:oklch(79.27% 0.08623 86.18);--color-backdrop:oklch(0 0 0/0.45);--color-backdrop-transparent:oklch(0 0 0/0);--color-overlay-soft:oklch(1 0 0/0.35);--card-shadow:0 2px 8px oklch(0.1815 0.0147 195.931/0.08);--layout-box-shadow:0 1px 3px oklch(0 0 0/0.04),0 4px 12px oklch(0 0 0/0.03);--layaout-box-shadow:var(--layout-box-shadow);--icon-shadow:oklch(0 0 0/0.15) 0px 3px 3px 0px;--icon-stroke-width:2px;--input-floating-pt-sm:12px;--input-floating-pb-sm:4px;--input-height-sm:36px;--input-floating-pt-md:16px;--input-floating-pb-md:6px;--input-select-height-md:44px;--input-floating-pt-lg:20px;--input-floating-pb-lg:8px;--input-select-height-lg:52px;--radius-md:6px}html{height:100%}body{min-height:100vh;background:var(--color-bg-app);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);transition:background-color .2s ease,color .2s ease}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}