@font-face{font-family:InterVariable;src:url(/fonts/InterVariable.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{color-scheme:light;--canvas:#f7f7f5;--surface:#fff;--ink:#111110;--ink-muted:#686864;--ink-subtle:#858580;--border:#e2e2de;--surface-inverse:#111110;--ink-inverse:#f7f7f5;--gray-surface:#f7f7f5;--gray-surface-hover:#f1f1ee;--gray-surface-active:#ebebe7;--gray-border:#e2e2de;--gray-border-hover:#d3d3ce;--gray-border-active:#bdbdb7;--gray-solid:#858580;--gray-solid-hover:#686864;--gray-text-muted:#686864;--gray-text:#111110;--gray-alpha-surface:#11111000;--gray-alpha-surface-hover:#11111006;--gray-alpha-surface-active:#1111100e;--gray-alpha-border:#11111018;--gray-alpha-border-hover:#11111029;--gray-alpha-border-active:#11111041;--gray-alpha-solid:#11111080;--gray-alpha-solid-hover:#111110a0;--gray-alpha-text-muted:#111110a0;--gray-alpha-text:#111110fe;--blue-surface:oklch(97.32% .0141 251.56);--blue-surface-hover:oklch(96.29% .0195 250.59);--blue-surface-active:oklch(94.58% .0293 249.849);--blue-border:oklch(91.58% .0473 245.116);--blue-border-hover:oklch(82.75% .0979 248.48);--blue-border-active:oklch(73.08% .1583 248.133);--blue-solid:oklch(57.61% .2508 258.23);--blue-solid-hover:oklch(51.51% .2399 257.85);--blue-text-muted:oklch(53.18% .2399 256.99);--blue-text:oklch(26.67% .1099 254.34);--red-surface:oklch(96.5% .0223 13.09);--red-surface-hover:oklch(95.41% .0299 14.2526);--red-surface-active:oklch(94.33% .0369 15.0115);--red-border:oklch(91.51% .0471 19.8);--red-border-hover:oklch(84.47% .1018 17.71);--red-border-active:oklch(71.12% .1881 21.22);--red-solid:oklch(62.56% .2524 23.03);--red-solid-hover:oklch(58.19% .2482 25.15);--red-text-muted:oklch(54.99% .232 25.29);--red-text:oklch(24.8% .1041 18.86);--amber-surface:oklch(97.48% .0331 85.79);--amber-surface-hover:oklch(96.81% .0495 90.2423);--amber-surface-active:oklch(95.93% .0636 90.52);--amber-border:oklch(91.02% .1322 88.25);--amber-border-hover:oklch(86.55% .1583 79.63);--amber-border-active:oklch(80.25% .1953 73.59);--amber-solid:oklch(81.87% .1969 76.46);--amber-solid-hover:oklch(77.21% .1991 64.28);--amber-text-muted:oklch(52.79% .1496 54.65);--amber-text:oklch(30.83% .099 45.48);--green-surface:oklch(97.59% .0289 145.42);--green-surface-hover:oklch(96.92% .037 147.15);--green-surface-active:oklch(94.6% .0674 144.23);--green-border:oklch(91.49% .0976 146.24);--green-border-hover:oklch(85.45% .1627 146.3);--green-border-active:oklch(80.25% .214 145.18);--green-solid:oklch(64.58% .1746 147.27);--green-solid-hover:oklch(57.81% .1507 147.5);--green-text-muted:oklch(51.75% .1453 147.65);--green-text:oklch(29.15% .1197 147.38);--teal-surface:oklch(97.72% .0359 186.7);--teal-surface-hover:oklch(97.06% .0347 180.66);--teal-surface-active:oklch(94.92% .0478 182.07);--teal-border:oklch(92.76% .0718 183.78);--teal-border-hover:oklch(86.88% .1344 182.42);--teal-border-active:oklch(81.5% .161 178.96);--teal-solid:oklch(64.92% .1572 181.95);--teal-solid-hover:oklch(57.53% .1392 181.66);--teal-text-muted:oklch(52.08% .1251 182.93);--teal-text:oklch(32.11% .0788 179.82);--purple-surface:oklch(96.65% .0244 312.189);--purple-surface-hover:oklch(96.73% .0228 309.8);--purple-surface-active:oklch(94.85% .0364 310.15);--purple-border:oklch(91.77% .0614 312.82);--purple-border-hover:oklch(81.26% .1409 310.8);--purple-border-active:oklch(72.07% .2083 308.19);--purple-solid:oklch(55.5% .3008 306.12);--purple-solid-hover:oklch(48.58% .2638 305.73);--purple-text-muted:oklch(47.18% .2579 304);--purple-text:oklch(23.96% .13 305.66);--pink-surface:oklch(95.69% .0359 344.622);--pink-surface-hover:oklch(95.71% .0321 353.14);--pink-surface-active:oklch(93.83% .0451 356.29);--pink-border:oklch(91.12% .0573 358.82);--pink-border-hover:oklch(84.28% .0915 356.99);--pink-border-active:oklch(74.33% .1547 .24);--pink-solid:oklch(63.52% .238 1.01);--pink-solid-hover:oklch(59.51% .2339 4.21);--pink-text-muted:oklch(53.5% .2058 2.84);--pink-text:oklch(26% .0977 359);--font-sans:"InterVariable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-micro:.6875rem;--text-label:.75rem;--text-meta:.8125rem;--text-body:.9375rem;--text-title:1.0625rem;--text-subheading:1.25rem;--text-heading:1.5rem;--text-display:clamp(2.25rem, 1.75rem + 2vw, 3.25rem);--leading-micro:1.273;--leading-label:1.333;--leading-meta:1.385;--leading-body-compact:1.333;--leading-body-reading:1.6;--leading-title:1.333;--leading-subheading:1.3;--leading-heading:1.25;--leading-display:1.05;--tracking-micro:.01em;--tracking-label:.08em;--tracking-meta:.01em;--tracking-title:-.0056em;--tracking-subheading:-.0075em;--tracking-heading:-.01em;--tracking-display:-.01em;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--radius-small:.5rem;--radius-medium:1rem;--radius-round:999px;--focus-ring:2px solid currentColor;--focus-offset:3px;--content-width:45rem;--page-gutter:clamp(1rem, 4vw, 2rem);--duration-fast:.16s;--duration-base:.24s;--ease-standard:cubic-bezier(.2, 0, 0, 1)}:root[data-theme=dark]{color-scheme:dark;--canvas:#111110;--surface:#191918;--ink:#f4f4f1;--ink-muted:#aaafa8;--ink-subtle:#858580;--border:#30302d;--surface-inverse:#f4f4f1;--ink-inverse:#111110;--gray-surface:#191918;--gray-surface-hover:#20201f;--gray-surface-active:#272725;--gray-border:#30302d;--gray-border-hover:#41413d;--gray-border-active:#5a5a54;--gray-solid:#858580;--gray-solid-hover:#aaafa8;--gray-text-muted:#aaafa8;--gray-text:#f4f4f1;--gray-alpha-surface:#f4f4f109;--gray-alpha-surface-hover:#f4f4f110;--gray-alpha-surface-active:#f4f4f118;--gray-alpha-border:#f4f4f122;--gray-alpha-border-hover:#f4f4f134;--gray-alpha-border-active:#f4f4f150;--gray-alpha-solid:#f4f4f181;--gray-alpha-solid-hover:#f4f4f1ae;--gray-alpha-text-muted:#f4f4f1ae;--gray-alpha-text:#f4f4f1fe;--blue-surface:oklch(22.17% .069 259.89);--blue-surface-hover:oklch(25.45% .0811 255.8);--blue-surface-active:oklch(30.86% .1022 255.21);--blue-border:oklch(34.1% .121 254.74);--blue-border-hover:oklch(38.5% .1403 254.4);--blue-border-active:oklch(64.94% .1982 251.813);--blue-solid:oklch(57.61% .2321 258.23);--blue-solid-hover:oklch(51.51% .2307 257.85);--blue-text-muted:oklch(71.7% .1648 250.794);--blue-text:oklch(96.75% .0179 242.423);--red-surface:oklch(22.1% .0657 15.11);--red-surface-hover:oklch(25.93% .0834 19.02);--red-surface-active:oklch(31.47% .1105 20.96);--red-border:oklch(35.27% .1273 21.23);--red-border-hover:oklch(40.68% .1479 23.16);--red-border-active:oklch(62.56% .2277 23.03);--red-solid:oklch(62.56% .2234 23.03);--red-solid-hover:oklch(58.01% .227 25.12);--red-text-muted:oklch(69.96% .2136 22.03);--red-text:oklch(95.6% .0293 6.61);--amber-surface:oklch(22.46% .0538 76.04);--amber-surface-hover:oklch(24.95% .0642 64.78);--amber-surface-active:oklch(32.34% .0837 63.83);--amber-border:oklch(35.53% .0903 66.2971);--amber-border-hover:oklch(41.55% .1044 67.98);--amber-border-active:oklch(75.04% .1737 74.49);--amber-solid:oklch(81.87% .1969 76.46);--amber-solid-hover:oklch(77.21% .1991 64.28);--amber-text-muted:oklch(77.21% .1991 64.28);--amber-text:oklch(96.7% .0418 84.59);--green-surface:oklch(23.09% .0716 149.68);--green-surface-hover:oklch(27.12% .0895 150.09);--green-surface-active:oklch(29.84% .096 149.25);--green-border:oklch(34.39% .1039 147.78);--green-border-hover:oklch(44.19% .1484 147.2);--green-border-active:oklch(58.11% .1815 146.55);--green-solid:oklch(64.58% .199 147.27);--green-solid-hover:oklch(57.81% .1776 147.5);--green-text-muted:oklch(73.1% .2158 148.29);--green-text:oklch(96.76% .056 154.18);--teal-surface:oklch(22.1% .0544 178.74);--teal-surface-hover:oklch(25.06% .062 178.76);--teal-surface-active:oklch(31.5% .0767 180.99);--teal-border:oklch(32.43% .0763 180.13);--teal-border-hover:oklch(43.35% .1055 180.97);--teal-border-active:oklch(60.71% .1485 180.24);--teal-solid:oklch(64.92% .1403 181.95);--teal-solid-hover:oklch(57.53% .1392 181.66);--teal-text-muted:oklch(74.56% .1765 182.8);--teal-text:oklch(96.46% .056 180.29);--purple-surface:oklch(22.34% .0779 316.87);--purple-surface-hover:oklch(25.91% .0921 314.41);--purple-surface-active:oklch(31.98% .1219 312.41);--purple-border:oklch(35.93% .1504 309.78);--purple-border-hover:oklch(40.99% .1721 307.92);--purple-border-active:oklch(55.5% .2191 306.12);--purple-solid:oklch(55.5% .2186 306.12);--purple-solid-hover:oklch(48.58% .2102 305.73);--purple-text-muted:oklch(69.87% .2037 309.51);--purple-text:oklch(96.1% .0304 316.46);--pink-surface:oklch(22.67% .0628 354.73);--pink-surface-hover:oklch(26.2% .0859 356.68);--pink-surface-active:oklch(31.15% .1067 355.93);--pink-border:oklch(32.13% .1174 356.71);--pink-border-hover:oklch(37.01% .1453 358.39);--pink-border-active:oklch(50.33% .2089 4.33);--pink-solid:oklch(63.52% .2346 1.01);--pink-solid-hover:oklch(59.51% .2429 4.21);--pink-text-muted:oklch(69.36% .2223 3.91);--pink-text:oklch(95.74% .0326 350.08)}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-sans);background:var(--canvas);color:var(--ink);text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-synthesis:none;font-size:100%}body{background:var(--canvas);min-width:20rem;min-height:100vh;color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body-reading);margin:0}button,a{font:inherit}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}::selection{background:var(--surface-inverse);color:var(--ink-inverse)}.type-display{font-size:var(--text-display);font-weight:var(--weight-medium);line-height:var(--leading-display);letter-spacing:var(--tracking-display);text-wrap:balance;margin:0}.type-heading{font-size:var(--text-heading);font-weight:var(--weight-medium);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);text-wrap:balance;margin:0}.type-subheading{font-size:var(--text-subheading);font-weight:var(--weight-medium);line-height:var(--leading-subheading);letter-spacing:var(--tracking-subheading);text-wrap:balance;margin:0}.type-title{font-size:var(--text-title);font-weight:var(--weight-semibold);line-height:var(--leading-title);letter-spacing:var(--tracking-title);margin:0}.type-body{font-size:var(--text-body);font-weight:var(--weight-normal);line-height:var(--leading-body-reading);margin:0}.type-body-compact{font-size:var(--text-body);font-weight:var(--weight-normal);line-height:var(--leading-body-compact);margin:0}.type-label{font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-label);letter-spacing:var(--tracking-label);text-transform:uppercase;margin:0}.type-meta{color:var(--ink-muted);font-size:var(--text-meta);font-weight:var(--weight-normal);line-height:var(--leading-meta);letter-spacing:var(--tracking-meta);margin:0}.type-micro{color:var(--ink-muted);font-size:var(--text-micro);font-weight:var(--weight-normal);line-height:var(--leading-micro);letter-spacing:var(--tracking-micro);margin:0}.type-mono{font-family:var(--font-mono);font-size:var(--text-meta);font-weight:var(--weight-normal);line-height:var(--leading-meta);font-variant-numeric:tabular-nums;margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-dock{z-index:50;top:max(var(--space-4), env(safe-area-inset-top));align-items:center;gap:var(--space-2);max-width:calc(100vw - 2rem);display:flex;position:fixed;left:50%;translate:-50%}.site-dock__surface,.site-dock__settings-trigger{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);backdrop-filter:blur(18px)saturate(1.15);box-shadow:0 1px #0000000a,0 12px 36px #00000012}.site-dock__surface{align-items:center;gap:var(--space-1);min-width:0;padding:var(--space-1);border-radius:var(--radius-round);display:flex}.site-dock__logo,.site-dock__item,.site-dock__settings-trigger{border-radius:var(--radius-round);min-width:2.75rem;min-height:2.75rem;color:var(--ink-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border:0;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.site-dock__logo:hover,.site-dock__logo[data-active],.site-dock__item:hover,.site-dock__item[data-popup-open],.site-dock__item[data-active],.site-dock__settings-trigger:hover,.site-dock__settings-trigger[data-popup-open]{color:var(--ink);background:var(--gray-alpha-surface-active)}.site-dock__logo:active,.site-dock__item:active,.site-dock__settings-trigger:active,.settings-option:active,.motion-control:active,.site-popover__links a:active,.preview-switcher button:active,.responsive-preview__close:active{transform:scale(.96)}.site-dock__logo{flex:0 0 2.75rem}.site-dock__logo img{object-fit:cover;outline-offset:-1px;border-radius:50%;outline:1px solid oklch(0% 0 0/.1);width:2rem;height:2rem;display:block}:root[data-theme=dark] .site-dock__logo img{outline-color:oklch(100% 0 0/.1)}.site-dock__item{gap:var(--space-2);padding:0 var(--space-3);font-size:var(--text-meta);font-weight:var(--weight-medium);white-space:nowrap;background:0 0;line-height:1}.site-dock__item-icon{flex:none}.site-dock__divider{width:1px;height:1.5rem;margin:0 var(--space-1);background:var(--border)}.site-dock__settings-trigger{background-color:color-mix(in srgb, var(--surface) 88%, transparent);flex:0 0 3.25rem;width:3.25rem;height:3.25rem}.site-popover-positioner{z-index:60;outline:0}.site-popover{border:1px solid var(--border);border-radius:var(--radius-medium);width:min(20rem,100vw - 2rem);color:var(--ink);background:var(--surface);transform-origin:var(--transform-origin);transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);overflow:hidden;box-shadow:0 18px 60px #00000024}.site-popover[data-starting-style],.site-popover[data-ending-style]{opacity:0;transform:translateY(-.35rem)scale(.98)}.settings-popover{width:min(22rem,100vw - 2rem)}.site-popover__header,.settings-section{padding:var(--space-4)}.site-popover__header{padding-bottom:var(--space-3)}.site-popover__title,.site-popover__description,.settings-section__label,.settings-section__description{margin:0}.site-popover__title{font-size:var(--text-title);font-weight:var(--weight-semibold);line-height:var(--leading-title)}.site-popover__description,.settings-section__description{color:var(--ink-muted);font-size:var(--text-meta);line-height:var(--leading-meta);text-wrap:pretty}.site-popover__description{margin-top:var(--space-1)}.site-popover__links{gap:var(--space-1);padding:var(--space-3);border-top:1px dotted var(--border);display:grid}.site-popover__links a{align-items:center;gap:var(--space-3);min-height:2.75rem;padding:0 var(--space-3);border-radius:var(--radius-small);font-size:var(--text-body);line-height:var(--leading-body-compact);transition:background-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);text-decoration:none;display:flex}.site-popover__links a:hover{background:var(--gray-alpha-surface-hover)}.settings-section{border-top:1px dotted var(--border)}.settings-section__label{color:var(--ink-muted);font-size:var(--text-meta);line-height:var(--leading-meta)}.settings-section__heading{margin-bottom:var(--space-3)}.settings-section__heading .settings-section__description{margin-top:var(--space-1)}.settings-section--row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.settings-section--row .settings-section__description{margin-top:var(--space-1)}.settings-options{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.settings-options--theme{margin-top:var(--space-2)}.settings-option,.motion-control{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-small);min-height:2.75rem;color:var(--ink-muted);cursor:pointer;font-size:var(--text-meta);transition:color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);background:0 0;line-height:1;display:flex;position:relative}.settings-option:hover,.motion-control:hover:not(:disabled){color:var(--ink);background:var(--gray-alpha-surface-hover)}.settings-option:has([data-checked]),.settings-option[data-selected]{border-color:var(--ink);color:var(--ink);background:var(--gray-alpha-surface-hover)}.settings-option__control{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.settings-option:has(.settings-option__control:focus-visible){outline:var(--focus-ring);outline-offset:var(--focus-offset)}.motion-control{padding:0 var(--space-3);flex:none}.motion-control:disabled{cursor:not-allowed;opacity:.48}.site-dock__sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.responsive-preview__backdrop{z-index:80;background:color-mix(in srgb, var(--canvas) 82%, transparent);backdrop-filter:blur(12px)saturate(.8);transition:opacity var(--duration-base) var(--ease-standard);position:fixed;inset:0}.responsive-preview__backdrop[data-starting-style],.responsive-preview__backdrop[data-ending-style]{opacity:0}.responsive-preview__viewport{z-index:90;display:grid;position:fixed;inset:0}.responsive-preview{min-width:0;min-height:0;color:var(--ink);background:var(--canvas);transition:opacity var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);outline:0;flex-direction:column;display:flex}.responsive-preview[data-starting-style],.responsive-preview[data-ending-style]{opacity:0;transform:translateY(.5rem)}.responsive-preview__toolbar{z-index:1;min-height:4.5rem;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.preview-switcher{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-round);background:var(--gray-alpha-surface-hover);display:flex}.preview-switcher button,.responsive-preview__close{min-width:2.75rem;min-height:2.75rem;color:var(--ink-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);background:0 0;border:0;justify-content:center;align-items:center;display:flex}.preview-switcher button{gap:var(--space-2);padding:0 var(--space-3);border-radius:var(--radius-round);font-size:var(--text-meta)}.preview-switcher button:hover,.preview-switcher button[data-selected],.responsive-preview__close:hover{color:var(--ink);background:var(--surface)}.preview-switcher button[data-selected]{box-shadow:0 1px #0000000d,0 4px 14px #00000012}.responsive-preview__close{top:50%;right:var(--space-4);border-radius:50%;position:absolute;translate:0 -50%}.responsive-preview__canvas{min-width:0;min-height:0;padding:var(--space-6);flex:1;place-items:center;display:grid;overflow:auto}.responsive-preview__device{box-sizing:content-box;padding:var(--space-2);border:1px solid var(--gray-border-hover);background:var(--gray-solid);transition:width var(--duration-base) var(--ease-standard), height var(--duration-base) var(--ease-standard), border-radius var(--duration-base) var(--ease-standard);overflow:hidden;box-shadow:0 24px 80px #00000029}.responsive-preview[data-device=tablet] .responsive-preview__device{border-radius:1.5rem;width:min(48rem,100vw - 4rem);height:min(64rem,100svh - 8.5rem)}.responsive-preview[data-device=mobile] .responsive-preview__device{border-radius:2rem;width:min(24.375rem,100vw - 4rem);height:min(52.75rem,100svh - 8.5rem)}.responsive-preview__device iframe{background:var(--canvas);border:0;width:100%;height:100%;display:block}.responsive-preview[data-device=tablet] iframe{border-radius:1rem}.responsive-preview[data-device=mobile] iframe{border-radius:1.5rem}@media (width<=42rem){.site-dock{top:auto;bottom:max(var(--space-3), env(safe-area-inset-bottom));width:calc(100% - 1.5rem);max-width:none}.site-dock__surface{flex:1;justify-content:space-between;gap:0;min-width:0}.site-dock__logo,.site-dock__item{flex:2.75rem;min-width:2.75rem;padding-inline:0}.site-dock__divider{display:none}.site-dock__item-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-popover{width:calc(100vw - 1.5rem)}.site-popover[data-starting-style],.site-popover[data-ending-style]{transform:translateY(.35rem)scale(.98)}}@media (prefers-reduced-motion:reduce){.site-dock__logo,.site-dock__item,.site-dock__settings-trigger,.site-popover,.settings-option,.motion-control,.site-popover__links a,.responsive-preview__backdrop,.responsive-preview,.responsive-preview__device,.preview-switcher button,.responsive-preview__close{transition-duration:.01ms}}