:root{--color-brand-50: #FFF0F5;--color-brand-100: #FFE1EC;--color-brand-700: #9A0051;--color-brand-800: #8E004B;--color-brand-legacy-kdl-2: #B0005B;--color-neutral-0: #FFFFFF;--color-neutral-50: #F7F7F8;--color-neutral-100: #EFEFF1;--color-neutral-200: #DCDCE1;--color-neutral-400: #8C8C95;--color-neutral-600: #5E5E67;--color-neutral-900: #202024;--color-success-100: #E8F5EE;--color-success-700: #18794E;--color-warning-100: #FFF3D6;--color-warning-700: #8A4B00;--color-error-100: #FDEBEC;--color-error-700: #B4232D;--color-information-100: #EAF2FF;--color-information-700: #2457C5;--background-page: var(--color-neutral-50);--background-subtle: var(--color-neutral-50);--background-brand-subtle: var(--color-brand-50);--background-inverse: var(--color-neutral-900);--surface-default: var(--color-neutral-0);--surface-raised: var(--color-neutral-0);--surface-subtle: var(--color-neutral-50);--surface-selected: var(--color-brand-100);--surface-inverse: var(--color-neutral-900);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-600);--text-tertiary: var(--color-neutral-600);--text-inverse: var(--color-neutral-0);--text-link: var(--color-brand-700);--text-on-brand: var(--color-neutral-0);--border-default: var(--color-neutral-200);--border-subtle: var(--color-neutral-100);--border-strong: var(--color-neutral-400);--border-selected: var(--color-brand-700);--border-inverse: var(--color-neutral-0);--action-primary-background-default: var(--color-brand-700);--action-primary-background-hover: var(--color-brand-800);--action-primary-background-pressed: var(--color-brand-800);--action-primary-text: var(--color-neutral-0);--action-secondary-background: var(--color-neutral-0);--action-secondary-text: var(--color-brand-700);--action-secondary-border: var(--color-brand-700);--action-ghost-text: var(--color-brand-700);--focus-ring: var(--color-brand-700);--focus-ring-offset: var(--color-neutral-0);--disabled-background: var(--color-neutral-100);--disabled-text: var(--color-neutral-400);--disabled-border: var(--color-neutral-200);--disabled-icon: var(--color-neutral-400);--success-surface: var(--color-success-100);--success-text: var(--color-success-700);--success-border: var(--color-success-700);--success-icon: var(--color-success-700);--warning-surface: var(--color-warning-100);--warning-text: var(--color-warning-700);--warning-border: var(--color-warning-700);--warning-icon: var(--color-warning-700);--error-surface: var(--color-error-100);--error-text: var(--color-error-700);--error-border: var(--color-error-700);--error-icon: var(--color-error-700);--information-surface: var(--color-information-100);--information-text: var(--color-information-700);--information-border: var(--color-information-700);--information-icon: var(--color-information-700);--typography-font-family-ui: Manrope;--typography-style-heading-h1: 700 24px/32px Manrope;--typography-style-heading-h2: 700 20px/28px Manrope;--typography-style-heading-h3: 700 18px/24px Manrope;--typography-style-title-large: 600 20px/28px Manrope;--typography-style-title-medium: 600 18px/24px Manrope;--typography-style-title-small: 600 16px/24px Manrope;--typography-style-body-large: 400 16px/24px Manrope;--typography-style-body-medium: 400 14px/20px Manrope;--typography-style-body-small: 400 12px/16px Manrope;--typography-style-label-large: 600 14px/20px Manrope;--typography-style-label-medium: 600 12px/16px Manrope;--typography-style-label-small: 600 10px/16px Manrope;--typography-style-caption-default: 400 11px/16px Manrope;--typography-style-caption-strong: 600 11px/16px Manrope;--typography-style-caption-dense: 400 10px/14px Manrope;--spacing-0: 0px;--spacing-2: 2px;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--radius-0: 0px;--radius-4: 4px;--radius-8: 8px;--radius-12: 12px;--radius-16: 16px;--radius-20: 20px;--radius-full: 9999px;--border-width-default: 1px;--border-width-emphasis: 2px;--shadow-elevation-low: 0px 1px 2px 0px #0000000D;--shadow-elevation-medium: 0px 4px 20px 0px #0000000D;--shadow-elevation-sticky: 0px -4px 20px 0px #0000000D}.kdl-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kdl-conformance-gallery{display:grid;gap:var(--spacing-24);padding:var(--spacing-24);background:var(--background-page)}.kdl-conformance-sample{padding:var(--spacing-16);border:var(--border-width-default) solid var(--border-subtle);border-radius:var(--radius-12);background:var(--surface-default)}.kdl-conformance-sample>h2{margin:0 0 var(--spacing-12);font:var(--typography-style-title-small)}.kdl-button,.kdl-icon-button,.kdl-segmented button,.kdl-bottom-nav button{font:inherit}.kdl-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-8);width:160px;height:48px;padding:var(--spacing-12) var(--spacing-24);border:var(--border-width-default) solid transparent;border-radius:var(--radius-12);font:var(--typography-style-label-large);cursor:pointer;transition:background-color .12s ease,border-color .12s ease,transform 80ms ease}.kdl-button--large{height:52px}.kdl-button--full{width:100%}.kdl-button--primary{color:var(--action-primary-text);background:var(--action-primary-background-default)}.kdl-button--primary:hover:not(:disabled){background:var(--action-primary-background-hover)}.kdl-button--primary:active:not(:disabled){background:var(--action-primary-background-pressed)}.kdl-button--secondary{border-color:var(--action-secondary-border);color:var(--action-secondary-text);background:var(--action-secondary-background)}.kdl-button--ghost{color:var(--action-ghost-text);background:transparent}.kdl-button:active:not(:disabled){transform:translateY(1px)}.kdl-button:disabled{border-color:var(--disabled-border);color:var(--disabled-text);background:var(--disabled-background);cursor:not-allowed}.kdl-button__icon{display:inline-grid;width:24px;height:24px;place-items:center}.kdl-spinner{width:20px;height:20px;border:var(--border-width-emphasis) solid currentColor;border-right-color:transparent;border-radius:var(--radius-full);animation:kdl-spin .7s linear infinite}@keyframes kdl-spin{to{transform:rotate(360deg)}}.kdl-icon-button{box-sizing:border-box;display:inline-grid;width:40px;height:40px;padding:var(--spacing-8);place-items:center;border:0;border-radius:var(--radius-full);color:var(--text-secondary);background:transparent;cursor:pointer}.kdl-icon-button--large{width:44px;height:44px;padding:10px}.kdl-icon-button--primary{color:var(--action-primary-text);background:var(--action-primary-background-default)}.kdl-icon-button--secondary{border:var(--border-width-default) solid var(--action-secondary-border);color:var(--action-secondary-text);background:var(--action-secondary-background)}.kdl-icon-button--ghost,.kdl-icon-button--utility{color:var(--action-ghost-text);background:transparent}.kdl-icon-button:disabled{color:var(--disabled-icon);background:var(--disabled-background);cursor:not-allowed}.kdl-icon-button svg{display:block;width:24px;height:24px}.kdl-link-action{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--spacing-4);min-height:40px;color:var(--text-link);font:var(--typography-style-label-medium);text-decoration:underline;text-underline-offset:var(--spacing-2)}.kdl-link-action[aria-disabled=true]{color:var(--disabled-text);text-decoration:none}.kdl-link-action__icon{display:inline-grid;width:24px;height:24px;place-items:center}.kdl-text-field{display:flex;width:min(100%,358px);min-width:0;flex-direction:column;gap:var(--spacing-4)}.kdl-text-field__label{color:var(--text-primary);font:var(--typography-style-label-medium)}.kdl-text-field__control{box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;height:48px;gap:var(--spacing-8);padding:0 var(--spacing-12);border:var(--border-width-default) solid var(--border-default);border-radius:var(--radius-8);color:var(--text-secondary);background:var(--surface-default)}.kdl-text-field__control:focus-within{border-color:var(--border-selected);box-shadow:0 0 0 var(--border-width-default) var(--focus-ring)}.kdl-text-field__control input{min-width:0;height:46px;padding:0;border:0;outline:0;color:var(--text-primary);background:transparent;font:var(--typography-style-body-medium)}.kdl-text-field__icon,.kdl-text-field__action{display:inline-grid;width:24px;height:24px;place-items:center}.kdl-text-field__support{color:var(--text-secondary);font:var(--typography-style-caption-default)}.kdl-text-field--error .kdl-text-field__control{border-color:var(--error-border)}.kdl-text-field--error .kdl-text-field__support{color:var(--error-text)}.kdl-text-field--success .kdl-text-field__control{border-color:var(--success-border)}.kdl-text-field--success .kdl-text-field__support{color:var(--success-text)}.kdl-text-field--disabled .kdl-text-field__control{border-color:var(--disabled-border);color:var(--disabled-icon);background:var(--disabled-background)}.kdl-text-field--disabled .kdl-text-field__control input{color:var(--disabled-text)}.kdl-selection{position:relative;box-sizing:border-box;display:inline-flex;width:260px;min-height:44px;align-items:center;gap:var(--spacing-12);padding:0 var(--spacing-12);border-radius:var(--radius-8);color:var(--text-primary);cursor:pointer}.kdl-selection input{position:absolute;width:1px;height:1px;opacity:0}.kdl-selection strong,.kdl-selection small{display:block}.kdl-selection strong{font:var(--typography-style-body-medium)}.kdl-selection small{margin-top:var(--spacing-2);color:var(--text-secondary);font:var(--typography-style-caption-default)}.kdl-checkbox__indicator,.kdl-radio__indicator{display:inline-grid;width:20px;height:20px;flex:0 0 20px;border:var(--border-width-default) solid var(--border-default);background:var(--surface-default);place-items:center}.kdl-checkbox__indicator{border-radius:var(--radius-4)}.kdl-radio__indicator{border-radius:var(--radius-full)}.kdl-checkbox__indicator svg{width:16px;height:16px;opacity:0}.kdl-selection input:checked+.kdl-checkbox__indicator{border-color:var(--border-selected);color:var(--text-on-brand);background:var(--action-primary-background-default)}.kdl-selection input:checked+.kdl-checkbox__indicator svg{opacity:1}.kdl-selection input:checked+.kdl-radio__indicator{border:6px solid var(--border-selected)}.kdl-selection input:focus-visible+.kdl-checkbox__indicator,.kdl-selection input:focus-visible+.kdl-radio__indicator{outline:var(--border-width-emphasis) solid var(--focus-ring);outline-offset:var(--spacing-2)}.kdl-selection input:disabled+span{border-color:var(--disabled-border);background:var(--disabled-background)}.kdl-selection:hover:has(input:not(:disabled)){background:var(--background-brand-subtle)}.kdl-selection:focus-within{outline:var(--border-width-emphasis) solid var(--focus-ring);outline-offset:-2px}.kdl-selection--error{color:var(--error-text)}.kdl-selection--error .kdl-checkbox__indicator,.kdl-selection--error .kdl-radio__indicator{border-color:var(--error-border)}.kdl-badge{box-sizing:border-box;display:inline-flex;width:fit-content;min-width:63px;height:24px;align-items:center;gap:var(--spacing-4);justify-content:center;padding:var(--spacing-4) var(--spacing-8);border:0;outline:var(--border-width-default) solid currentColor;outline-offset:-1px;border-radius:var(--radius-full);color:var(--text-link);background:var(--background-brand-subtle);font:var(--typography-style-label-medium)}.kdl-badge--neutral{color:var(--text-secondary);background:var(--surface-subtle)}.kdl-badge--success{color:var(--success-text);background:var(--success-surface)}.kdl-badge--warning{color:var(--warning-text);background:var(--warning-surface)}.kdl-badge--error{color:var(--error-text);background:var(--error-surface)}.kdl-badge--information{color:var(--information-text);background:var(--information-surface)}.kdl-badge__icon{display:inline-grid;width:16px;height:16px;place-items:center}.kdl-notice{box-sizing:border-box;display:grid;width:min(100%,358px);min-height:80px;grid-template-columns:24px minmax(0,1fr) auto;gap:var(--spacing-12);padding:var(--spacing-16);border:var(--border-width-default) solid var(--information-border);border-radius:var(--radius-12);color:var(--information-text);background:var(--information-surface)}.kdl-notice--success{border-color:var(--success-border);color:var(--success-text);background:var(--success-surface)}.kdl-notice--warning{border-color:var(--warning-border);color:var(--warning-text);background:var(--warning-surface)}.kdl-notice--error{border-color:var(--error-border);color:var(--error-text);background:var(--error-surface)}.kdl-notice__icon{display:inline-grid;width:24px;height:24px;place-items:center}.kdl-notice__content>strong{display:block;font:var(--typography-style-label-large)}.kdl-notice__content>div{margin-top:var(--spacing-4);color:var(--text-secondary);font:var(--typography-style-body-small)}.kdl-notice__action{margin-top:var(--spacing-8)!important}.kdl-segmented{box-sizing:border-box;display:inline-grid;width:min(100%,358px);height:48px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:var(--spacing-4);padding:var(--spacing-4);border:0;border-radius:var(--radius-12);background:var(--surface-subtle)}.kdl-segmented button{box-sizing:border-box;height:40px;padding:var(--spacing-8) var(--spacing-16);border:0;border-radius:var(--radius-8);color:var(--text-secondary);background:transparent;font:var(--typography-style-label-medium);cursor:pointer}.kdl-segmented button[aria-pressed=true]{color:var(--text-primary);background:var(--surface-default);box-shadow:var(--shadow-elevation-low)}.kdl-segmented button:disabled{color:var(--disabled-text);cursor:not-allowed}.kdl-top-app-bar{position:sticky;z-index:10;top:0;box-sizing:border-box;display:grid;width:min(100%,390px);height:64px;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:var(--spacing-12);padding:var(--spacing-12) var(--spacing-16);border-bottom:var(--border-width-default) solid var(--border-subtle);background:var(--surface-default)}.kdl-top-app-bar__slot{display:flex;justify-content:flex-start}.kdl-top-app-bar__slot--end{justify-content:flex-end}.kdl-top-app-bar__titles{min-width:0}.kdl-top-app-bar__titles h1{overflow:hidden;margin:0;color:var(--text-primary);font:var(--typography-style-title-small);text-overflow:ellipsis;white-space:nowrap}.kdl-top-app-bar__titles p{overflow:hidden;margin:0;color:var(--text-secondary);font:var(--typography-style-caption-default);text-overflow:ellipsis;white-space:nowrap}.kdl-top-app-bar--root .kdl-top-app-bar__titles{grid-column:1 / 3}.kdl-bottom-nav{position:sticky;z-index:10;bottom:0;box-sizing:border-box;display:grid;width:min(100%,390px);height:76px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:0;padding:var(--spacing-8) 15px;border-top:var(--border-width-default) solid var(--border-subtle);background:var(--surface-default)}.kdl-bottom-nav .kdl-bottom-nav__item{box-sizing:border-box;display:flex;min-width:0;height:60px;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);border:0;border-radius:var(--radius-12);color:var(--text-secondary);background:transparent;font:var(--typography-style-caption-strong);text-decoration:none;cursor:pointer}.kdl-bottom-nav__item.is-active{color:var(--text-link);background:var(--background-brand-subtle)}.kdl-bottom-nav__icon{position:relative;display:inline-grid;width:24px;height:24px;place-items:center}.kdl-bottom-nav__badge{position:absolute;top:-6px;left:15px;min-width:16px;padding:0 var(--spacing-4);border-radius:var(--radius-full);color:var(--text-on-brand);background:var(--action-primary-background-default);font:var(--typography-style-label-small);text-align:center}.kdl-app-shell{box-sizing:border-box;display:flex;width:min(100%,var(--kdl-shell-max-width));min-height:844px;flex-direction:column;margin:0 auto;color:var(--text-primary);background:var(--background-page)}.kdl-app-shell__content{min-height:0;flex:1;padding:var(--spacing-24)}.kdl-app-shell__sticky{position:sticky;z-index:9;bottom:72px;padding:var(--spacing-12) var(--spacing-24);border-top:var(--border-width-default) solid var(--border-subtle);background:var(--surface-default);box-shadow:var(--shadow-elevation-sticky)}.kdl-app-shell--immersive .kdl-app-shell__content{min-height:100vh;padding:0}.kdl-button:focus-visible,.kdl-icon-button:focus-visible,.kdl-link-action:focus-visible,.kdl-segmented button:focus-visible,.kdl-bottom-nav__item:focus-visible{outline:var(--border-width-emphasis) solid var(--focus-ring);outline-offset:var(--spacing-2)}@media(max-width:640px){.kdl-app-shell__content{padding:var(--spacing-16)}.kdl-app-shell__sticky{padding-right:var(--spacing-16);padding-left:var(--spacing-16)}}@media(prefers-reduced-motion:reduce){.kdl-button{transition:none}.kdl-spinner{animation-duration:1.4s}}