@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mt-8{margin-top:calc(var(--spacing) * 8)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.w-full{width:100%}.resize{resize:both}.gap-md{gap:var(--site-gap-md)}.border-default{border-color:var(--site-line-default)}.bg-base{background-color:var(--site-bg-base)}.p-sp-md{padding:var(--site-sp-md)}.text-body{color:var(--site-text-body)}.line-through{text-decoration-line:line-through}}:root{--site-font-sans:var(--font-pretendard), system-ui, sans-serif;--site-size-40:40px;--site-size-36:36px;--site-size-32:32px;--site-size-30:30px;--site-size-28:28px;--site-size-26:26px;--site-size-24:24px;--site-size-22:22px;--site-size-20:20px;--site-size-18:18px;--site-size-17:17px;--site-size-16:16px;--site-size-15:15px;--site-size-14:14px;--site-size-13:13px;--site-size-12:12px;--site-size-11:11px;--site-fw-700:700;--site-fw-600:600;--site-fw-500:500;--site-fw-400:400;--site-lh-130:1.3;--site-lh-150:1.5;--site-gray-0:#fff;--site-gray-50:#fafafa;--site-gray-100:#f5f5f5;--site-gray-200:#eee;--site-gray-300:#e0e0e0;--site-gray-400:#bdbdbd;--site-gray-500:#9e9e9e;--site-gray-600:#757575;--site-gray-700:#616161;--site-gray-800:#424242;--site-gray-900:#212121;--site-blue-50:#e3f2fd;--site-blue-400:#33a9ed;--site-blue-500:#0094e9;--site-blue-600:#0087d4;--site-blue-logo:#4093df;--site-red-50:#ffebee;--site-red-400:#f86363;--site-red-500:#f43c3c;--site-red-600:#de3737;--site-green-50:#e8f5e9;--site-green-500:#4caf50;--site-orange-50:#fff8e1;--site-orange-500:#f9a825;--site-space-0:0px;--site-space-2:2px;--site-space-4:4px;--site-space-8:8px;--site-space-12:12px;--site-space-14:14px;--site-space-16:16px;--site-space-18:18px;--site-space-20:20px;--site-space-24:24px;--site-space-28:28px;--site-space-32:32px;--site-space-40:40px;--site-space-50:50px;--site-space-60:60px;--site-space-80:80px;--site-height-24:24px;--site-height-28:28px;--site-height-32:32px;--site-height-36:36px;--site-height-40:40px;--site-height-44:44px;--site-height-48:48px;--site-height-52:52px;--site-height-56:56px;--site-radius-0:0px;--site-radius-2:2px;--site-radius-4:4px;--site-radius-6:6px;--site-radius-8:8px;--site-radius-10:10px;--site-radius-16:16px;--site-radius-full:999px;--site-border-1:1px;--site-border-2:2px;--site-border-3:3px;--site-icon-12:12px;--site-icon-14:14px;--site-icon-18:18px;--site-icon-24:24px;--site-icon-36:36px;--site-icon-48:48px;--site-stroke-1:1;--site-stroke-1-25:1.25;--site-stroke-1-5:1.5;--site-stroke-2:2;--site-touch-32:32px;--site-touch-44:44px;--site-touch-48:48px;--site-opacity-40:.4;--site-opacity-60:.6;--site-opacity-80:.8;--site-container-1280:1280px;--site-grid-columns-12:12;--site-grid-columns-8:8;--site-grid-columns-4:4;--site-breakpoint-360:360px;--site-breakpoint-767:767px;--site-breakpoint-768:768px;--site-breakpoint-1024:1024px;--site-breakpoint-1280:1280px;--site-breakpoint-1920:1920px;--site-tit-display-hero:var(--site-size-30);--site-tit-main-page:var(--site-size-26);--site-tit-page-title:var(--site-size-22);--site-tit-section-title:var(--site-size-18);--site-tit-component-header:var(--site-size-15);--site-tit-banner:var(--site-size-26);--site-tit-promo-bar:var(--site-size-18);--site-tit-card-title:var(--site-size-15);--site-tit-deal-card:var(--site-size-18);--site-txt-body-main:var(--site-size-13);--site-txt-body-sub:var(--site-size-12);--site-txt-caption:var(--site-size-11);--site-txt-desc:var(--site-size-14);--site-txt-banner-sub:var(--site-size-14);--site-nav-menu:var(--site-size-14);--site-nav-tab-label:var(--site-size-11);--site-nav-util:var(--site-size-16);--site-nav-mega-cat:var(--site-size-14);--site-nav-mega-group:var(--site-size-16);--site-nav-mega-item:var(--site-size-14);--site-nav-breadcrumb:var(--site-size-13);--site-price-main:var(--site-size-18);--site-price-original:var(--site-size-14);--site-price-convert:var(--site-size-13);--site-badge-tag:var(--site-size-13);--site-card-compact-title:var(--site-size-14);--site-tab-item:var(--site-size-14);--site-form-label:var(--site-size-13);--site-sp-3xs:var(--site-space-2);--site-sp-2xs:var(--site-space-4);--site-sp-xs:var(--site-space-8);--site-sp-sm:var(--site-space-12);--site-sp-md:var(--site-space-16);--site-sp-lg:var(--site-space-24);--site-sp-xl:var(--site-space-28);--site-sp-2xl:var(--site-space-32);--site-sp-3xl:var(--site-space-40);--site-sp-4xl:var(--site-space-80);--site-gap-xxs:var(--site-space-2);--site-gap-xs:var(--site-space-4);--site-gap-sm:var(--site-space-8);--site-gap-md:var(--site-space-12);--site-gap-lg:var(--site-space-14);--site-gap-xl:var(--site-space-16);--site-gap-xxl:var(--site-space-24);--site-gap-3xl:var(--site-space-40);--site-gap-4xl:var(--site-space-60);--site-gap-5xl:var(--site-space-80);--site-breakpoint-min:var(--site-breakpoint-360);--site-breakpoint-max:var(--site-breakpoint-767);--site-container-max:var(--site-breakpoint-360);--site-margin-container:var(--site-space-16);--site-grid-card-4col:302px;--site-grid-card-3col:227px;--site-grid-card-1col:328px;--site-grid-card-2col:156px;--site-grid-desktop:var(--site-grid-columns-12);--site-grid-tablet:var(--site-grid-columns-8);--site-grid-mobile:var(--site-grid-columns-4);--site-text-primary:var(--site-gray-900);--site-text-body:var(--site-gray-800);--site-text-secondary:var(--site-gray-700);--site-text-tertiary:var(--site-gray-600);--site-text-muted:var(--site-gray-500);--site-text-disabled:var(--site-gray-400);--site-text-point:var(--site-red-500);--site-text-link:var(--site-blue-500);--site-text-on-image:var(--site-gray-0);--site-text-on-image-sub:var(--site-gray-200);--site-text-on-solid:var(--site-gray-0);--site-text-on-disabled:var(--site-gray-500);--site-text-success:var(--site-green-500);--site-text-warning:var(--site-orange-500);--site-text-error:var(--site-red-500);--site-bg-base:var(--site-gray-0);--site-bg-surface-light:var(--site-gray-50);--site-bg-main:var(--site-gray-100);--site-bg-promo:var(--site-blue-500);--site-bg-disabled:var(--site-gray-300);--site-bg-success-tint:var(--site-green-50);--site-bg-warning-tint:var(--site-orange-50);--site-bg-error-tint:var(--site-red-50);--site-bg-info-tint:var(--site-blue-50);--site-line-light:var(--site-gray-200);--site-line-strong:var(--site-gray-300);--site-line-heading:var(--site-gray-900);--site-line-on-image:var(--site-gray-0);--site-line-point:var(--site-red-500);--site-line-focus:var(--site-gray-900);--site-line-hover:var(--site-gray-400);--site-line-default:var(--site-gray-300);--site-line-error:var(--site-red-500);--site-line-checked:var(--site-gray-900);--site-line-accent:var(--site-blue-500);--site-icon-strong-color:var(--site-gray-900);--site-icon-default-color:var(--site-gray-600);--site-icon-muted-color:var(--site-gray-400);--site-icon-on-solid-color:var(--site-gray-0);--site-icon-point-color:var(--site-red-500);--site-icon-3xs-size:var(--site-icon-12);--site-icon-3xs-stroke:var(--site-stroke-1);--site-icon-2xs-size:var(--site-icon-14);--site-icon-2xs-stroke:var(--site-stroke-1-25);--site-icon-xs-size:var(--site-icon-18);--site-icon-xs-stroke:var(--site-stroke-1-25);--site-icon-sm-size:var(--site-icon-24);--site-icon-sm-stroke:var(--site-stroke-1-5);--site-icon-md-size:var(--site-icon-36);--site-icon-md-stroke:var(--site-stroke-2);--site-icon-lg-size:var(--site-icon-48);--site-icon-lg-stroke:var(--site-stroke-2);--site-icon-3xs-svg-stroke:26.667px;--site-icon-2xs-svg-stroke:28.571px;--site-icon-xs-svg-stroke:22.222px;--site-icon-sm-svg-stroke:20px;--site-icon-md-svg-stroke:17.778px;--site-icon-lg-svg-stroke:13.333px;--site-brand-logo:var(--site-blue-logo);--site-overlay-scrim:#21212199;--site-font-base:var(--site-font-sans);--site-fw-heading:var(--site-fw-700);--site-fw-strong:var(--site-fw-600);--site-fw-title:var(--site-fw-500);--site-fw-body:var(--site-fw-400);--site-lh-tight:var(--site-lh-130);--site-lh-base:var(--site-lh-150);--site-media-play-button:var(--site-space-80);--site-control-box:var(--site-size-20);--site-control-mark:var(--site-size-12);--site-radius-square:var(--site-radius-0);--site-radius-badge:var(--site-radius-2);--site-radius-button:var(--site-radius-4);--site-radius-input:var(--site-radius-4);--site-radius-card:var(--site-radius-8);--site-radius-modal:var(--site-radius-16);--site-radius-chip:var(--site-radius-full);--site-radius-avatar:var(--site-radius-full);--site-touch-compact:var(--site-touch-32);--site-touch-min:var(--site-touch-44);--site-touch-comfortable:var(--site-touch-48);--site-border-default:var(--site-border-1);--site-border-divider:var(--site-border-1);--site-border-focus:var(--site-border-1);--site-border-tab-active:var(--site-border-2);--site-opacity-disabled:var(--site-opacity-40);--site-opacity-dim:var(--site-opacity-60);--color-primary:var(--site-text-primary);--site-shadow-header:0 1px 0 0 #0000000f;--shadow-sm:0 1px 2px 0 #0000000f;--shadow-md:0 4px 12px 0 #00000014;--shadow-lg:0 8px 24px 0 #0000001f;--site-shadow-quick-menu:0 0 50px 0 #0000001a;--site-scrim-banner-bottom:linear-gradient(to bottom, #21212100 30%, #212121cc 100%)}@media (min-width:768px){:root{--site-tit-display-hero:var(--site-size-36);--site-tit-main-page:var(--site-size-30);--site-tit-page-title:var(--site-size-26);--site-tit-section-title:var(--site-size-22);--site-tit-component-header:var(--site-size-17);--site-tit-banner:var(--site-size-28);--site-tit-promo-bar:var(--site-size-20);--site-tit-card-title:var(--site-size-16);--site-tit-deal-card:var(--site-size-24);--site-txt-body-main:var(--site-size-14);--site-txt-body-sub:var(--site-size-13);--site-txt-caption:var(--site-size-12);--site-nav-menu:var(--site-size-16);--site-sp-sm:var(--site-space-14);--site-sp-md:var(--site-space-18);--site-sp-xl:var(--site-space-32);--site-sp-2xl:var(--site-space-40);--site-sp-3xl:var(--site-space-50);--site-gap-lg:var(--site-space-14);--site-gap-xl:var(--site-space-20);--site-gap-xxl:var(--site-space-28);--site-breakpoint-min:var(--site-breakpoint-768);--site-breakpoint-max:var(--site-breakpoint-1024);--site-container-max:var(--site-breakpoint-768);--site-margin-container:var(--site-space-24);--site-shadow-quick-menu:0 0 8px 0 #0000000f}}@media (min-width:1280px){:root{--site-tit-display-hero:var(--site-size-40);--site-tit-main-page:var(--site-size-32);--site-tit-page-title:var(--site-size-28);--site-tit-section-title:var(--site-size-24);--site-tit-component-header:var(--site-size-18);--site-sp-sm:var(--site-space-16);--site-sp-md:var(--site-space-20);--site-sp-3xl:var(--site-space-60);--site-gap-lg:var(--site-space-16);--site-gap-xl:var(--site-space-24);--site-gap-xxl:var(--site-space-32);--site-breakpoint-min:var(--site-breakpoint-1280);--site-breakpoint-max:var(--site-breakpoint-1920);--site-container-max:var(--site-container-1280);--site-margin-container:var(--site-space-0)}}:root{--site-component-xxxs-height:var(--site-height-24);--site-component-xxxs-padding-x:var(--site-space-4);--site-component-xxxs-font-size:var(--site-size-12);--site-component-xxs-height:var(--site-height-28);--site-component-xxs-padding-x:var(--site-space-8);--site-component-xxs-font-size:var(--site-size-12);--site-component-xs-height:var(--site-height-32);--site-component-xs-padding-x:var(--site-space-8);--site-component-xs-font-size:var(--site-size-13);--site-component-sm-height:var(--site-height-36);--site-component-sm-padding-x:var(--site-space-12);--site-component-sm-font-size:var(--site-size-14);--site-component-md-height:var(--site-height-40);--site-component-md-padding-x:var(--site-space-16);--site-component-md-font-size:var(--site-size-14);--site-component-lg-height:var(--site-height-44);--site-component-lg-padding-x:var(--site-space-20);--site-component-lg-font-size:var(--site-size-16);--site-component-xl-height:var(--site-height-48);--site-component-xl-padding-x:var(--site-space-24);--site-component-xl-font-size:var(--site-size-16);--site-component-xxl-height:var(--site-height-52);--site-component-xxl-padding-x:var(--site-space-28);--site-component-xxl-font-size:var(--site-size-16);--site-component-xxxl-height:var(--site-height-56);--site-component-xxxl-padding-x:var(--site-space-32);--site-component-xxxl-font-size:var(--site-size-18);--site-button-solid-default-bg:var(--site-gray-900);--site-button-solid-default-text:var(--site-text-on-solid);--site-button-solid-default-icon:var(--site-icon-on-solid-color);--site-button-solid-hover-bg:var(--site-gray-800);--site-button-solid-hover-text:var(--site-text-on-solid);--site-button-solid-hover-icon:var(--site-icon-on-solid-color);--site-button-solid-pressed-bg:var(--site-gray-700);--site-button-solid-pressed-text:var(--site-text-on-solid);--site-button-solid-pressed-icon:var(--site-icon-on-solid-color);--site-button-solid-disabled-bg:var(--site-bg-disabled);--site-button-solid-disabled-text:var(--site-text-on-disabled);--site-button-solid-disabled-icon:var(--site-icon-muted-color);--site-button-solid-light-default-bg:var(--site-bg-base);--site-button-solid-light-default-text:var(--site-text-primary);--site-button-solid-light-default-icon:var(--site-icon-strong-color);--site-button-solid-light-hover-bg:var(--site-gray-50);--site-button-solid-light-pressed-bg:var(--site-gray-100);--site-button-secondary-default-bg:var(--site-gray-600);--site-button-secondary-default-text:var(--site-text-on-solid);--site-button-secondary-default-icon:var(--site-icon-on-solid-color);--site-button-secondary-hover-bg:var(--site-gray-700);--site-button-secondary-hover-text:var(--site-text-on-solid);--site-button-secondary-hover-icon:var(--site-icon-on-solid-color);--site-button-secondary-pressed-bg:var(--site-gray-800);--site-button-secondary-pressed-text:var(--site-text-on-solid);--site-button-secondary-pressed-icon:var(--site-icon-on-solid-color);--site-button-secondary-disabled-bg:var(--site-bg-disabled);--site-button-secondary-disabled-text:var(--site-text-on-disabled);--site-button-secondary-disabled-icon:var(--site-icon-muted-color);--site-button-line-default-border:var(--site-line-default);--site-button-line-default-text:var(--site-text-primary);--site-button-line-default-icon:var(--site-icon-default-color);--site-button-line-hover-bg:var(--site-gray-50);--site-button-line-hover-border:var(--site-line-hover);--site-button-line-hover-text:var(--site-text-primary);--site-button-line-hover-icon:var(--site-icon-strong-color);--site-button-line-pressed-bg:var(--site-gray-100);--site-button-line-pressed-border:var(--site-line-hover);--site-button-line-pressed-text:var(--site-text-primary);--site-button-line-pressed-icon:var(--site-icon-strong-color);--site-button-line-disabled-border:var(--site-line-default);--site-button-line-disabled-text:var(--site-text-on-disabled);--site-button-line-disabled-icon:var(--site-icon-muted-color);--site-button-line-icon-default-border:var(--site-line-default);--site-button-line-icon-default-text:var(--site-text-primary);--site-button-line-icon-default-icon:var(--site-icon-default-color);--site-button-line-icon-hover-bg:var(--site-gray-50);--site-button-line-icon-hover-border:var(--site-line-hover);--site-button-line-icon-hover-text:var(--site-text-primary);--site-button-line-icon-hover-icon:var(--site-icon-strong-color);--site-button-line-icon-pressed-bg:var(--site-gray-100);--site-button-line-icon-pressed-border:var(--site-line-hover);--site-button-line-icon-pressed-text:var(--site-text-primary);--site-button-line-icon-pressed-icon:var(--site-icon-strong-color);--site-button-line-icon-disabled-border:var(--site-line-default);--site-button-line-icon-disabled-icon:var(--site-icon-muted-color);--site-button-circle-light-bg:var(--site-bg-base);--site-button-circle-light-icon:var(--site-icon-default-color);--site-button-circle-light-hover-bg:var(--site-gray-50);--site-button-circle-light-hover-icon:var(--site-icon-strong-color);--site-button-circle-light-pressed-bg:var(--site-gray-100);--site-button-circle-light-pressed-icon:var(--site-icon-strong-color);--site-button-circle-dark-bg:var(--site-overlay-scrim);--site-button-circle-dark-icon:var(--site-icon-on-solid-color);--site-select-default-bg:var(--site-bg-base);--site-select-default-border:var(--site-line-default);--site-select-default-text:var(--site-text-primary);--site-select-default-icon:var(--site-icon-default-color);--site-select-focus-border:var(--site-line-focus);--site-select-focus-text:var(--site-text-primary);--site-select-focus-icon:var(--site-icon-strong-color);--site-select-error-border:var(--site-line-error);--site-select-error-text:var(--site-text-error);--site-select-readonly-bg:var(--site-bg-surface-light);--site-select-readonly-border:var(--site-line-default);--site-select-readonly-text:var(--site-text-primary);--site-select-readonly-icon:var(--site-icon-muted-color);--site-select-disabled-bg:var(--site-bg-disabled);--site-select-disabled-border:var(--site-line-default);--site-select-disabled-text:var(--site-text-on-disabled);--site-select-disabled-icon:var(--site-icon-muted-color);--site-input-default-bg:var(--site-bg-base);--site-input-default-border:var(--site-line-default);--site-input-default-text:var(--site-text-muted);--site-input-default-icon:var(--site-icon-default-color);--site-input-focus-border:var(--site-line-focus);--site-input-focus-text:var(--site-text-primary);--site-input-focus-icon:var(--site-icon-strong-color);--site-input-error-border:var(--site-line-error);--site-input-error-text:var(--site-text-error);--site-input-readonly-bg:var(--site-bg-surface-light);--site-input-readonly-border:var(--site-line-default);--site-input-readonly-text:var(--site-text-primary);--site-input-readonly-icon:var(--site-icon-muted-color);--site-input-disabled-bg:var(--site-bg-disabled);--site-input-disabled-border:var(--site-line-default);--site-input-disabled-text:var(--site-text-on-disabled);--site-input-disabled-icon:var(--site-icon-muted-color)}.text-tit-display-hero{font-size:var(--site-tit-display-hero);font-weight:var(--site-fw-heading);line-height:var(--site-lh-tight);letter-spacing:-.04em}.text-tit-main-page{font-size:var(--site-tit-main-page);font-weight:var(--site-fw-heading);line-height:var(--site-lh-tight);letter-spacing:-.04em}.text-tit-page-title{font-size:var(--site-tit-page-title);font-weight:var(--site-fw-heading);line-height:var(--site-lh-tight);letter-spacing:-.03em}.text-tit-section-title{font-size:var(--site-tit-section-title);font-weight:var(--site-fw-heading);line-height:var(--site-lh-tight);letter-spacing:-.03em}.text-tit-component-header{font-size:var(--site-tit-component-header);font-weight:var(--site-fw-title);line-height:var(--site-lh-tight);letter-spacing:-.03em}.text-tit-banner{font-size:var(--site-tit-banner);font-weight:var(--site-fw-heading);line-height:var(--site-lh-tight);letter-spacing:-.03em}.text-tit-promo-bar{font-size:var(--site-tit-promo-bar);font-weight:var(--site-fw-heading);line-height:var(--site-lh-tight);letter-spacing:-.03em}.text-tit-deal-card{font-size:var(--site-tit-deal-card);font-weight:var(--site-fw-heading);line-height:var(--site-lh-tight);letter-spacing:-.02em}.text-price-main{font-size:var(--site-price-main);font-weight:var(--site-fw-heading);line-height:var(--site-lh-tight);letter-spacing:-.03em}.text-txt-number-lg{font-size:var(--site-tit-section-title);font-weight:var(--site-fw-heading);line-height:var(--site-lh-tight);letter-spacing:-.03em}.text-nav-menu{font-size:var(--site-nav-menu);font-weight:var(--site-fw-title);line-height:var(--site-lh-base);letter-spacing:-.02em}.text-nav-menu-active{font-size:var(--site-nav-menu);font-weight:var(--site-fw-heading);line-height:var(--site-lh-base);letter-spacing:-.02em}.text-nav-util{font-size:var(--site-nav-util);font-weight:var(--site-fw-body);line-height:var(--site-lh-base);letter-spacing:-.02em}.text-nav-mega-cat{font-size:var(--site-nav-mega-cat);font-weight:var(--site-fw-body);line-height:var(--site-lh-base);letter-spacing:-.02em}.text-nav-mega-group{font-size:var(--site-nav-mega-group);font-weight:var(--site-fw-heading);line-height:var(--site-lh-tight);letter-spacing:-.02em}.text-nav-mega-item{font-size:var(--site-nav-mega-item);font-weight:var(--site-fw-body);line-height:var(--site-lh-base);letter-spacing:-.02em}.text-nav-breadcrumb{font-size:var(--site-nav-breadcrumb);font-weight:var(--site-fw-body);line-height:var(--site-lh-base);letter-spacing:-.01em}.text-nav-tab-label{font-size:var(--site-nav-tab-label);font-weight:var(--site-fw-body);letter-spacing:-.12px;line-height:1.4}.text-txt-card-title{font-size:var(--site-tit-card-title);font-weight:var(--site-fw-title);line-height:var(--site-lh-base);letter-spacing:-.02em}.text-txt-card-title-semibold{font-size:var(--site-tit-card-title);font-weight:var(--site-fw-strong);line-height:var(--site-lh-base);letter-spacing:-.02em}.text-txt-card-title-bold{font-size:var(--site-tit-card-title);font-weight:var(--site-fw-heading);line-height:var(--site-lh-base);letter-spacing:-.02em}.text-txt-body-main{font-size:var(--site-txt-body-main);font-weight:var(--site-fw-body);line-height:var(--site-lh-base);letter-spacing:-.02em}.text-txt-body-main-medium{font-size:var(--site-txt-body-main);font-weight:var(--site-fw-title);line-height:var(--site-lh-base);letter-spacing:-.02em}.text-txt-body-main-bold{font-size:var(--site-txt-body-main);font-weight:var(--site-fw-heading);line-height:var(--site-lh-base);letter-spacing:-.02em}.text-txt-body-sub{font-size:var(--site-txt-body-sub);font-weight:var(--site-fw-body);line-height:var(--site-lh-base);letter-spacing:-.01em}.text-txt-body-sub-medium{font-size:var(--site-txt-body-sub);font-weight:var(--site-fw-title);line-height:var(--site-lh-base);letter-spacing:-.01em}.text-txt-body-sub-semibold{font-size:var(--site-txt-body-sub);font-weight:var(--site-fw-strong);line-height:var(--site-lh-base);letter-spacing:-.01em}.text-txt-body-sub-bold{font-size:var(--site-txt-body-sub);font-weight:var(--site-fw-heading);line-height:var(--site-lh-base);letter-spacing:-.01em}.text-txt-caption{font-size:var(--site-txt-caption);font-weight:var(--site-fw-body);line-height:var(--site-lh-base);letter-spacing:-.01em}.text-txt-promo-label{font-size:var(--site-txt-caption);font-weight:var(--site-fw-heading);line-height:var(--site-lh-base);letter-spacing:-.01em}.text-txt-desc{font-size:var(--site-txt-desc);font-weight:var(--site-fw-body);line-height:var(--site-lh-base);letter-spacing:-.02em}.text-txt-banner-sub{font-size:var(--site-txt-banner-sub);font-weight:var(--site-fw-body);line-height:var(--site-lh-base);letter-spacing:-.02em}.text-price-original{font-size:var(--site-price-original);font-weight:var(--site-fw-body);line-height:var(--site-lh-base);letter-spacing:-.02em;text-decoration-line:line-through}.text-price-convert{font-size:var(--site-price-convert);font-weight:var(--site-fw-body);line-height:var(--site-lh-base);letter-spacing:-.01em}.text-badge-tag{font-size:var(--site-badge-tag);font-weight:var(--site-fw-title);line-height:var(--site-lh-base);letter-spacing:-.01em}.text-card-compact-title{font-size:var(--site-card-compact-title);font-weight:var(--site-fw-title);line-height:var(--site-lh-base);letter-spacing:-.02em}.text-tab-item{font-size:var(--site-tab-item);font-weight:var(--site-fw-body);line-height:var(--site-lh-base);letter-spacing:-.02em}.text-form-label{font-size:var(--site-form-label);font-weight:var(--site-fw-body);line-height:var(--site-lh-base);letter-spacing:-.01em}.ds-button{justify-content:center;align-items:center;gap:var(--site-gap-xs);min-height:var(--button-height);padding:0 var(--button-padding);border:var(--site-border-default) solid transparent;border-radius:var(--site-radius-button);font-family:var(--site-font-base);font-size:var(--button-font-size);font-weight:var(--site-fw-title);line-height:var(--site-lh-base);letter-spacing:-.02em;cursor:pointer;flex-shrink:0;transition:background-color .12s,border-color .12s;display:inline-flex}.ds-button:focus-visible,.ds-button.example-focus{outline:var(--site-border-focus) solid var(--site-line-focus);outline-offset:2px}.ds-button:disabled{cursor:not-allowed}.ds-button[data-size=xxxs]{--button-height:var(--site-component-xxxs-height);--button-padding:var(--site-component-xxxs-padding-x);--button-font-size:var(--site-component-xxxs-font-size)}.ds-button[data-size=xxs]{--button-height:var(--site-component-xxs-height);--button-padding:var(--site-component-xxs-padding-x);--button-font-size:var(--site-component-xxs-font-size)}.ds-button[data-size=xs]{--button-height:var(--site-component-xs-height);--button-padding:var(--site-component-xs-padding-x);--button-font-size:var(--site-component-xs-font-size)}.ds-button[data-size=sm]{--button-height:var(--site-component-sm-height);--button-padding:var(--site-component-sm-padding-x);--button-font-size:var(--site-component-sm-font-size)}.ds-button[data-size=md]{--button-height:var(--site-component-md-height);--button-padding:var(--site-component-md-padding-x);--button-font-size:var(--site-component-md-font-size)}.ds-button[data-size=lg]{--button-height:var(--site-component-lg-height);--button-padding:var(--site-component-lg-padding-x);--button-font-size:var(--site-component-lg-font-size)}.ds-button[data-size=xl]{--button-height:var(--site-component-xl-height);--button-padding:var(--site-component-xl-padding-x);--button-font-size:var(--site-component-xl-font-size)}.ds-button[data-size=xxl]{--button-height:var(--site-component-xxl-height);--button-padding:var(--site-component-xxl-padding-x);--button-font-size:var(--site-component-xxl-font-size)}.ds-button[data-size=xxxl]{--button-height:var(--site-component-xxxl-height);--button-padding:var(--site-component-xxxl-padding-x);--button-font-size:var(--site-component-xxxl-font-size)}.ds-button[data-variant=solid]{background:var(--site-button-solid-default-bg);color:var(--site-button-solid-default-text)}.ds-button[data-variant=solid] svg{color:var(--site-button-solid-default-icon)}.ds-button[data-variant=solid]:hover:not(:disabled),.ds-button[data-variant=solid].example-hover{background:var(--site-button-solid-hover-bg);color:var(--site-button-solid-hover-text)}.ds-button[data-variant=solid]:hover:not(:disabled) svg,.ds-button[data-variant=solid].example-hover svg{color:var(--site-button-solid-hover-icon)}.ds-button[data-variant=solid]:active:not(:disabled),.ds-button[data-variant=solid].example-pressed{background:var(--site-button-solid-pressed-bg);color:var(--site-button-solid-pressed-text)}.ds-button[data-variant=solid]:active:not(:disabled) svg,.ds-button[data-variant=solid].example-pressed svg{color:var(--site-button-solid-pressed-icon)}.ds-button[data-variant=solid]:disabled{background:var(--site-button-solid-disabled-bg);color:var(--site-button-solid-disabled-text)}.ds-button[data-variant=solid]:disabled svg{color:var(--site-button-solid-disabled-icon)}.ds-button[data-variant=secondary]{background:var(--site-button-secondary-default-bg);color:var(--site-button-secondary-default-text)}.ds-button[data-variant=secondary] svg{color:var(--site-button-secondary-default-icon)}.ds-button[data-variant=secondary]:hover:not(:disabled){background:var(--site-button-secondary-hover-bg);color:var(--site-button-secondary-hover-text)}.ds-button[data-variant=secondary]:hover:not(:disabled) svg{color:var(--site-button-secondary-hover-icon)}.ds-button[data-variant=secondary]:active:not(:disabled){background:var(--site-button-secondary-pressed-bg);color:var(--site-button-secondary-pressed-text)}.ds-button[data-variant=secondary]:active:not(:disabled) svg{color:var(--site-button-secondary-pressed-icon)}.ds-button[data-variant=secondary]:disabled{background:var(--site-button-secondary-disabled-bg);color:var(--site-button-secondary-disabled-text)}.ds-button[data-variant=secondary]:disabled svg{color:var(--site-button-secondary-disabled-icon)}.ds-button[data-variant=line]{color:var(--site-button-line-default-text);border-color:var(--site-button-line-default-border);background:0 0}.ds-button[data-variant=line] svg{color:var(--site-button-line-default-icon)}.ds-button[data-variant=line]:hover:not(:disabled){background:var(--site-button-line-hover-bg);color:var(--site-button-line-hover-text);border-color:var(--site-button-line-hover-border)}.ds-button[data-variant=line]:hover:not(:disabled) svg{color:var(--site-button-line-hover-icon)}.ds-button[data-variant=line]:active:not(:disabled){background:var(--site-button-line-pressed-bg);color:var(--site-button-line-pressed-text);border-color:var(--site-button-line-pressed-border)}.ds-button[data-variant=line]:active:not(:disabled) svg{color:var(--site-button-line-pressed-icon)}.ds-button[data-variant=line]:disabled{color:var(--site-button-line-disabled-text);border-color:var(--site-button-line-disabled-border)}.ds-button[data-variant=line]:disabled svg{color:var(--site-button-line-disabled-icon)}.ds-button[data-variant=line-icon]{color:var(--site-button-line-icon-default-text);border-color:var(--site-button-line-icon-default-border);width:var(--button-height);aspect-ratio:1;background:0 0;padding:0}.ds-button[data-variant=line-icon] svg{color:var(--site-button-line-icon-default-icon)}.ds-button[data-variant=line-icon]:hover:not(:disabled){background:var(--site-button-line-icon-hover-bg);color:var(--site-button-line-icon-hover-text);border-color:var(--site-button-line-icon-hover-border)}.ds-button[data-variant=line-icon]:hover:not(:disabled) svg{color:var(--site-button-line-icon-hover-icon)}.ds-button[data-variant=line-icon]:active:not(:disabled){background:var(--site-button-line-icon-pressed-bg);color:var(--site-button-line-icon-pressed-text);border-color:var(--site-button-line-icon-pressed-border)}.ds-button[data-variant=line-icon]:active:not(:disabled) svg{color:var(--site-button-line-icon-pressed-icon)}.ds-button[data-variant=line-icon]:disabled{border-color:var(--site-button-line-icon-disabled-border)}.ds-button[data-variant=line-icon]:disabled svg{color:var(--site-button-line-icon-disabled-icon)}.ds-button[data-variant=circle-light]{background:var(--site-button-circle-light-bg);color:var(--site-button-circle-light-icon);width:var(--button-height);aspect-ratio:1;border-radius:var(--site-radius-chip);box-shadow:var(--shadow-sm);padding:0}.ds-button[data-variant=circle-light]:hover:not(:disabled){background:var(--site-button-circle-light-hover-bg)}.ds-button[data-variant=circle-light]:hover:not(:disabled) svg{color:var(--site-button-circle-light-hover-icon)}.ds-button[data-variant=circle-light]:active:not(:disabled){background:var(--site-button-circle-light-pressed-bg)}.ds-button[data-variant=circle-light]:active:not(:disabled) svg{color:var(--site-button-circle-light-pressed-icon)}.ds-button[data-variant=circle-light]:disabled{background:var(--site-bg-disabled);color:var(--site-text-on-disabled)}.ds-button[data-variant=circle-dark]{background:var(--site-button-circle-dark-bg);color:var(--site-button-circle-dark-icon);width:var(--button-height);aspect-ratio:1;border-radius:var(--site-radius-chip);padding:0}.ds-button[data-variant=circle-dark]:disabled{background:var(--site-bg-disabled);color:var(--site-text-on-disabled)}.ds-button[data-variant=solid-light]{background:var(--site-button-solid-light-default-bg);color:var(--site-button-solid-light-default-text)}.ds-button[data-variant=solid-light] svg{color:var(--site-button-solid-light-default-icon)}.ds-button[data-variant=solid-light]:hover:not(:disabled){background:var(--site-button-solid-light-hover-bg)}.ds-button[data-variant=solid-light]:active:not(:disabled){background:var(--site-button-solid-light-pressed-bg)}.ds-button[data-variant=solid-light]:disabled{background:var(--site-bg-disabled);color:var(--site-text-on-disabled)}@media (prefers-reduced-motion:reduce){.ds-button{transition:none}}.ds-field{align-items:center;gap:var(--site-space-8);border:var(--site-border-default) solid var(--field-border);border-radius:var(--site-radius-input);background:var(--field-bg);width:100%;min-width:0;color:var(--field-text);height:var(--field-height);padding-inline:var(--field-padding);font:var(--site-fw-body) var(--field-font)/var(--site-lh-base) var(--site-font-base);letter-spacing:-.02em;display:flex;position:relative}.ds-field>input:not([type=hidden]),.ds-field>select{width:100%;min-width:0;height:100%;color:inherit;font:inherit;background:0 0;border:0;outline:none;padding:0;display:block}.ds-field>input:focus,.ds-field>input:focus-visible,.ds-field>select:focus,.ds-field>select:focus-visible{outline:none}.ds-field input::placeholder{color:var(--site-text-muted);opacity:1}.ds-field:focus-within{outline:none}.ds-field[data-state=default]:focus-within{outline:var(--site-border-focus) solid var(--site-line-focus);outline-offset:0}.ds-field[data-state=error]:focus-within{outline:var(--site-border-focus) solid var(--site-line-error);outline-offset:0}.ds-field[data-state=disabled],.ds-field :disabled{cursor:not-allowed}.field-icon{color:var(--field-icon);flex-shrink:0;align-items:center;display:inline-flex}.field-icon svg{width:1em;height:1em}.ds-select>select{appearance:none;padding-right:var(--site-space-24);cursor:pointer}.ds-select option{background:var(--site-bg-base);color:var(--site-text-primary)}.ds-select option:disabled{color:var(--site-text-disabled)}.select-indicator{right:var(--field-padding);pointer-events:none;position:absolute}.ds-field>input[type=hidden]{display:none}.field-demo{width:min(100%,320px)}.field-label{font-weight:var(--site-fw-title);margin-bottom:var(--site-space-8);color:var(--site-text-primary);display:block}.field-help{margin-top:var(--site-space-8);color:var(--site-text-secondary);font-size:var(--site-txt-caption)}.field-error{color:var(--site-text-error)}.field-examples{gap:var(--site-space-24);margin:var(--site-space-20) 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));display:grid}.field-example{padding:var(--site-space-16);border:1px solid var(--site-line-light);border-radius:var(--site-radius-card);min-width:0}.field-size-list{gap:var(--site-space-16);margin:var(--site-space-20) 0;display:grid}.field-size-list>div{align-items:center;gap:var(--site-space-12);grid-template-columns:48px minmax(0,1fr) 44px;display:grid}@media (forced-colors:active){.ds-field{border-color:buttontext}.ds-field[data-state=disabled]{color:graytext;border-color:graytext}.ds-select>select{appearance:auto}.select-indicator{display:none}}.ds-field[data-size=xxxs]{--field-height:var(--site-component-xxxs-height);--field-padding:var(--site-component-xxxs-padding-x);--field-font:var(--site-component-xxxs-font-size)}.ds-field[data-size=xxs]{--field-height:var(--site-component-xxs-height);--field-padding:var(--site-component-xxs-padding-x);--field-font:var(--site-component-xxs-font-size)}.ds-field[data-size=xs]{--field-height:var(--site-component-xs-height);--field-padding:var(--site-component-xs-padding-x);--field-font:var(--site-component-xs-font-size)}.ds-field[data-size=sm]{--field-height:var(--site-component-sm-height);--field-padding:var(--site-component-sm-padding-x);--field-font:var(--site-component-sm-font-size)}.ds-field[data-size=md]{--field-height:var(--site-component-md-height);--field-padding:var(--site-component-md-padding-x);--field-font:var(--site-component-md-font-size)}.ds-field[data-size=lg]{--field-height:var(--site-component-lg-height);--field-padding:var(--site-component-lg-padding-x);--field-font:var(--site-component-lg-font-size)}.ds-field[data-size=xl]{--field-height:var(--site-component-xl-height);--field-padding:var(--site-component-xl-padding-x);--field-font:var(--site-component-xl-font-size)}.ds-field[data-size=xxl]{--field-height:var(--site-component-xxl-height);--field-padding:var(--site-component-xxl-padding-x);--field-font:var(--site-component-xxl-font-size)}.ds-field[data-size=xxxl]{--field-height:var(--site-component-xxxl-height);--field-padding:var(--site-component-xxxl-padding-x);--field-font:var(--site-component-xxxl-font-size)}.ds-input[data-state=default]{--field-bg:var(--site-input-default-bg);--field-border:var(--site-input-default-border);--field-text:var(--site-input-default-text);--field-icon:var(--site-input-default-icon)}.ds-input[data-state=readonly]{--field-bg:var(--site-input-readonly-bg);--field-border:var(--site-input-readonly-border);--field-text:var(--site-input-readonly-text);--field-icon:var(--site-input-readonly-icon)}.ds-input[data-state=disabled]{--field-bg:var(--site-input-disabled-bg);--field-border:var(--site-input-disabled-border);--field-text:var(--site-input-disabled-text);--field-icon:var(--site-input-disabled-icon)}.ds-input[data-state=error]{--field-bg:var(--site-input-default-bg);--field-border:var(--site-input-error-border);--field-text:var(--site-input-error-text);--field-icon:var(--site-input-default-icon)}.ds-input[data-state=default]:focus-within{--field-border:var(--site-input-focus-border);--field-text:var(--site-input-focus-text);--field-icon:var(--site-input-focus-icon)}.ds-select[data-state=default]{--field-bg:var(--site-select-default-bg);--field-border:var(--site-select-default-border);--field-text:var(--site-select-default-text);--field-icon:var(--site-select-default-icon)}.ds-select[data-state=readonly]{--field-bg:var(--site-select-readonly-bg);--field-border:var(--site-select-readonly-border);--field-text:var(--site-select-readonly-text);--field-icon:var(--site-select-readonly-icon)}.ds-select[data-state=disabled]{--field-bg:var(--site-select-disabled-bg);--field-border:var(--site-select-disabled-border);--field-text:var(--site-select-disabled-text);--field-icon:var(--site-select-disabled-icon)}.ds-select[data-state=error]{--field-bg:var(--site-select-default-bg);--field-border:var(--site-select-error-border);--field-text:var(--site-select-error-text);--field-icon:var(--site-select-default-icon)}.ds-select[data-state=default]:focus-within{--field-border:var(--site-select-focus-border);--field-text:var(--site-select-focus-text);--field-icon:var(--site-select-focus-icon)}.ds-select[data-state=default][data-placeholder]>select{color:var(--site-text-muted)}.landing-root{background-color:var(--site-bg-base);min-height:100vh;color:var(--site-text-primary);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.landing-grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#0000000a 1px,#0000 1px),linear-gradient(#0000000a 1px,#0000 1px);background-size:32px 32px;height:840px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 10%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 60% at 50% 10%,#000 30%,#0000 100%)}.landing-header{z-index:100;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--site-line-light);background:#ffffffd9;width:100%;transition:border-color .2s,background-color .2s;position:sticky;top:0}.landing-header-inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 24px;display:flex}.landing-brand{color:var(--site-text-primary);letter-spacing:-.02em;align-items:center;gap:10px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.landing-brand-mark{background:var(--site-text-primary);width:28px;height:28px;color:var(--site-bg-base);letter-spacing:-.04em;border-radius:6px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.landing-brand-mark span{color:var(--site-text-brand)}.landing-version-pill{color:var(--site-text-secondary);background:var(--site-bg-main);border:1px solid var(--site-line-light);border-radius:10px;padding:2px 7px;font-size:11px;font-weight:500}.landing-nav{align-items:center;gap:8px;display:flex}.landing-nav-link{color:var(--site-text-secondary);border-radius:6px;padding:7px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s,background-color .15s}.landing-nav-link:hover{color:var(--site-text-primary);background:var(--site-bg-surface-light)}.landing-header-actions{align-items:center;gap:10px;display:flex}.landing-btn-docs{color:var(--site-text-on-solid);background:var(--site-text-primary);border-radius:6px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s,transform .15s;display:inline-flex}.landing-btn-docs:hover{opacity:.9;transform:translateY(-1px)}.landing-hero{z-index:1;text-align:center;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:72px 24px 64px;display:flex;position:relative}.landing-badge{background:var(--site-bg-surface-light);border:1px solid var(--site-line-hover);color:var(--site-text-primary);border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #0000000a}.landing-badge-dot{background:#22c55e;border-radius:50%;width:6px;height:6px}.landing-hero-title{letter-spacing:-.035em;color:var(--site-text-primary);max-width:820px;margin:0 0 20px;font-size:clamp(34px,5.5vw,60px);font-weight:800;line-height:1.15}.landing-hero-title span.accent-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#111 30%,#666 100%);-webkit-background-clip:text}.landing-hero-desc{color:var(--site-text-secondary);word-break:keep-all;max-width:640px;margin:0 0 36px;font-size:clamp(15px,1.8vw,18px);line-height:1.6}.landing-hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:56px;display:flex}.landing-cta-primary{background:var(--site-text-primary);height:46px;color:var(--site-text-on-solid);border-radius:7px;align-items:center;gap:8px;padding:0 24px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 4px 12px #0000001f}.landing-cta-primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000002e}.landing-cta-secondary{background:var(--site-bg-base);border:1px solid var(--site-line-hover);height:46px;color:var(--site-text-primary);border-radius:7px;align-items:center;gap:8px;padding:0 22px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,transform .15s;display:inline-flex}.landing-cta-secondary:hover{background:var(--site-bg-surface-light);border-color:var(--site-text-primary);transform:translateY(-2px)}.landing-showcase{text-align:left;grid-template-rows:auto auto;grid-template-columns:1.2fr 1fr;gap:18px;width:100%;max-width:1140px;display:grid}.bento-card{background:var(--site-bg-base);border:1px solid var(--site-line-light);border-radius:12px;padding:24px;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000008}.bento-card:hover{border-color:var(--site-line-hover);box-shadow:0 8px 24px #0000000f}.bento-card-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.bento-card-title{text-transform:uppercase;letter-spacing:.04em;color:var(--site-text-secondary);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.bento-badge{background:var(--site-bg-main);color:var(--site-text-primary);border-radius:4px;padding:2px 7px;font-size:11px;font-weight:500}.bento-card-buttons{flex-direction:column;grid-area:1/1/span 2;justify-content:space-between;display:flex}.bento-button-stage{border:1px dashed var(--site-line-hover);background:var(--site-bg-surface-light);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:180px;margin-bottom:20px;padding:24px;display:flex}.bento-button-controls{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.bento-chip{border:1px solid var(--site-line-light);background:var(--site-bg-base);color:var(--site-text-secondary);cursor:pointer;border-radius:5px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.bento-chip:hover{border-color:var(--site-text-primary);color:var(--site-text-primary)}.bento-chip[data-active=true]{background:var(--site-text-primary);color:var(--site-text-on-solid);border-color:var(--site-text-primary)}.bento-card-footer{border-top:1px solid var(--site-line-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.bento-card-fields{grid-area:1/2}.bento-field-demo{flex-direction:column;gap:14px;display:flex}.bento-card-tokens{grid-area:2/2}.palette-strip{gap:8px;margin-top:10px;margin-bottom:16px;display:flex}.palette-block{height:48px;font-size:10px;font-family:var(--site-font-code);color:#ffffffe6;border:1px solid #00000014;border-radius:6px;flex:1;align-items:flex-end;padding:6px;font-weight:500;display:flex}.palette-specs{grid-template-columns:repeat(3,1fr);gap:8px;font-size:11px;display:grid}.spec-cell{background:var(--site-bg-surface-light);border:1px solid var(--site-line-light);border-radius:6px;padding:8px 10px}.spec-cell span{color:var(--site-text-secondary);margin-bottom:2px;font-size:10px;display:block}.spec-cell strong{color:var(--site-text-primary);font-size:12px}.landing-section{width:100%;max-width:1200px;margin:0 auto;padding:80px 24px}.section-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--site-text-brand);align-items:center;gap:6px;margin-bottom:12px;font-size:12px;font-weight:700;display:inline-flex}.section-title{letter-spacing:-.03em;color:var(--site-text-primary);margin:0 0 14px;font-size:clamp(26px,3.5vw,38px);font-weight:800;line-height:1.25}.section-desc{color:var(--site-text-secondary);word-break:keep-all;max-width:580px;margin:0 0 44px;font-size:16px;line-height:1.6}.pillars-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.pillar-card{background:var(--site-bg-surface-light);border:1px solid var(--site-line-light);border-radius:10px;flex-direction:column;justify-content:space-between;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.pillar-card:hover{border-color:var(--site-line-hover);transform:translateY(-3px);box-shadow:0 8px 20px #0000000a}.pillar-icon{background:var(--site-bg-base);border:1px solid var(--site-line-light);width:40px;height:40px;color:var(--site-text-primary);border-radius:8px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.pillar-num{font-size:11px;font-family:var(--site-font-code);color:var(--site-text-muted);margin-bottom:8px;font-weight:600}.pillar-title{letter-spacing:-.02em;color:var(--site-text-primary);margin:0 0 8px;font-size:16px;font-weight:700}.pillar-desc{color:var(--site-text-secondary);word-break:keep-all;margin:0;font-size:13px;line-height:1.55}.components-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.component-card{background:var(--site-bg-base);border:1px solid var(--site-line-light);color:inherit;border-radius:10px;flex-direction:column;text-decoration:none;transition:all .2s;display:flex;overflow:hidden}.component-card:hover{border-color:var(--site-text-primary);transform:translateY(-3px);box-shadow:0 10px 24px #0000000f}.component-card-preview{background:var(--site-bg-surface-light);border-bottom:1px solid var(--site-line-light);justify-content:center;align-items:center;height:160px;padding:20px;display:flex;position:relative}.component-card-body{flex-direction:column;gap:6px;padding:20px;display:flex}.component-card-header{justify-content:space-between;align-items:center;display:flex}.component-card-title{color:var(--site-text-primary);margin:0;font-size:17px;font-weight:700}.component-card-desc{color:var(--site-text-secondary);margin:0;font-size:13px;line-height:1.5}.component-card-link{color:var(--site-text-primary);align-items:center;gap:4px;margin-top:10px;font-size:12px;font-weight:600;display:inline-flex}.foundations-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.foundation-card{background:var(--site-bg-base);border:1px solid var(--site-line-light);color:inherit;border-radius:10px;flex-direction:column;justify-content:space-between;padding:24px;text-decoration:none;transition:all .2s;display:flex}.foundation-card:hover{border-color:var(--site-text-primary);transform:translateY(-3px);box-shadow:0 8px 20px #0000000d}.landing-banner{width:100%;max-width:1200px;margin:40px auto 80px;padding:0 24px}.banner-card{background:var(--site-text-primary);color:var(--site-text-on-solid);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;padding:48px;display:flex;position:relative;overflow:hidden}.banner-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff6f0f40 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-50%;right:-20%}.banner-content h2{letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(22px,2.5vw,30px);font-weight:800}.banner-content p{color:#ffffffb3;margin:0;font-size:15px}.banner-btn{background:var(--site-bg-base);height:46px;color:var(--site-text-primary);z-index:1;border-radius:7px;align-items:center;gap:8px;padding:0 24px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-flex}.banner-btn:hover{opacity:.95;transform:translateY(-2px)}.landing-footer{border-top:1px solid var(--site-line-light);background:var(--site-bg-surface-light);margin-top:auto;padding:40px 24px}.landing-footer-inner{max-width:1200px;color:var(--site-text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;font-size:13px;display:flex}.landing-footer-links{gap:20px;display:flex}.landing-footer-links a{color:var(--site-text-secondary);text-decoration:none;transition:color .15s}.landing-footer-links a:hover{color:var(--site-text-primary)}.desktop-only{display:inline}.mobile-only{display:none}@media (max-width:1024px){.pillars-grid{grid-template-columns:repeat(2,1fr)}.landing-showcase{grid-template-columns:1fr}.bento-card-buttons,.bento-card-fields,.bento-card-tokens{grid-area:auto/1}}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:inline}.landing-header-inner{padding:0 16px}.landing-version-pill{display:none}.landing-btn-docs{white-space:nowrap;flex-shrink:0;padding:6px 12px;font-size:12px}.landing-nav{display:none}.landing-hero{width:100%;max-width:100%;padding:40px 16px 36px;overflow-x:hidden}.landing-hero-title{word-break:keep-all;font-size:26px;line-height:1.25}.landing-hero-desc{margin-bottom:28px;font-size:14px}.landing-hero-cta{flex-direction:column;width:100%;margin-bottom:40px}.landing-cta-primary,.landing-cta-secondary{justify-content:center;width:100%}.landing-showcase{width:100%;min-width:0}.bento-card{width:100%;min-width:0;padding:18px 16px}.bento-card-footer{flex-direction:column;align-items:flex-start;gap:10px}.bento-button-stage{min-height:140px;padding:16px}.bento-button-controls{flex-wrap:wrap;gap:6px}.palette-strip{gap:4px}.palette-block{padding:4px;font-size:9px}.palette-specs{grid-template-columns:repeat(3,1fr);gap:4px}.spec-cell{text-align:center;padding:6px 4px}.spec-cell strong{font-size:11px}.components-grid,.foundations-grid,.pillars-grid{grid-template-columns:1fr}.landing-section{width:100%;max-width:100%;padding:56px 16px;overflow-x:hidden}.banner-card{flex-direction:column;align-items:flex-start;padding:30px 20px}.banner-btn{justify-content:center;width:100%}.landing-footer-inner{flex-direction:column;align-items:flex-start;gap:12px}}*{box-sizing:border-box}html{scroll-padding-top:100px}body{background:var(--site-bg-base);color:var(--site-text-primary);font-family:var(--site-font-base);font-size:var(--site-form-label);line-height:var(--site-lh-base);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button,summary,select{cursor:pointer}:focus-visible{outline:2px solid var(--site-line-focus);outline-offset:4px}::selection{background:var(--site-line-strong)}code,pre{font-family:SFMono-Regular,Consolas,monospace;font-size:12px}p{margin:0}.site-header{border-bottom:1px solid var(--site-line-light);z-index:20;background:var(--site-bg-base);justify-content:space-between;align-items:center;height:76px;padding:0 32px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.8px;align-items:center;gap:11px;font-size:20px;font-weight:650;display:flex}.brand-mark{background:var(--site-text-primary);width:32px;height:32px;color:var(--site-text-on-solid);letter-spacing:-4px;border-radius:8px;justify-content:center;align-items:center;padding-right:4px;font-size:21px;display:flex}.brand-mark span{color:var(--site-line-strong)}.version{letter-spacing:0;border:1px solid var(--site-line-light);color:var(--site-text-secondary);border-radius:5px;margin-left:4px;padding:1px 5px;font-size:10px;font-weight:500}.header-note{color:var(--site-text-secondary);align-items:center;gap:14px;font-size:12px;display:flex}.green-dot{background:var(--site-text-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.site-grid{grid-template-columns:240px minmax(0,1fr) 210px;max-width:1600px;margin:auto;display:grid}.sidebar{border-right:1px solid var(--site-line-light);flex-direction:column;justify-content:space-between;height:calc(100dvh - 76px);padding:38px 20px 24px;display:flex;position:sticky;top:76px;overflow:auto}.nav-group{margin-bottom:32px}.nav-group>p{text-transform:uppercase;letter-spacing:1.6px;color:var(--site-text-secondary);margin-bottom:12px;padding:0 13px;font-size:10px;font-weight:600}.nav-group>p>.nav-category-link{color:inherit;min-height:unset;letter-spacing:inherit;text-transform:inherit;font-size:inherit;font-weight:inherit;border-radius:2px;margin:0;padding:0;display:inline-block}.nav-group>p>.nav-category-link:hover{color:var(--site-text-primary);background:0 0}.nav-group>a{min-height:44px;color:var(--site-text-secondary);border-radius:7px;align-items:center;gap:12px;margin:3px 0;padding:9px 13px;display:flex}.nav-group>a:hover{background:var(--site-bg-surface-light)}.nav-group>a[aria-current=page]{color:var(--site-text-primary);background:var(--site-bg-main);font-weight:600}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.nav-dot{background:var(--site-text-primary);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-bottom{border-top:1px solid var(--site-line-light);padding:20px 12px 0}.tiny-label{letter-spacing:1.3px;color:var(--site-text-secondary);font-size:9px}.sidebar-bottom p{margin:8px 0 20px;font-size:12px}.sidebar-bottom>span:last-child{color:var(--site-text-secondary);font-size:10px}main{min-width:0}article{max-width:900px;margin:auto;padding:44px 56px 0}.breadcrumb{color:var(--site-text-secondary);align-items:center;gap:12px;margin-bottom:26px;font-size:12px;display:flex}.breadcrumb span{color:var(--site-line-hover)}.breadcrumb-category{color:inherit;transition:color .15s}.breadcrumb-category:hover{color:var(--site-text-primary)}.title-row{align-items:center;gap:16px;display:flex}h1{font-size:var(--site-tit-display-hero);line-height:var(--site-lh-tight);font-weight:var(--site-fw-heading);letter-spacing:-1.5px;margin:0}.status-badge{background:var(--site-bg-main);color:var(--site-text-primary);border:1px solid var(--site-line-strong);border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:10px;display:inline-flex}.lead{color:var(--site-text-secondary);font-size:var(--site-txt-body-main);word-break:keep-all;margin-top:18px}.doc-meta{border-bottom:1px solid var(--site-line-light);color:var(--site-text-secondary);justify-content:space-between;gap:12px;padding:24px 0;font-size:10px;display:flex}.doc-meta span:first-child{letter-spacing:1.1px}.doc-section{margin-top:var(--site-sp-3xl);scroll-margin-top:100px}h2{font-size:var(--site-tit-section-title);font-weight:var(--site-fw-heading);line-height:var(--site-lh-tight);letter-spacing:-.5px;margin:0 0 18px}h2 a{align-items:center;gap:10px;display:inline-flex}h2 a span{opacity:0;color:var(--site-text-primary);font-size:18px}h2 a:hover span,h2 a:focus-visible span{opacity:1}h3{font-weight:600;font-size:var(--site-form-label);margin:0 0 8px}.doc-section>p{color:var(--site-text-secondary);word-break:keep-all;margin-bottom:22px;line-height:1.8}.toc{height:max-content;max-height:calc(100dvh - 76px);padding:48px 24px 20px 16px;position:sticky;top:76px;overflow:auto}.toc>p{letter-spacing:1.5px;color:var(--site-text-secondary);margin-bottom:18px;font-size:9px;font-weight:600}.toc nav{border-left:1px solid var(--site-line-light)}.toc nav a{color:var(--site-text-secondary);white-space:nowrap;text-overflow:ellipsis;border-left:2px solid #0000;margin-left:-1px;padding:7px 0 7px 15px;font-size:12px;transition:color .15s,border-color .15s;display:block;overflow:hidden}.toc nav a[aria-current=location]{border-color:var(--site-text-primary);color:var(--site-text-primary);font-weight:600}.toc nav a:hover{color:var(--site-text-primary)}.toc-note{border-top:1px solid var(--site-line-light);margin-top:30px;padding-top:20px;font-size:11px}.toc-note span{font-weight:600}.toc-note p{color:var(--site-text-secondary);margin-top:8px;line-height:1.8}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.playground{border:1px solid var(--site-line-light);border-radius:var(--site-radius-card);margin-top:24px;margin-bottom:20px;overflow:hidden}.preview-label{background:var(--site-bg-surface-light);color:var(--site-text-secondary);justify-content:space-between;padding:18px 22px 0;font-size:10px;display:flex}.preview-label>span:first-child{letter-spacing:1px;align-items:center;gap:6px;font-size:9px;display:flex}.preview-stage{background-color:var(--site-bg-surface-light);background-image:radial-gradient(var(--site-line-light) .8px, transparent .8px);background-size:16px 16px;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:225px;display:flex}.preview-feedback{color:var(--site-text-secondary);font-size:11px}.playground-controls{border-top:1px solid var(--site-line-light);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 20px;display:flex}.playground-controls label{color:var(--site-text-secondary);align-items:center;gap:9px;font-size:11px;display:flex}.playground-controls select{border:1px solid var(--site-line-hover);min-height:36px;color:var(--site-text-primary);background:var(--site-bg-base);border-radius:5px;padding:7px 26px 7px 10px}.playground-controls select:focus,.playground-controls select:focus-visible{outline:none}.playground-controls .ds-select{width:auto;min-width:110px}.playground-controls .ds-select>select{padding:0;padding-right:var(--site-space-24);min-height:unset;background:0 0;border:0;border-radius:0;outline:none}.playground-controls .ds-select>select:focus,.playground-controls .ds-select>select:focus-visible{outline:none}.playground-controls .checkbox-label{gap:6px;min-height:36px}input[type=checkbox]{accent-color:var(--site-text-primary);width:15px;height:15px}.preview-code{background:var(--site-bg-surface-light);border-top:1px solid var(--site-line-light);justify-content:space-between;align-items:flex-start;gap:10px;padding:17px 20px;display:flex}.preview-code pre{color:var(--site-text-primary);margin:0;line-height:1.9;overflow:auto}.preview-code button{border:1px solid var(--site-line-light);background:var(--site-bg-base);white-space:nowrap;border-radius:5px;min-height:32px;padding:5px 9px;font-size:11px}.callout{border:1px solid var(--site-line-strong);background:var(--site-bg-main);color:var(--site-text-primary);border-radius:8px;gap:12px;margin:20px 0;padding:16px 18px;font-size:12px;display:flex}.callout>span{font-size:18px}.callout strong{font-weight:600}.anatomy-panel{border:1px solid var(--site-line-light);background:var(--site-bg-surface-light);border-radius:var(--site-radius-card);flex-direction:column;justify-content:center;align-items:center;gap:26px;margin-top:24px;margin-bottom:20px;padding:42px 20px 26px;display:flex}.anatomy-demo{border:1px dashed var(--site-text-primary);border-radius:10px;padding:8px;position:relative}.anatomy-number{background:var(--site-text-primary);color:var(--site-text-on-solid);text-align:center;border-radius:50%;width:20px;height:20px;font-size:11px;position:absolute;top:-10px;left:-10px}.anatomy-legend{color:var(--site-text-secondary);gap:22px;font-size:11px;display:flex}.anatomy-legend b{color:var(--site-text-primary);background:var(--site-line-strong);border-radius:50%;margin-right:5px;padding:3px 6px}.caption{font-size:12px;margin-top:12px!important}.variant-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.variant-card{border:1px solid var(--site-line-light);border-radius:10px;padding-bottom:18px;overflow:hidden}.variant-card>div{background:var(--site-bg-surface-light);border-bottom:1px solid var(--site-line-light);justify-content:center;align-items:center;min-height:120px;margin-bottom:16px;display:flex}.variant-card h3,.variant-card p,.variant-card>code{margin-left:16px;margin-right:16px}.variant-card p{color:var(--site-text-secondary);margin-bottom:12px;font-size:11px}.variant-card>code{color:var(--site-text-secondary);font-size:10px}.sample-row{border:1px solid var(--site-line-light);border-radius:10px;justify-content:center;gap:36px;margin-bottom:20px;padding:28px 20px;display:flex}.sample-row>div{flex-direction:column;justify-content:flex-end;align-items:center;gap:15px;display:flex}.sample-row code{color:var(--site-text-secondary);font-size:11px}.table-scroll{border:1px solid var(--site-line-light);border-radius:8px;max-width:100%;margin:20px 0;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th,td{border-bottom:1px solid var(--site-line-light);vertical-align:top;padding:14px 16px}thead{background:var(--site-bg-surface-light)}th{white-space:nowrap;font-weight:500}td{color:var(--site-text-secondary)}tr:last-child td,tr:last-child th{border-bottom:0}.states-grid{border:1px solid var(--site-line-light);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:28px 12px;padding:26px 16px;display:grid}.states-grid>div{flex-direction:column;align-items:center;gap:12px;display:flex}.states-grid>div>span{color:var(--site-text-secondary);font-size:11px}.guideline-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.guideline{border-top:2px solid var(--site-text-primary);background:var(--site-bg-main);border-radius:0 0 8px 8px;padding:20px}.guideline h3{color:var(--site-text-primary)}.guideline p{color:var(--site-text-secondary);margin-top:12px;font-size:12px}.guideline.bad{border-color:var(--site-text-error);background:var(--site-bg-error-tint)}.guideline.bad h3{color:var(--site-text-error)}.code-block{border:1px solid var(--site-line-light);background:var(--site-bg-surface-light);border-radius:10px;margin:20px 0;overflow:hidden}.code-label{border-bottom:1px solid var(--site-line-light);letter-spacing:1px;color:var(--site-text-secondary);padding:10px 20px;font-size:9px}.code-block pre{color:var(--site-text-primary);margin:0;padding:20px;line-height:1.9;overflow:auto}.doc-footer{border-top:1px solid var(--site-line-light);color:var(--site-text-secondary);justify-content:space-between;gap:16px;margin-top:64px;padding:26px 0;font-size:11px;display:flex}.doc-footer a:hover{text-decoration:underline}.mobile-tools{display:none}.skip-link{z-index:100;background:var(--site-bg-base);border:2px solid var(--site-text-primary);padding:12px;position:fixed;top:-100px;left:12px}.skip-link:focus{top:12px}.color-hero{background:var(--site-bg-main);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;min-height:210px;padding:32px;display:flex;overflow:hidden}.color-hero>span{letter-spacing:-.7px;font-size:26px;line-height:1.35}.color-hero strong{color:var(--site-text-primary);font-weight:500}.color-orbits{padding-right:12px;display:flex}.color-orbits i{background:var(--site-text-primary);border-radius:60px;width:60px;height:110px;margin-left:-16px;transform:rotate(25deg)}.color-orbits i:nth-child(2){background:var(--site-text-body)}.color-orbits i:nth-child(3){background:var(--site-text-secondary)}.palette-group{margin-top:28px}.palette{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:10px;display:grid}.swatch{border:1px solid var(--site-line-light);border-radius:8px;height:74px;margin-bottom:8px}.palette span,.palette code{font-size:10px;display:block}.palette code{color:var(--site-text-secondary)}.inline-color{align-items:center;gap:8px;display:flex}.inline-color i{border:1px solid var(--site-line-light);border-radius:4px;flex-shrink:0;width:18px;height:18px}.token-flow{align-items:center;gap:10px;margin-bottom:24px;display:flex}.token-flow>div{border:1px solid var(--site-line-light);border-radius:8px;flex-direction:column;flex:1;gap:10px;min-width:0;padding:18px 12px;display:flex}.token-flow small{color:var(--site-text-secondary);letter-spacing:.5px;font-size:9px}.token-flow code{overflow-wrap:anywhere;font-size:10px}.token-flow span{color:var(--site-text-primary);font-size:11px}.doc-section ul{color:var(--site-text-secondary);padding-left:20px}.doc-section li{margin-top:12px}.type-hero{background:var(--site-bg-surface-light);border:1px solid var(--site-line-light);border-radius:12px;padding:34px}.type-hero>span{letter-spacing:-2px;font-size:52px;font-weight:500}.type-hero p{margin:14px 0}.type-hero code{color:var(--site-text-secondary);font-size:11px}.type-specimens>div{border-bottom:1px solid var(--site-line-light);grid-template-columns:140px minmax(0,1fr);align-items:center;gap:24px;padding:24px 0;display:grid}.type-specimens>div>div{flex-direction:column;gap:5px;display:flex}.type-specimens code{color:var(--site-text-secondary);font-size:10px}.type-display{font-size:var(--site-tit-display-hero);font-weight:var(--site-fw-heading);line-height:var(--site-lh-tight);letter-spacing:-.03em}.type-heading{font-size:var(--site-tit-section-title);font-weight:var(--site-fw-heading);line-height:var(--site-lh-tight)}.type-body{font-size:var(--site-txt-body-main);font-weight:var(--site-fw-body);line-height:var(--site-lh-base)}.type-label{font-size:var(--site-form-label);font-weight:var(--site-fw-title);line-height:var(--site-lh-base)}.type-caption{font-size:var(--site-txt-caption);font-weight:var(--site-fw-body);line-height:var(--site-lh-base)}.spacing-hero{border:1px solid var(--site-line-light);background:var(--site-bg-surface-light);border-radius:12px;justify-content:space-between;align-items:center;gap:24px;padding:32px;display:flex}.spacing-hero>div{gap:var(--site-gap-sm);flex-direction:column;display:flex}.spacing-hero>div>div{border:1px solid var(--site-text-primary);padding:var(--site-sp-md);color:var(--site-text-primary);background:var(--site-bg-main);border-radius:6px}.spacing-hero small{color:var(--site-text-secondary);font-size:10px}.spacing-hero>span{white-space:nowrap;font-size:38px;line-height:1.1}.spacing-scale{border:1px solid var(--site-line-light);border-radius:10px;padding:12px 20px}.spacing-scale>div{border-bottom:1px solid var(--site-line-light);grid-template-columns:130px 65px 1fr;align-items:center;padding:12px 0;display:grid}.spacing-scale>div:last-child{border:0}.spacing-scale>div>div{background:var(--site-text-primary);border-radius:3px;height:18px}.not-found{max-width:650px;margin:100px auto;padding:24px}.not-found p{margin:24px 0}.not-found a{color:var(--site-text-primary);text-decoration:underline}@media (min-width:1500px){article{padding-left:72px;padding-right:72px}}@media (max-width:1180px){.site-grid{grid-template-columns:210px minmax(0,1fr)}.toc{display:none}article{padding:40px 40px 0}}@media (max-width:760px){.site-header{height:64px;padding:0 20px}.brand{font-size:18px}.header-note{display:none}.site-grid{display:block}.sidebar{display:none}article{padding:28px 20px 0}.mobile-tools{background:var(--site-bg-surface-light);border-bottom:1px solid var(--site-line-light);align-items:flex-start;gap:12px;padding:12px 20px;display:flex}.mobile-tools details{flex:1;min-width:0;font-size:12px}.mobile-tools summary{padding:10px 0}.mobile-tools nav{padding:12px 0}.mobile-tools nav>a{padding:10px 4px;display:block}.mobile-tools .nav-group{margin-bottom:18px}.mobile-tools .nav-group>p{padding:0 4px;font-size:9px}h1{font-size:36px}.lead{font-size:14px}.breadcrumb{margin-bottom:20px}.doc-section{margin-top:36px}.preview-stage{min-height:210px}.playground-controls{gap:12px;padding:14px}.playground-controls label{gap:6px}.variant-grid{gap:8px}.variant-card h3,.variant-card p,.variant-card>code{margin-left:10px;margin-right:10px}.variant-card>code{font-size:9px}.variant-card>div{min-height:100px}.sample-row{gap:18px;padding:24px 12px}.guideline-grid{grid-template-columns:1fr}.states-grid{grid-template-columns:repeat(2,1fr)}.anatomy-legend{gap:12px;font-size:10px}.color-hero{padding:24px}.color-hero>span{font-size:22px}.color-orbits i{width:36px;height:85px}.token-flow{flex-direction:column;align-items:stretch}.token-flow>span{text-align:center;transform:rotate(90deg)}.type-specimens>div{grid-template-columns:90px minmax(0,1fr);gap:12px}.type-display{font-size:var(--site-tit-display-hero);overflow-wrap:anywhere}.spacing-hero{padding:20px}.spacing-scale{padding:12px}.spacing-scale>div{grid-template-columns:125px 55px 1fr}.doc-footer{font-size:10px}.caption code{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media (forced-colors:active){.ds-button{border:1px solid buttontext}.ds-button:disabled{color:graytext;border-color:graytext}}.copy-error{font-size:var(--site-txt-caption);color:var(--site-text-error);padding:12px 20px}:root{--font-pretendard:"Pretendard"}.sample-row{flex-wrap:wrap}.variant-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.token-catalog{margin-top:24px}.token-catalog summary{padding:12px 0;font-weight:600}.token-catalog code{overflow-wrap:anywhere;white-space:normal}.token-catalog th{white-space:normal}.token-catalog table{min-width:580px}.token-specimen{border-bottom:1px solid var(--site-line-light);padding:24px 0}.token-specimen>p{overflow-wrap:anywhere;margin-top:12px}