.km-story-offscreen{pointer-events:none;position:fixed;top:0;left:-10000px}.km-story-export>.km-story{box-sizing:border-box;aspect-ratio:auto;border-radius:0;gap:48px;width:100%;height:100%;margin:0;padding:120px 96px;overflow:hidden}.km-story-export .km-potato{width:360px;height:360px}.km-story-export .km-story-brand{font-size:56px;line-height:1.3}.km-story-export .km-story-score{font-size:220px;line-height:1.1}.km-story-export .km-story-sub{font-size:52px;line-height:1.45}.km-story-export .km-story-title,.km-story-export .km-story-title+.km-story-sub{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.km-story-export .km-story-title{-webkit-line-clamp:2;line-clamp:2;font-size:88px;line-height:1.3}.km-story-export .km-story-title+.km-story-sub{-webkit-line-clamp:3;line-clamp:3}.km-story-export .km-story-sub:last-child{font-size:44px;line-height:1.4}.km-story-preview{aspect-ratio:9/16;border-radius:var(--radius-field-large);width:56%;margin-inline:auto;display:block}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-SemiBold.otf)format("opentype");font-weight:600;font-style:normal;font-display:swap}:root{--space-hair:2px;--space-pair:3px;--space-tight:4px;--space-compact:6px;--space-row:7px;--space-control:8px;--space-rail:9px;--space-snug:10px;--space-gutter:12px;--space-card:14px;--space-page:20px;--radius-badge:5px;--radius-chip:6px;--radius-control:7px;--radius-inset:7px;--radius-field:8px;--radius-field-large:12px;--radius-card:16px;--radius-sheet:20px;--font-family:"Pretendard", sans-serif;--font-family-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--font-feature-settings:"calt" 0, "clig" 0;--font-size-page-title:1.375rem;--font-weight-page-title:600;--font-size-sheet-title:1.0625rem;--font-weight-sheet-title:600;--font-size-title:.9375rem;--font-weight-title:600;--font-size-row-title:.8125rem;--font-weight-row-title:500;--font-size-body:.8125rem;--font-weight-body:400;--font-size-caption:.75rem;--font-weight-caption:400;--font-size-section-title:.6875rem;--font-weight-section-title:500;--font-size-micro:.6875rem;--font-weight-micro:400;--font-size-control-label:.75rem;--font-weight-control-label:500;--font-size-code:.75rem;--font-weight-code:400;--font-size-data:.75rem;--font-weight-data:400;--font-size-data-label:.6875rem;--font-weight-data-label:500;--font-size-badge:.6875rem;--font-weight-badge:500;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--motion-quick:.15s;--motion-standard:.22s;--motion-ring-period:1.1s;--motion-quick-curve:cubic-bezier(.16, 1, .3, 1);--control-height-mini:20px;--control-height-small:24px;--control-height-regular:28px;--control-height-large:32px;--control-inset-mini:6px;--control-inset-small:8px;--control-inset-regular:10px;--control-inset-large:14px;--state-pressed-scale:.97;--state-circular-pressed-scale:.92;--state-circular-glyph-ratio:.38;--state-disabled-ink-alpha:.32;--state-secondary-disabled-opacity:.45;--state-increased-border-alpha:.6;--state-increased-disabled-border-alpha:.15;--state-hairline-increased-alpha:.35;--stroke-focus-ring:2px;--stroke-focus-offset:2px;--stroke-glass-rim:.75px;--stroke-hairline:calc(1px / var(--display-scale,1));--layout-settings-content-width:760px;--layout-section-spacing:24px;--layout-run-bar-height:40px;--layout-run-bar-inset:8px;--layout-action-circle:30px;--layout-dot:6px;--layout-sheet-width:480px;--glass-blur:20px;--glass-saturate:1.4;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-14:14px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-56:56px;--space-64:64px;--space-72:72px;--space-80:80px;--radius-4:4px;--radius-8:8px;--radius-10:10px;--radius-12:12px;--radius-14:14px;--radius-16:16px;--radius-20:20px;--radius-24:24px;--radius-full:9999px;--dim-12:12px;--dim-14:14px;--dim-16:16px;--dim-18:18px;--dim-20:20px;--dim-24:24px;--dim-28:28px;--dim-32:32px;--dim-36:36px;--dim-40:40px;--dim-44:44px;--dim-48:48px;--dim-52:52px;--dim-56:56px;--dim-64:64px;--layout-form-column:720px;--layout-sidebar:224px;--weight-regular:400;--weight-medium:500;--weight-bold:600;--type-display3-size:2.25rem;--type-display3-line:3.375rem;--type-display3-tracking:-.03em;--type-title1-size:2rem;--type-title1-line:3rem;--type-title1-tracking:-.03em;--type-title2-size:1.75rem;--type-title2-line:2.625rem;--type-title2-tracking:-.03em;--type-title3-size:1.5rem;--type-title3-line:2.25rem;--type-title3-tracking:-.03em;--type-heading1-size:1.375rem;--type-heading1-line:2.0625rem;--type-heading1-tracking:-.03em;--type-heading2-size:1.25rem;--type-heading2-line:1.875rem;--type-heading2-tracking:-.03em;--type-headline1-size:1.125rem;--type-headline1-line:1.6875rem;--type-headline1-tracking:-.03em;--type-headline2-size:1rem;--type-headline2-line:1.5rem;--type-headline2-tracking:-.03em;--type-body1-size:1rem;--type-body1-line:1.5rem;--type-body1-tracking:-.03em;--type-body1-reading-size:1rem;--type-body1-reading-line:1.5rem;--type-body1-reading-tracking:-.03em;--type-body2-size:.875rem;--type-body2-line:1.3125rem;--type-body2-tracking:-.03em;--type-body2-reading-size:.875rem;--type-body2-reading-line:1.3125rem;--type-body2-reading-tracking:-.03em;--type-label1-size:.875rem;--type-label1-line:1.3125rem;--type-label1-tracking:-.03em;--type-label1-reading-size:.875rem;--type-label1-reading-line:1.3125rem;--type-label1-reading-tracking:-.03em;--type-label2-size:.75rem;--type-label2-line:1.125rem;--type-label2-tracking:-.03em;--type-caption1-size:.75rem;--type-caption1-line:1.125rem;--type-caption1-tracking:-.03em;--type-caption2-size:.75rem;--type-caption2-line:1.125rem;--type-caption2-tracking:-.03em;--interaction-hover:.05;--interaction-pressed:.12;--interaction-hover-light:.0375;--interaction-pressed-light:.09;--interaction-hover-strong:.075;--interaction-pressed-strong:.18}@media (resolution>=2x){:root{--display-scale:2}}@media (resolution>=3x){:root{--display-scale:3}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#fff;--color-sheet:#fff;--color-card:#fff;--color-raised:#f7f9f8;--color-thumb:#fff;--color-border:#181a191a;--color-border-strong:#181a1985;--color-primary-fill:#0a6336;--color-primary-ink:#fff;--color-danger-ink:#fff;--color-accent:#0a6336;--color-signal:#0a6336;--color-success:#2e7a00;--color-danger:#ae1419;--color-danger-fill:#ae1419;--color-inset:#7173720d;--color-divider:#181a1912;--color-hover:#181a190a;--color-selection:#7173721a;--color-control:#71737214;--color-card-rim-top:#181a1912;--color-card-rim-bottom:#181a191c;--color-glass-rim-top:#181a190f;--color-glass-rim-bottom:#181a191f;--color-signal-soft:#0a633614;--color-ink:#181a19;--color-ink-secondary:#181a19a8;--color-ink-secondary-increased:#181a19bd;--color-warm-surface:#f7f9f8;--color-warm-surface-strong:#f3f5f4;--color-wood:#434544;--color-wood-fill:#888b8a;--color-accent-ink:#fff;--color-focus-ring:#0a6336;--color-success-soft:#2e7a0014;--color-warning:#9f5100;--color-warning-soft:#9f510014;--color-danger-soft:#ae141914;--color-info:#2769b7;--color-info-soft:#2769b714;--color-glass-secondary:#434544;--color-inverse-surface:#1c1e1d;--color-inverse-ink:#f7f9f8;--color-inverse-accent:#76c997;--color-scrim:#181a1985;--color-primary-hover:#08562e;--color-primary-pressed:#064a27;--color-danger-hover:#991015;--color-danger-pressed:#850d10;--color-control-glass:#fffc;--color-panel-glass:#ffffffe6;--color-glass-fallback:#fffffff5;--shadow-card:0px 1px 2px #181a190f, 0px 4px 14px #181a190f;--shadow-dock:0px 6px 20px #181a191a, 0px 1px 3px #181a190f;--shadow-notice:0px 10px 28px #181a1924, 0px 2px 6px #181a1914;--shadow-thumb:0px 1px 2px #181a1924;--shadow-soft-raised:0px -2px 6px #ffffffe6, 0px 4px 12px #181a191a;--shadow-soft-well:inset 0px 1px 2px #181a191a, inset 0px -1px 0px #ffffffb3;--shadow-soft-pressed:inset 0px 1px 3px #181a1929;--static-white:#fff;--static-black:#000;--fg-neutral-primary:#181a19;--fg-neutral-strong:#0e100f;--fg-neutral-secondary:#2d2f2ee0;--fg-neutral-tertiary:#353736bd;--fg-neutral-quaternary:#35373659;--fg-neutral-inverse:#f7f9f8;--fg-brand-primary:#0a6336;--fg-brand-inverse:#76c997;--fg-positive-primary:#2e7a00;--fg-cautionary-primary:#9f5100;--fg-negative-primary:#ae1419;--fg-info-primary:#2769b7;--fg-disable-primary:#35373647;--fg-inactive-primary:#717372;--bg-neutral-primary:#fff;--bg-neutral-secondary:#f7f9f8;--surface-neutral-primary:#fff;--surface-neutral-secondary:#71737214;--surface-neutral-tertiary:#7173720d;--surface-neutral-inverse:#1c1e1d;--surface-elevated-primary:#fff;--surface-elevated-secondary:#f7f9f8;--surface-brand-primary:#0a6336;--surface-brand-strong:#08562e;--surface-brand-heavy:#064a27;--surface-brand-subtle:#0a633614;--surface-positive-primary:#2e7a0014;--surface-cautionary-primary:#9f510014;--surface-negative-primary:#ae141914;--surface-negative-solid:#ae1419;--surface-negative-solid-strong:#991015;--surface-negative-solid-heavy:#850d10;--surface-info-primary:#2769b714;--surface-disable-primary:#f3f5f4;--line-neutral-primary:#71737238;--line-neutral-primary-opaque:#e5e7e6;--line-neutral-secondary:#71737229;--line-neutral-secondary-opaque:#ebedec;--line-neutral-tertiary:#71737214;--line-neutral-tertiary-opaque:#f3f5f4;--line-neutral-control:#888b8a;--line-brand-primary:#0a633647;--line-brand-focus:#0a6336;--line-brand-focus-inverse:#76c997;--line-positive-primary:#2e7a006e;--line-cautionary-primary:#9f51006e;--line-negative-primary:#ae14196e;--line-negative-strong:#ae1419;--line-negative-focus:#ae1419;--effect-dimmer-primary:#181a1985;--shadow-xsmall:0px 1px 2px -1px #181a191a;--shadow-small:0px 2px 4px -2px #181a190f, 0px 4px 6px -1px #181a190f;--shadow-medium:0px 4px 6px -2px #181a1912, 0px 10px 15px -3px #181a1912;--shadow-large:0px 6px 10px -4px #181a1914, 0px 16px 24px -6px #181a1914;--shadow-xlarge:0px 10px 15px -5px #181a191a, 0px 24px 38px -10px #181a191f;--shadow-spread-medium:0px 15px 75px 0px #181a1929}@media (prefers-contrast:more){:root{--color-ink-secondary:var(--color-ink-secondary-increased);--fg-neutral-tertiary:var(--fg-neutral-secondary)}}@media (prefers-reduced-motion:reduce){:root{--motion-quick:0s;--motion-standard:0s}}:root{--ui-page-title-size:var(--font-size-page-title);--ui-page-title-line:1.875rem;--ui-page-title-tracking:-.0194em;--ui-sheet-title-size:1.25rem;--ui-sheet-title-line:1.75rem;--ui-sheet-title-tracking:-.012em;--ui-title-size:1.0625rem;--ui-title-line:1.5rem;--ui-row-title-size:.9375rem;--ui-row-title-line:1.375rem;--ui-body-size:.9375rem;--ui-body-line:1.375rem;--ui-caption-size:.8125rem;--ui-caption-line:1.125rem;--ui-section-title-size:.8125rem;--ui-section-title-line:1.125rem;--ui-control-label-size:var(--font-size-control-label);--ui-control-label-line:1rem;--ui-micro-size:.75rem;--ui-micro-line:1rem;--ui-badge-size:.75rem;--ui-badge-line:1rem;--ui-code-size:.8125rem;--ui-code-line:1.125rem;--ui-data-size:.8125rem;--ui-data-line:1.125rem;--ui-data-label-size:.75rem;--ui-data-label-line:1rem;--ui-control-height-mini:28px;--ui-control-height-small:32px;--ui-control-height-regular:40px;--ui-control-height-large:48px;--ui-control-inset-mini:var(--space-snug);--ui-control-inset-small:var(--space-gutter);--ui-control-inset-regular:var(--space-card);--ui-control-inset-large:var(--space-page);--ui-control-gap-mini:var(--space-tight);--ui-control-gap-small:var(--space-tight);--ui-control-gap-regular:var(--space-tight);--ui-control-gap-large:var(--space-compact);--ui-control-radius-mini:var(--radius-field);--ui-control-radius-small:var(--radius-field);--ui-control-radius-regular:var(--radius-field-large);--ui-control-radius-large:calc(var(--ui-control-height-large) / 2);--ui-control-icon-mini:14px;--ui-control-icon-small:16px;--ui-control-icon-regular:18px;--ui-control-icon-large:20px;--ui-field-radius-small:var(--radius-field);--ui-field-radius-regular:var(--radius-field-large);--ui-field-radius-large:var(--radius-field-large);--ui-field-trailing-space:3rem;--ui-select-chevron:16px;--ui-segmented-radius-regular:calc(var(--ui-control-height-regular) / 2);--ui-segmented-radius-small:calc(var(--ui-control-height-small) / 2);--ui-segment-min-width:3rem;--ui-focus-ring:var(--stroke-focus-ring) solid var(--color-focus-ring);--ui-focus-offset:var(--stroke-focus-offset);--ui-badge-height:var(--control-height-mini);--ui-badge-icon:12px;--ui-checkbox-hit:var(--control-height-small);--ui-checkbox-box:18px;--ui-chip-height-mini:var(--control-height-small);--ui-chip-height-small:var(--ui-control-height-small);--ui-chip-radius-small:calc(var(--ui-chip-height-small) / 2);--ui-chip-radius-mini:calc(var(--ui-chip-height-mini) / 2);--ui-chip-icon-mini:12px;--ui-chip-icon-small:14px;--ui-notice-icon:16px;--ui-skeleton-line:.75rem;--ui-row-inset:var(--space-gutter);--ui-list-row-height:var(--ui-control-height-regular);--ui-settings-row-height:var(--ui-control-height-large);--ui-table-header-height:var(--ui-control-height-small);--ui-table-row-height:var(--ui-control-height-regular);--ui-table-row-height-dense:var(--ui-control-height-small);--ui-table-edge-shade:20px;--ui-card-padding:var(--space-page);--ui-card-gap:var(--space-card);--ui-field-group-gap:var(--space-page);--ui-field-gap:var(--space-control);--ui-sidebar-width:240px;--ui-nav-item-height:var(--ui-control-height-small);--ui-nav-icon:16px;--ui-topbar-height:var(--ui-control-height-large);--ui-content-max-width:960px;--ui-shell-height:100dvh;--ui-empty-plate-padding:var(--layout-section-spacing);--ui-empty-plate-width:160px;--ui-empty-illustration:64px;--ui-data-bar-height:96px;--ui-data-bar-width:16px;--ui-data-bar-gap:var(--space-tight);--ui-data-bar-radius:4px;--ui-run-bar-height:var(--layout-run-bar-height);--ui-dock-max-width:560px;--ui-toast-max-width:420px;--ui-toast-min-width:356px;--ui-touch-target:44px}*{box-sizing:border-box}html{scrollbar-color:var(--color-border-strong) transparent;scroll-padding-block-start:calc(var(--ui-topbar-height) + 2 * var(--space-page))}html:has(.bulk-dock){scroll-padding-block-end:calc(var(--ui-run-bar-height) + 2 * var(--space-page))}body{font-family:var(--font-family);font-size:var(--ui-body-size);font-weight:var(--font-weight-body);line-height:var(--ui-body-line);font-feature-settings:var(--font-feature-settings);font-synthesis:none;word-break:keep-all;overflow-wrap:anywhere;background:var(--color-canvas);color:var(--color-ink);caret-color:var(--color-signal);accent-color:var(--color-accent);margin:0}::selection{background:var(--color-signal-soft);color:var(--color-ink)}button,input,select,textarea{font:inherit}h1,h2,h3,p{margin:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}.gallery{min-height:100dvh;padding:var(--space-page);background:var(--color-canvas);color:var(--color-ink)}.gallery-header{justify-content:space-between;align-items:end;gap:var(--space-card);display:flex}.page-heading{gap:var(--space-compact);display:grid}.page-title-row{align-items:center;gap:var(--space-control);flex-wrap:wrap;display:flex}h1{font-size:var(--ui-page-title-size);font-weight:var(--font-weight-page-title);line-height:var(--ui-page-title-line);letter-spacing:var(--ui-page-title-tracking);text-wrap:balance}h2,h3{font-size:var(--ui-title-size);font-weight:var(--font-weight-title);line-height:var(--ui-title-line);text-wrap:balance}.muted{color:var(--color-ink-secondary)}.gallery-grid{gap:var(--space-page);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));display:grid}.gallery-wide{grid-column:1/-1}:where(p,li,td,.notice,.caption,.empty-state) a:not(.button,.nav-item){color:var(--color-accent);text-decoration-line:underline;text-decoration-thickness:var(--stroke-hairline);text-underline-offset:.15em}.app-shell{grid-template-columns:var(--ui-sidebar-width) minmax(0, 1fr);min-block-size:var(--ui-shell-height);background:var(--color-canvas);color:var(--color-ink);display:grid}.sidebar{align-content:start;gap:var(--space-card);block-size:var(--ui-shell-height);padding:var(--space-control);background:var(--color-warm-surface);border-inline-end:var(--stroke-hairline) solid var(--color-border);scrollbar-width:thin;display:grid;position:sticky;inset-block-start:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:var(--space-control);min-block-size:var(--ui-control-height-regular);padding-inline:var(--space-snug);font-size:var(--ui-title-size);font-weight:var(--font-weight-title);line-height:var(--ui-title-line);display:flex}.sidebar-brand>svg{inline-size:var(--ui-control-icon-large);block-size:var(--ui-control-icon-large);color:var(--color-accent)}.app-main{align-content:start;gap:var(--layout-section-spacing);min-width:0;padding:var(--space-page);display:grid}.app-content{gap:var(--layout-section-spacing);inline-size:100%;max-inline-size:var(--ui-content-max-width);margin-inline:auto;display:grid}.app-topbar{z-index:10;justify-self:end;align-items:center;gap:var(--space-control);block-size:var(--ui-topbar-height);max-inline-size:100%;padding:var(--space-tight);border-radius:calc(var(--ui-topbar-height) / 2);display:flex;position:sticky;inset-block-start:var(--space-page)}.warm-band{gap:var(--space-card);padding:var(--ui-card-padding);border-radius:var(--radius-card);background:var(--color-warm-surface);box-shadow:inset 0 var(--stroke-hairline) 0 var(--color-card-rim-top);display:grid}.warm-band-text{gap:var(--space-compact);display:grid}.warm-band>.button[data-emphasis=quiet]{margin-inline-start:calc((var(--ui-checkbox-hit) - var(--ui-checkbox-box)) / 2 - var(--ui-control-inset-small))}.nav-list{gap:var(--space-hair);display:grid}.nav-item{align-items:center;gap:var(--space-control);min-block-size:var(--ui-nav-item-height);padding-inline:var(--space-snug);border-radius:var(--radius-field);color:var(--color-ink-secondary);font-size:var(--ui-row-title-size);font-weight:var(--font-weight-regular);line-height:var(--ui-row-title-line);transition:background-color var(--motion-quick) var(--motion-quick-curve), color var(--motion-quick) var(--motion-quick-curve);text-decoration:none;display:flex}.nav-item>svg{inline-size:var(--ui-nav-icon);block-size:var(--ui-nav-icon)}.nav-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-item-count{color:var(--color-ink-secondary);font-family:var(--font-family-mono);font-size:var(--ui-data-label-size);font-weight:var(--font-weight-data-label);line-height:var(--ui-data-label-line);font-variant-numeric:tabular-nums}.nav-item[aria-current=page]{background:linear-gradient(var(--color-signal-soft), var(--color-signal-soft)), var(--color-card);color:var(--color-accent);font-weight:var(--font-weight-medium)}.card{align-content:start;gap:var(--ui-card-gap);padding:calc(var(--ui-card-padding) - var(--stroke-hairline));border:var(--stroke-hairline) solid transparent;border-radius:var(--radius-card);background:linear-gradient(to bottom, var(--color-card), var(--color-card)) padding-box, linear-gradient(to bottom, var(--color-card-rim-top), var(--color-card-rim-bottom)) border-box;box-shadow:var(--shadow-card);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.card-heading{justify-content:space-between;align-items:baseline;gap:var(--space-control);flex-wrap:wrap;display:flex}.form-stack{gap:var(--ui-field-group-gap);display:grid}.field{gap:var(--ui-field-gap);display:grid}.field>label{font-size:var(--ui-row-title-size);font-weight:var(--font-weight-row-title);line-height:var(--ui-row-title-line)}.field-hint,.field-error{font-size:var(--ui-caption-size);line-height:var(--ui-caption-line)}.field-hint{color:var(--color-ink-secondary)}.field-error{align-items:flex-start;gap:var(--space-tight);color:var(--color-danger);display:flex}.field-error-icon{inline-size:var(--ui-notice-icon);block-size:var(--ui-notice-icon);translate:0 calc((var(--ui-caption-line) - var(--ui-notice-icon)) / 2)}input:not([type=checkbox],[type=radio]),select,textarea{width:100%;font-size:var(--ui-body-size);font-weight:var(--font-weight-body);line-height:var(--ui-body-line);background:var(--color-control);color:var(--color-ink);border:var(--stroke-hairline) solid var(--color-border-strong);border-radius:var(--ui-field-radius-regular);box-shadow:var(--shadow-soft-well);padding-inline:calc(var(--ui-control-inset-regular) - var(--stroke-hairline));caret-color:var(--color-signal);transition:border-color var(--motion-quick) var(--motion-quick-curve), box-shadow var(--motion-quick) var(--motion-quick-curve)}input::placeholder,textarea::placeholder{color:var(--color-ink-secondary);opacity:1}input:not([type=checkbox],[type=radio]),select{min-block-size:var(--ui-control-height-regular);padding-block:0}textarea{padding-block:calc(var(--space-control) - var(--stroke-hairline));scrollbar-width:thin}:is(input,select)[data-size=small]{min-block-size:var(--ui-control-height-small);padding-inline:calc(var(--ui-control-inset-small) - var(--stroke-hairline));border-radius:var(--ui-field-radius-small)}:is(input,select)[data-size=large]{min-block-size:var(--ui-control-height-large);padding-inline:calc(var(--ui-control-inset-large) - var(--stroke-hairline));border-radius:var(--ui-field-radius-large)}.select-control{--select-inset:var(--ui-control-inset-regular);display:grid;position:relative}.select-control[data-size=small]{--select-inset:var(--ui-control-inset-small)}.select-control[data-size=large]{--select-inset:var(--ui-control-inset-large)}.select-control select{appearance:none;cursor:pointer;padding-inline-end:calc(var(--select-inset) + var(--ui-select-chevron) + var(--space-compact) - var(--stroke-hairline))}.select-chevron{inset-inline-end:var(--select-inset);inline-size:var(--ui-select-chevron);block-size:var(--ui-select-chevron);fill:none;stroke:var(--color-ink-secondary);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;top:50%;translate:0 -50%}input:not([type=checkbox],[type=radio]):disabled,select:disabled,select:disabled+.select-chevron{opacity:var(--state-secondary-disabled-opacity)}input:not([type=checkbox],[type=radio]):disabled,select:disabled,textarea:disabled{box-shadow:none;background:0 0;border-style:dashed}.button{--control-icon:var(--ui-control-icon-regular);justify-content:center;justify-self:start;align-items:center;gap:var(--ui-control-gap-regular);min-block-size:var(--ui-control-height-regular);padding-block:0;padding-inline:calc(var(--ui-control-inset-regular) - var(--stroke-hairline));border:var(--stroke-hairline) solid var(--color-border);border-radius:var(--ui-control-radius-regular);background:var(--color-control);color:var(--color-ink);font-size:var(--ui-row-title-size);font-weight:var(--font-weight-row-title);line-height:var(--ui-row-title-line);cursor:pointer;transition:background-color var(--motion-quick) var(--motion-quick-curve), border-color var(--motion-quick) var(--motion-quick-curve), color var(--motion-quick) var(--motion-quick-curve), box-shadow var(--motion-quick) var(--motion-quick-curve), transform var(--motion-quick) var(--motion-quick-curve);display:inline-flex;position:relative}.button>svg{inline-size:var(--control-icon);block-size:var(--control-icon);flex:none}.button[data-size=mini]{--control-icon:var(--ui-control-icon-mini);gap:var(--ui-control-gap-mini);min-block-size:var(--ui-control-height-mini);padding-inline:calc(var(--ui-control-inset-mini) - var(--stroke-hairline));border-radius:var(--ui-control-radius-mini);font-size:var(--ui-control-label-size);font-weight:var(--font-weight-control-label);line-height:var(--ui-control-label-line)}.button[data-size=small]{--control-icon:var(--ui-control-icon-small);gap:var(--ui-control-gap-small);min-block-size:var(--ui-control-height-small);padding-inline:calc(var(--ui-control-inset-small) - var(--stroke-hairline));border-radius:var(--ui-control-radius-small);font-size:var(--ui-control-label-size);font-weight:var(--font-weight-control-label);line-height:var(--ui-control-label-line)}.button[data-size=large]{--control-icon:var(--ui-control-icon-large);gap:var(--ui-control-gap-large);min-block-size:var(--ui-control-height-large);padding-inline:calc(var(--ui-control-inset-large) - var(--stroke-hairline));border-radius:var(--ui-control-radius-large)}@media (hover:hover){.button:hover:not(:disabled){background:var(--color-selection)}.chip:hover:not(:disabled,[aria-pressed=true]){background:linear-gradient(var(--color-selection), var(--color-selection)), var(--color-warm-surface-strong)}.button[data-emphasis=primary]:hover:not(:disabled){background:var(--color-primary-hover)}.button[data-destructive=true][data-emphasis=primary]:hover:not(:disabled){background:var(--color-danger-hover)}.button[data-destructive=true]:not([data-emphasis=primary],[data-emphasis=quiet]):hover:not(:disabled){background:linear-gradient(var(--color-hover), var(--color-hover)), linear-gradient(var(--color-danger-soft), var(--color-danger-soft)), var(--color-card)}.button[data-emphasis=quiet]:hover:not(:disabled){background:var(--color-hover);color:var(--color-ink)}.button[data-emphasis=quiet][data-destructive=true]:hover:not(:disabled){color:var(--color-danger)}.nav-item:hover:not([aria-current=page]){background:var(--color-warm-surface-strong);color:var(--color-ink)}.nav-item[aria-current=page]:hover{background:linear-gradient(var(--color-hover), var(--color-hover)), linear-gradient(var(--color-signal-soft), var(--color-signal-soft)), var(--color-card)}.toast :is(.toast-action,.toast-dismiss):hover{background:color-mix(in srgb, var(--color-inverse-ink) 10%, transparent)}}.button:is([data-pressed=true],:active):not(:disabled){background:var(--color-selection);transform:scale(var(--state-pressed-scale));box-shadow:var(--shadow-soft-pressed)}.button[data-emphasis=primary]{background:var(--color-primary-fill);color:var(--color-primary-ink);border-color:#0000}.button[data-emphasis=primary]:is([data-pressed=true],:active):not(:disabled){background:var(--color-primary-pressed);box-shadow:none}.button[data-destructive=true]:not([data-emphasis=primary],[data-emphasis=quiet]){background:linear-gradient(var(--color-danger-soft), var(--color-danger-soft)), var(--color-card);color:var(--color-danger);border-color:#0000}.button[data-destructive=true]:not([data-emphasis=primary],[data-emphasis=quiet]):is([data-pressed=true],:active):not(:disabled){background:linear-gradient(var(--color-hover), var(--color-hover)), linear-gradient(var(--color-danger-soft), var(--color-danger-soft)), var(--color-card);box-shadow:var(--shadow-soft-pressed)}.button[data-destructive=true][data-emphasis=primary]{background:var(--color-danger-fill);color:var(--color-danger-ink)}.button[data-destructive=true][data-emphasis=primary]:is([data-pressed=true],:active):not(:disabled){background:var(--color-danger-pressed)}.button[data-emphasis=quiet]{color:var(--color-ink-secondary);background:0 0;border-color:#0000}.button[data-emphasis=quiet]:is([data-pressed=true],:active):not(:disabled){background:var(--color-selection)}.button:disabled{opacity:var(--state-secondary-disabled-opacity);color:var(--color-ink-secondary);cursor:not-allowed}.button[data-emphasis=primary]:disabled{opacity:1;background:var(--color-control);color:color-mix(in srgb, var(--color-ink) calc(var(--state-disabled-ink-alpha) * 100%), transparent)}.button[aria-busy=true]{cursor:progress}.button-label{align-items:center;gap:inherit;display:inline-flex}.button-label>svg{inline-size:var(--control-icon);block-size:var(--control-icon);flex:none}.button[aria-busy=true]>.button-label{opacity:0}.button-progress{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.button-progress>.running-ring{inline-size:var(--control-icon);block-size:var(--control-icon)}.button-progress .ring-track,.button-progress .ring-arc{stroke:currentColor}.notice .button[data-emphasis=quiet]{color:var(--color-ink)}:focus-visible{outline:var(--ui-focus-ring);outline-offset:var(--ui-focus-offset)}.actions{align-items:center;gap:var(--space-gutter);flex-wrap:wrap;display:flex}.actions:has(>[data-size=mini],>[data-size=small]){gap:var(--space-control)}.actions>.button[data-destructive=true]:first-child{margin-inline-end:auto}.kbd{min-inline-size:var(--ui-badge-height);min-block-size:var(--ui-badge-height);padding-inline:var(--space-compact);border:var(--stroke-hairline) solid var(--color-border);border-radius:var(--radius-badge);color:var(--color-ink-secondary);font-family:var(--font-family-mono);font-size:var(--ui-data-label-size);font-weight:var(--font-weight-data-label);line-height:var(--ui-data-label-line);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:inline-flex}.checkbox-field{justify-self:start;align-items:center;gap:calc(var(--space-control) - (var(--ui-checkbox-hit) - var(--ui-checkbox-box)) / 2);min-block-size:var(--ui-checkbox-hit);cursor:pointer;display:inline-flex}.checkbox-control{inline-size:var(--ui-checkbox-hit);block-size:var(--ui-checkbox-hit);flex:none;place-items:center;display:inline-grid}.checkbox-control>*{grid-area:1/1}.checkbox-control input{appearance:none;inline-size:var(--ui-checkbox-box);block-size:var(--ui-checkbox-box);border:1px solid var(--color-border-strong);border-radius:var(--radius-badge);background:var(--color-card);cursor:pointer;transition:background-color var(--motion-quick) var(--motion-quick-curve), border-color var(--motion-quick) var(--motion-quick-curve);margin:0}.checkbox-control input:is(:checked,:indeterminate){border-color:var(--color-accent);background:var(--color-accent)}.checkbox-mark{inline-size:var(--ui-checkbox-box);block-size:var(--ui-checkbox-box);fill:none;stroke:var(--color-accent-ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.checkbox-check,.checkbox-dash{opacity:0;transition:opacity var(--motion-quick) var(--motion-quick-curve)}.checkbox-control input:checked:not(:indeterminate)+.checkbox-mark .checkbox-check,.checkbox-control input:indeterminate+.checkbox-mark .checkbox-dash{opacity:1}.checkbox-field:has(input:disabled){opacity:var(--state-secondary-disabled-opacity);cursor:not-allowed}.segmented-control{--segment-track-padding:var(--space-tight);gap:var(--segment-track-padding);min-width:0;min-block-size:var(--ui-control-height-regular);padding:calc(var(--segment-track-padding) - var(--stroke-hairline));border:var(--stroke-hairline) solid var(--color-border-strong);border-radius:var(--ui-segmented-radius-regular);background:var(--color-control);box-shadow:var(--shadow-soft-well);margin:0;display:inline-flex}.segmented-control[data-size=small]{--segment-track-padding:var(--space-hair);min-block-size:var(--ui-control-height-small);border-radius:var(--ui-segmented-radius-small)}.segmented-control label{display:flex;position:relative}.segmented-control span{min-inline-size:var(--ui-segment-min-width);min-block-size:calc(var(--ui-control-height-regular) - 2 * var(--segment-track-padding));padding-block:0;padding-inline:calc(var(--space-gutter) - var(--stroke-hairline));border:var(--stroke-hairline) solid transparent;border-radius:calc(var(--ui-segmented-radius-regular) - var(--segment-track-padding));font-size:var(--ui-row-title-size);font-weight:var(--font-weight-row-title);line-height:var(--ui-row-title-line);color:var(--color-ink-secondary);cursor:pointer;transition:background-color var(--motion-standard) var(--motion-quick-curve), border-color var(--motion-standard) var(--motion-quick-curve), box-shadow var(--motion-standard) var(--motion-quick-curve), color var(--motion-standard) var(--motion-quick-curve);background:0 0;flex:1;justify-content:center;align-items:center;display:flex}.segmented-control[data-size=small] span{min-block-size:calc(var(--ui-control-height-small) - 2 * var(--segment-track-padding));padding-inline:calc(var(--space-snug) - var(--stroke-hairline));border-radius:calc(var(--ui-segmented-radius-small) - var(--segment-track-padding));font-size:var(--ui-control-label-size);font-weight:var(--font-weight-control-label);line-height:var(--ui-control-label-line)}.segmented-control input{opacity:0;width:100%;height:100%;margin:0;position:absolute}.segmented-control input:focus-visible+span{outline:var(--ui-focus-ring);outline-offset:0}.segmented-control input:checked+span{background:var(--color-thumb);color:var(--color-ink);border-color:var(--color-border-strong);box-shadow:var(--shadow-thumb)}.chip-group{gap:var(--space-control);border:none;flex-wrap:wrap;min-width:0;margin:0;padding:0;display:flex}.chip{--chip-icon:var(--ui-chip-icon-small);justify-content:center;align-items:center;gap:var(--space-tight);min-block-size:var(--ui-chip-height-small);padding-block:0;padding-inline:calc(var(--space-gutter) - var(--stroke-hairline));border:var(--stroke-hairline) solid transparent;border-radius:var(--ui-chip-radius-small);background:var(--color-warm-surface-strong);color:var(--color-ink);font-size:var(--ui-control-label-size);font-weight:var(--font-weight-control-label);line-height:var(--ui-control-label-line);cursor:pointer;transition:background-color var(--motion-quick) var(--motion-quick-curve), border-color var(--motion-quick) var(--motion-quick-curve), color var(--motion-quick) var(--motion-quick-curve), box-shadow var(--motion-quick) var(--motion-quick-curve), transform var(--motion-quick) var(--motion-quick-curve);display:inline-flex}.chip>svg{inline-size:var(--chip-icon);block-size:var(--chip-icon);flex:none}.chip[data-size=mini]{--chip-icon:var(--ui-chip-icon-mini);gap:var(--space-hair);min-block-size:var(--ui-chip-height-mini);padding-inline:calc(var(--space-control) - var(--stroke-hairline));border-radius:var(--ui-chip-radius-mini);font-size:var(--ui-micro-size);font-weight:var(--font-weight-micro);line-height:var(--ui-micro-line)}.chip[aria-pressed=true]{background:linear-gradient(var(--color-signal-soft), var(--color-signal-soft)), var(--color-card);box-shadow:inset 0 0 0 var(--stroke-hairline) var(--color-signal);color:var(--color-accent);font-weight:var(--font-weight-medium);border-color:#0000}.chip:not([aria-pressed=true])>.chip-check{display:none}.chip:active:not(:disabled){transform:scale(var(--state-pressed-scale));box-shadow:var(--shadow-soft-pressed)}.chip[aria-pressed=true]:active:not(:disabled){box-shadow:inset 0 0 0 var(--stroke-hairline) var(--color-signal), var(--shadow-soft-pressed)}.chip:disabled{opacity:var(--state-secondary-disabled-opacity);cursor:not-allowed}.field-control{display:grid;position:relative}.field-control[data-trailing=true] input{padding-inline-end:var(--ui-field-trailing-space)}.field-trailing{inset-inline-end:var(--space-control);pointer-events:none;display:flex;position:absolute;top:50%;translate:0 -50%}.floating-glass :is(input:not([type=checkbox],[type=radio]),select,textarea),.floating-glass .segmented-control{border-color:color-mix(in srgb, var(--color-ink) calc(var(--state-increased-border-alpha) * 100%), transparent)}:is(input:not([type=checkbox],[type=radio]),select,textarea)[aria-invalid=true]{border-color:var(--color-danger);box-shadow:var(--shadow-soft-well), inset 0 0 0 var(--stroke-hairline) var(--color-danger)}.app-topbar .field{flex:12rem;min-width:0}.app-topbar .button,.bulk-dock .button{white-space:nowrap;flex:none}.app-topbar :is(.button,input){border-radius:calc(var(--ui-control-height-small) / 2)}.state-example{align-content:start;gap:var(--space-card);min-height:100px;display:grid}.empty-state{place-self:stretch stretch;inline-size:100%;container-type:inline-size}.empty-state-layout{align-items:center;gap:var(--space-card);display:grid}@container (width>=360px){.empty-state-layout{grid-template-columns:var(--ui-empty-plate-width) minmax(0, 1fr)}}.empty-plate{padding:var(--ui-empty-plate-padding);border-radius:var(--radius-card);background:var(--color-warm-surface-strong);box-shadow:var(--shadow-soft-raised);color:var(--color-wood);place-items:center;display:grid}.card .empty-plate{border-radius:var(--radius-inset);box-shadow:none}.empty-illustration{inline-size:var(--ui-empty-illustration);block-size:var(--ui-empty-illustration);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.empty-illustration>*{stroke-width:1.5px;vector-effect:non-scaling-stroke}.empty-state-text{justify-items:start;gap:var(--space-control);display:grid}.empty-state-text p{color:var(--color-ink-secondary)}.items{margin:0;padding:0;list-style:none}.items li{--item-text-start:var(--ui-row-inset);align-items:center;gap:var(--space-control);min-block-size:var(--ui-list-row-height);padding-block:0;padding-inline:var(--ui-row-inset);display:flex;position:relative}.items li:has(>.status-dot){--item-text-start:calc(var(--ui-row-inset) + var(--layout-dot) + var(--space-control))}.items li+li:before{content:"";top:0;inset-inline:var(--item-text-start) 0;border-top:var(--stroke-hairline) solid var(--color-divider);position:absolute}.item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--ui-row-title-size);font-weight:var(--font-weight-row-title);line-height:var(--ui-row-title-line);flex:1;overflow:hidden}.skeleton{inline-size:var(--skeleton-width,100%);block-size:var(--ui-skeleton-line);border-radius:var(--radius-badge);background:var(--color-control);display:block}.skeleton-row{align-items:center;gap:var(--space-gutter);min-block-size:var(--ui-list-row-height);padding-inline:var(--ui-row-inset);display:flex}.skeleton-row+.skeleton-row{border-top:var(--stroke-hairline) solid var(--color-divider)}.skeleton-badge{inline-size:3rem;block-size:var(--ui-badge-height);flex:none;margin-inline-start:auto}.status-dot{width:var(--layout-dot);height:var(--layout-dot);background:var(--color-ink-secondary);border-radius:50%;flex:none}.status-dot[data-tone=success]{background:var(--color-success)}.status-dot[data-tone=warning]{background:var(--color-warning)}.status-dot[data-tone=danger]{background:var(--color-danger)}.status-dot[data-tone=info]{background:var(--color-info)}.status-glyph{flex:none}.status-glyph-shape{fill:currentColor;stroke:currentColor;stroke-width:1px;stroke-linejoin:round}.status-glyph-mark{fill:none;stroke:var(--color-card);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.status-glyph-dot{fill:var(--color-card);stroke:none}.badge{align-items:center;gap:var(--space-tight);min-block-size:var(--ui-badge-height);padding-block:0;padding-inline:var(--space-compact);border-radius:var(--radius-badge);color:var(--color-ink-secondary);background:linear-gradient(var(--color-control), var(--color-control)), var(--color-card);font-family:var(--font-family);font-size:var(--ui-badge-size);font-weight:var(--font-weight-badge);line-height:var(--ui-badge-line);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;display:inline-flex}.badge[data-tone=success]{color:var(--color-success);background:linear-gradient(var(--color-success-soft), var(--color-success-soft)), var(--color-card)}.badge[data-tone=warning]{color:var(--color-warning);background:linear-gradient(var(--color-warning-soft), var(--color-warning-soft)), var(--color-card)}.badge[data-tone=danger]{color:var(--color-danger);background:linear-gradient(var(--color-danger-soft), var(--color-danger-soft)), var(--color-card)}.badge[data-tone=info]{color:var(--color-info);background:linear-gradient(var(--color-info-soft), var(--color-info-soft)), var(--color-card)}.badge-icon{inline-size:var(--ui-badge-icon);block-size:var(--ui-badge-icon)}.badge-data{font-family:var(--font-family-mono);font-size:var(--ui-data-label-size);font-weight:var(--font-weight-data-label);line-height:var(--ui-data-label-line)}.settings-list{display:grid}.settings-row{justify-content:space-between;align-items:center;gap:var(--space-gutter);min-width:0;min-block-size:var(--ui-settings-row-height);padding:var(--space-control) 0;border:none;margin:0;display:flex}.settings-row+.settings-row{border-top:var(--stroke-hairline) solid var(--color-divider)}.settings-row-text{gap:var(--space-pair);min-width:0;display:grid}.settings-row-label{font-size:var(--ui-row-title-size);font-weight:var(--font-weight-row-title);line-height:var(--ui-row-title-line)}.settings-row-description{color:var(--color-ink-secondary);font-size:var(--ui-caption-size);line-height:var(--ui-caption-line)}.settings-row-control{align-items:center;gap:var(--space-control);flex:none;display:flex}.notice{--notice-tone:var(--color-info);align-items:flex-start;gap:var(--space-control);padding:var(--space-gutter);border:var(--stroke-hairline) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-card);color:var(--color-ink);display:flex}.notice[data-tone=info]{--notice-tone:var(--color-info);background:linear-gradient(var(--color-info-soft), var(--color-info-soft)), var(--color-card)}.notice[data-tone=success]{--notice-tone:var(--color-success);background:linear-gradient(var(--color-success-soft), var(--color-success-soft)), var(--color-card)}.notice[data-tone=warning]{--notice-tone:var(--color-warning);background:linear-gradient(var(--color-warning-soft), var(--color-warning-soft)), var(--color-card)}.notice[data-tone=danger]{--notice-tone:var(--color-danger);background:linear-gradient(var(--color-danger-soft), var(--color-danger-soft)), var(--color-card)}.card .notice{border-radius:var(--radius-inset)}.notice-icon{inline-size:var(--ui-notice-icon);block-size:var(--ui-notice-icon);translate:0 calc((var(--ui-row-title-line) - var(--ui-notice-icon)) / 2);color:var(--notice-tone);flex:none}.notice:not(:has(.notice-heading)) .notice-icon{translate:0 calc((var(--ui-caption-line) - var(--ui-notice-icon)) / 2)}.notice-body{gap:var(--space-hair);flex:1;min-width:0;display:grid}.notice-heading{font-size:var(--ui-row-title-size);font-weight:var(--font-weight-row-title);line-height:var(--ui-row-title-line)}.notice-description{font-size:var(--ui-caption-size);line-height:var(--ui-caption-line)}.notice-action{flex:none;align-self:center}.table-scroll{scrollbar-width:thin;background:linear-gradient(to right, transparent, var(--color-card) 50%) right / calc(2 * var(--ui-table-edge-shade)) 100% no-repeat local, radial-gradient(farthest-side at 100% 50%, var(--color-border), transparent) right / var(--ui-table-edge-shade) 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, var(--color-border), transparent) right / var(--ui-table-edge-shade) 100% no-repeat scroll;min-width:0;max-width:100%;overflow:auto}.table-toolbar{justify-content:space-between;align-items:center;gap:var(--space-control);flex-wrap:wrap;display:flex}.table-toolbar-end{align-items:center;gap:var(--space-gutter);margin-inline-start:auto;display:flex}.table{border-collapse:collapse;inline-size:100%}.table-caption{caption-side:top;text-align:start;color:var(--color-ink-secondary);font-size:var(--ui-section-title-size);font-weight:var(--font-weight-section-title);line-height:var(--ui-section-title-line);padding-block-end:var(--space-compact)}.table th,.table td{overflow-wrap:normal;padding-block:0;padding-inline:var(--space-gutter);text-align:start;vertical-align:middle}.table th{block-size:var(--ui-table-header-height);border-bottom:var(--stroke-hairline) solid var(--color-border);background:var(--color-card);font-size:var(--ui-section-title-size);font-weight:var(--font-weight-section-title);line-height:var(--ui-section-title-line);white-space:nowrap;position:sticky;top:0}.table td{block-size:var(--ui-table-row-height);font-variant-numeric:tabular-nums}.table tbody tr+tr td{border-top:var(--stroke-hairline) solid var(--color-divider)}.table[data-density=dense] td{block-size:var(--ui-table-row-height-dense)}.table th[data-kind=data]{font-family:var(--font-family-mono);font-size:var(--ui-data-label-size);font-weight:var(--font-weight-data-label);line-height:var(--ui-data-label-line)}.table td[data-kind=data]{white-space:nowrap;font-family:var(--font-family-mono);font-size:var(--ui-data-size);font-weight:var(--font-weight-data);line-height:var(--ui-data-line)}.table :is(th,td).table-select{inline-size:var(--ui-checkbox-hit);padding-inline:var(--space-tight) 0}.table tr[aria-selected=true] td{background:var(--color-selection)}.data-summary{gap:var(--space-compact);display:grid}.data-value{font-size:var(--ui-page-title-size);font-weight:var(--font-weight-semibold);line-height:var(--ui-page-title-line);letter-spacing:var(--ui-page-title-tracking);font-variant-numeric:tabular-nums}.data-delta{align-items:center;gap:var(--space-tight);color:var(--color-ink-secondary);font-size:var(--ui-caption-size);line-height:var(--ui-caption-line);display:flex}.data-delta>svg{inline-size:var(--ui-control-icon-small);block-size:var(--ui-control-icon-small)}.data-bars{gap:var(--ui-data-bar-gap);margin:0;padding:0;list-style:none;display:flex}.data-bars li{min-inline-size:var(--ui-data-bar-width);justify-items:center;gap:var(--space-tight);flex:none;min-width:0;display:grid}.data-bar-track{inline-size:100%;block-size:var(--ui-data-bar-height);justify-content:center;align-items:flex-end;display:flex}.data-bar{inline-size:var(--ui-data-bar-width);block-size:calc(var(--bar-value) * 100%);border-radius:var(--ui-data-bar-radius) var(--ui-data-bar-radius) 0 0;background:var(--color-border-strong)}.data-bar-label{color:var(--color-ink-secondary);font-size:var(--ui-data-label-size);line-height:var(--ui-data-label-line);font-variant-numeric:tabular-nums}.data-bars li[data-highlight=true] .data-bar{background:var(--color-wood-fill)}.data-bars li[data-highlight=true] .data-bar-label{color:var(--color-wood);font-weight:var(--font-weight-semibold)}.swatches{gap:var(--space-control);flex-wrap:wrap;display:flex}.swatch{padding:var(--space-compact);border-radius:var(--radius-chip);border:var(--stroke-hairline) solid var(--color-border);display:inline-flex}.swatch.primary{background:var(--color-primary-fill);color:var(--color-primary-ink)}.swatch.accent{background:var(--color-card);color:var(--color-accent)}.swatch.surface{background:var(--color-raised)}.swatch.wood{background:var(--color-warm-surface-strong);color:var(--color-wood)}.swatch.danger{background:var(--color-danger-fill);color:var(--color-danger-ink)}.code-sample{font-family:var(--font-family-mono);font-size:var(--ui-code-size);font-weight:var(--font-weight-code);line-height:var(--ui-code-line);background:var(--color-inset);padding:var(--space-gutter);border-radius:var(--radius-inset);scrollbar-width:thin;margin:0}dialog{color:var(--color-ink);background:var(--color-sheet);width:min(var(--layout-sheet-width), calc(100% - 2 * var(--space-page)));border:var(--stroke-hairline) solid var(--color-border);border-radius:var(--radius-sheet);box-shadow:inset 0 var(--stroke-hairline) 0 var(--color-card-rim-top);padding:0}dialog::backdrop{background:var(--color-scrim)}.sheet-header{gap:var(--space-compact);padding:var(--space-page) var(--space-page) var(--space-card);display:grid}.sheet-header h2{font-size:var(--ui-sheet-title-size);font-weight:var(--font-weight-sheet-title);line-height:var(--ui-sheet-title-line);letter-spacing:var(--ui-sheet-title-tracking)}.sheet-subtitle{color:var(--color-ink-secondary);font-size:var(--ui-caption-size);line-height:var(--ui-caption-line)}.sheet-content{gap:var(--space-card);padding:0 var(--space-page) var(--space-page);display:grid}.sheet-actions{justify-content:end;gap:var(--space-gutter);padding:var(--space-card) var(--space-page);border-top:var(--stroke-hairline) solid var(--color-border);display:flex}.gallery-footer,.server-note{color:var(--color-ink-secondary);font-size:var(--ui-caption-size);line-height:var(--ui-caption-line)}.control-preview{position:relative}.control-preview .code-sample{max-height:160px;padding-bottom:calc(var(--ui-run-bar-height) + 2 * var(--layout-run-bar-inset));overflow:auto}.floating-glass{--glass-fill:var(--color-control-glass);--glass-shadow:var(--shadow-dock);background:var(--glass-fill);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}.floating-glass[data-material=panel]{--glass-fill:var(--color-panel-glass);--glass-shadow:var(--shadow-notice)}.floating-glass:before{content:"";padding:var(--stroke-glass-rim);border-radius:inherit;background:linear-gradient(to bottom, var(--color-glass-rim-top), var(--color-glass-rim-bottom));pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.floating-glass :is(.button[data-emphasis=quiet],.kbd,.runbar-label),.floating-glass :is(input,textarea)::placeholder{color:var(--color-glass-secondary)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.floating-glass{--glass-fill:var(--color-glass-fallback)}}.floating-runbar{min-width:0;bottom:var(--layout-run-bar-inset);inset-inline:var(--layout-run-bar-inset);block-size:var(--ui-run-bar-height);justify-content:space-between;align-items:center;gap:var(--space-control);padding-block:0;padding-inline:var(--space-gutter);border-radius:calc(var(--ui-run-bar-height) / 2);border:none;margin:0;display:flex;position:absolute}.floating-runbar:has(>.circular-action:last-child){padding-inline-end:calc((var(--ui-run-bar-height) - var(--layout-action-circle)) / 2)}.runbar-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-ink-secondary);font-size:var(--ui-caption-size);line-height:var(--ui-caption-line);flex:auto;overflow:hidden}.floating-runbar .button:not(.circular-action){border-radius:calc(var(--ui-control-height-mini) / 2)}.circular-action{--control-icon:calc(var(--layout-action-circle) * var(--state-circular-glyph-ratio));inline-size:var(--layout-action-circle);block-size:var(--layout-action-circle);min-block-size:var(--layout-action-circle);border-radius:50%;padding:0}.circular-action>svg{fill:currentColor}.circular-action:is([data-pressed=true],:active):not(:disabled){transform:scale(var(--state-circular-pressed-scale))}.bulk-dock{z-index:15;align-items:center;gap:var(--space-control);inline-size:fit-content;max-inline-size:min(var(--ui-dock-max-width), calc(100% - 2 * var(--space-page)));block-size:var(--ui-run-bar-height);padding-block:0;padding-inline:var(--space-card) var(--space-tight);border-radius:calc(var(--ui-run-bar-height) / 2);animation:surface-enter var(--motion-standard) var(--motion-quick-curve);margin-inline:auto;display:flex;position:fixed;inset-block-end:max(var(--space-page), env(safe-area-inset-bottom));inset-inline:0}.bulk-dock-count{font-size:var(--ui-row-title-size);font-weight:var(--font-weight-row-title);line-height:var(--ui-row-title-line);font-variant-numeric:tabular-nums;flex:none}.bulk-dock-actions{gap:var(--space-control);min-width:0;display:flex}.bulk-dock .button{border-radius:calc(var(--ui-control-height-small) / 2)}.toast-region{z-index:20;inset-inline:max(var(--space-page), env(safe-area-inset-left)) max(var(--space-page), env(safe-area-inset-right));justify-items:center;gap:var(--space-control);max-width:min(var(--ui-toast-max-width), calc(100% - 2 * var(--space-page)));pointer-events:none;margin:0 auto;display:grid;position:fixed;inset-block-end:max(var(--space-page), env(safe-area-inset-bottom))}.toast-region>*{pointer-events:auto}body:has(.bulk-dock) .toast-region{inset-block-end:calc(max(var(--space-page), env(safe-area-inset-bottom)) + var(--ui-run-bar-height) + var(--space-control))}.toast{align-items:center;gap:var(--space-tight);min-block-size:var(--ui-control-height-large);padding:var(--space-control);border-radius:var(--radius-card);background:var(--color-inverse-surface);color:var(--color-inverse-ink);box-shadow:var(--shadow-notice);animation:surface-enter var(--motion-standard) var(--motion-quick-curve);padding-inline-start:var(--space-card);display:flex}.toast-message{flex:1;min-width:0}.toast-action,.toast-dismiss{min-block-size:var(--ui-control-height-small);border-radius:var(--radius-field);cursor:pointer;transition:background-color var(--motion-quick) var(--motion-quick-curve);background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:inline-flex}.toast-action{padding-inline:var(--space-control);color:var(--color-inverse-accent);font-size:var(--ui-row-title-size);font-weight:var(--font-weight-row-title);line-height:var(--ui-row-title-line)}.toast-dismiss{inline-size:var(--ui-control-height-small);color:var(--color-inverse-ink);padding:0}.toast-dismiss>svg{inline-size:var(--ui-control-icon-small);block-size:var(--ui-control-icon-small);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round}.toast :focus-visible{outline-color:var(--color-inverse-accent)}.toast-specimen{display:grid}@keyframes surface-enter{0%{opacity:0;translate:0 4px}}.activity-line{align-items:center;gap:var(--space-row);font-size:var(--ui-control-label-size);font-weight:var(--font-weight-control-label);line-height:var(--ui-control-label-line);color:var(--color-ink-secondary);display:flex}.running-ring{flex:none}.ring-track{stroke:var(--color-signal);opacity:.22}.ring-arc{stroke:var(--color-signal);transform-origin:50%;animation:activity-ring var(--motion-ring-period) linear infinite}@keyframes activity-ring{to{transform:rotate(360deg)}}@media (prefers-contrast:more){:root{--stroke-hairline:1px;--shadow-soft-raised:0 0 #0000;--shadow-soft-well:0 0 #0000;--shadow-soft-pressed:0 0 #0000}.card,.settings-row+.settings-row,.skeleton-row+.skeleton-row,.table th,.table tbody tr+tr td,.items li+li:before{border-color:color-mix(in srgb, var(--color-ink) calc(var(--state-hairline-increased-alpha) * 100%), transparent)}input:not([type=checkbox],[type=radio]),select,textarea,.segmented-control,.segmented-control input:checked+span,.checkbox-control input:not(:checked,:indeterminate),.chip:not([aria-pressed=true]){border-color:color-mix(in srgb, var(--color-ink) calc(var(--state-increased-border-alpha) * 100%), transparent)}:is(input:not([type=checkbox],[type=radio]),select,textarea)[aria-invalid=true]{border-color:var(--color-danger);box-shadow:var(--shadow-soft-well), inset 0 0 0 var(--stroke-hairline) var(--color-danger)}.button.button:not(.circular-action){border-color:color-mix(in srgb, var(--color-ink) calc(var(--state-increased-border-alpha) * 100%), transparent)}.button.button:not(.circular-action):disabled{border-color:color-mix(in srgb, var(--color-ink) calc(var(--state-increased-disabled-border-alpha) * 100%), transparent)}.floating-glass{background:var(--color-raised);-webkit-backdrop-filter:none;backdrop-filter:none}.floating-glass:before{background:color-mix(in srgb, var(--color-ink) calc(var(--state-increased-border-alpha) * 100%), transparent)}}@media (prefers-reduced-motion:reduce){.button:is([data-pressed=true],:active):not(:disabled),.chip:active:not(:disabled){transform:none}.ring-arc{animation:none}}@media (prefers-reduced-transparency:reduce){.floating-glass{background:var(--color-raised);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (forced-colors:active){:root{--shadow-soft-raised:0 0 #0000;--shadow-soft-well:0 0 #0000;--shadow-soft-pressed:0 0 #0000}:focus-visible{outline-color:highlight}.segmented-control input:checked+span,.chip[aria-pressed=true],.checkbox-control input:is(:checked,:indeterminate){color:highlighttext;background:highlight}.checkbox-mark{stroke:highlighttext}.select-chevron{stroke:canvastext}:is(input,select,textarea)[aria-invalid=true]{border-color:mark}.nav-item[aria-current=page]:not(:focus-visible){outline:1px solid highlight}.badge,.notice,.toast,.floating-glass{border:1px solid canvastext}.floating-glass{background:canvas}.skeleton,.data-bar{forced-color-adjust:none;background:graytext}.data-bars li[data-highlight=true] .data-bar{background:highlight}}@media (pointer:coarse){:root{--ui-run-bar-height:var(--ui-touch-target);--ui-nav-item-height:var(--ui-touch-target)}.button,.chip,.checkbox-field,.toast-action,.toast-dismiss{position:relative}.button:before,.chip:before,.checkbox-field:before,.toast-action:before,.toast-dismiss:before,.segmented-control label:before{content:"";width:max(100%, var(--ui-touch-target));height:max(100%, var(--ui-touch-target));position:absolute;top:50%;left:50%;translate:-50% -50%}.segmented-control label:before{width:100%}:is(.actions,.actions:has(>[data-size=mini],>[data-size=small])){row-gap:calc(var(--ui-touch-target) - var(--ui-control-height-mini))}.chip-group{row-gap:calc(var(--ui-touch-target) - var(--ui-chip-height-mini))}:has(>.checkbox-field+.checkbox-field){row-gap:calc(var(--ui-touch-target) - var(--ui-checkbox-hit))}}@media (width>=768px){.toast-region{justify-items:end;margin-inline:auto 0}.toast-region .toast{min-width:var(--ui-toast-min-width)}}@media (width<=767px){.app-shell{grid-template-columns:minmax(0,1fr);align-content:start}.sidebar{border-inline-end:none;border-block-end:var(--stroke-hairline) solid var(--color-border);block-size:auto;position:static;overflow:visible}.nav-list{flex-wrap:wrap;display:flex}}@media (width<=640px){.gallery-header{flex-direction:column;align-items:stretch}}:root{--km-column:480px;--km-page-x:var(--space-page);--km-touch:var(--dim-44);--km-choice-min:var(--dim-56);--km-cta-height:var(--dim-56);--km-appbar-height:var(--dim-56);--km-ring:var(--stroke-focus-ring) solid var(--color-focus-ring);--km-ring-offset:var(--stroke-focus-offset);--km-safe-top:env(safe-area-inset-top,0px);--km-safe-bottom:env(safe-area-inset-bottom,0px);--km-safe-left:env(safe-area-inset-left,0px);--km-safe-right:env(safe-area-inset-right,0px)}#root{min-height:100dvh;max-width:var(--km-column);background:var(--bg-neutral-primary);margin-inline:auto}@media (width>=481px){body{background:var(--bg-neutral-secondary)}#root{box-shadow:0 0 0 var(--stroke-hairline) var(--line-neutral-secondary-opaque)}}.km-page{gap:var(--space-12);padding:var(--space-8) calc(var(--km-page-x) + var(--km-safe-right)) calc(var(--space-32) + var(--km-safe-bottom)) calc(var(--km-page-x) + var(--km-safe-left));font-size:var(--type-body1-size);line-height:var(--type-body1-line);letter-spacing:var(--type-body1-tracking);color:var(--fg-neutral-primary);flex-direction:column;display:flex}.km-page:not(.km-appbar+.km-page){padding-top:calc(var(--space-8) + var(--km-safe-top))}.km-page[data-cta]{padding-bottom:calc(var(--km-cta-height) + var(--space-16) * 2 + var(--space-32) + var(--km-safe-bottom))}.km-appbar{z-index:5;grid-template-columns:var(--km-touch) 1fr var(--km-touch);align-items:center;gap:var(--space-8);min-height:calc(var(--km-appbar-height) + var(--km-safe-top));padding:var(--km-safe-top) calc(var(--space-8) + var(--km-safe-right)) 0 calc(var(--space-8) + var(--km-safe-left));background:var(--bg-neutral-primary);letter-spacing:var(--type-headline2-tracking);display:grid;position:sticky;top:0}.km-appbar-title{text-align:center;font-size:var(--type-headline2-size);line-height:var(--type-headline2-line);font-weight:var(--weight-bold);letter-spacing:var(--type-headline2-tracking);color:var(--fg-neutral-primary);text-wrap:balance;margin:0}.km-appbar-back{width:var(--km-touch);height:var(--km-touch);border-radius:var(--radius-full);color:var(--fg-neutral-primary);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.km-appbar-back svg,.km-info svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.km-appbar-back svg{width:var(--dim-24);height:var(--dim-24)}.km-appbar-back:active{background:var(--color-hover)}.km-hero{gap:var(--space-8);padding:var(--space-32) 0 var(--space-16);flex-direction:column;display:flex}.km-eyebrow{font-size:var(--type-label1-size);line-height:var(--type-label1-line);letter-spacing:var(--type-label1-tracking);font-weight:var(--weight-bold);color:var(--fg-neutral-secondary);margin:0}.km-title{font-size:var(--type-title2-size);line-height:var(--type-title2-line);letter-spacing:var(--type-title2-tracking);font-weight:var(--weight-bold);color:var(--fg-neutral-primary);text-wrap:balance;margin:0}.km-lead{font-size:var(--type-body1-size);line-height:var(--type-body1-line);letter-spacing:var(--type-body1-tracking);font-weight:var(--weight-regular);color:var(--fg-neutral-secondary);text-wrap:pretty;margin:0}.km-hero-art{padding-top:var(--space-8);justify-content:center;display:flex}.km-h2{font-size:var(--type-heading2-size);line-height:var(--type-heading2-line);letter-spacing:var(--type-heading2-tracking);font-weight:var(--weight-bold);color:var(--fg-neutral-primary);text-wrap:balance;margin:0}.km-num{font-variant-numeric:tabular-nums;font-weight:var(--weight-bold);color:var(--fg-brand-primary)}.km-block{gap:var(--space-16);padding:var(--space-20);border:var(--stroke-hairline) solid var(--line-neutral-secondary);border-radius:var(--radius-card);background:var(--surface-neutral-primary);flex-direction:column;display:flex}.km-block[data-list]{padding-top:var(--space-16);padding-bottom:var(--space-8);gap:0}.km-block-head{justify-content:space-between;align-items:baseline;gap:var(--space-8);display:flex}.km-block[data-list] .km-block-head{padding-bottom:var(--space-8)}.km-block-link{min-width:var(--km-touch);min-height:var(--km-touch);font-size:var(--type-label1-size);line-height:var(--type-label1-line);letter-spacing:var(--type-label1-tracking);color:var(--fg-neutral-secondary);flex:none;justify-content:flex-end;align-items:center;display:inline-flex}.km-block-link :is(a,button){min-height:var(--km-touch);color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;text-decoration:none;display:inline-flex}.km-block>.button,.km-cta .button,.km-sheet-panel>.button{width:100%}.km-block>.button[data-size=large],.km-cta .button[data-size=large],.km-sheet-panel>.button[data-size=large]{min-block-size:var(--km-cta-height);border-radius:calc(var(--km-cta-height) / 2);font-size:var(--type-body1-size);line-height:var(--type-body1-line);letter-spacing:var(--type-body1-tracking)}.km-block>.button[data-emphasis=primary],.km-cta .button[data-emphasis=primary],.km-sheet-panel>.button[data-emphasis=primary]{font-weight:var(--weight-bold)}.km-more{align-self:flex-start;align-items:center;gap:var(--space-2);min-height:var(--km-touch);font-size:var(--type-label1-size);line-height:var(--type-label1-line);letter-spacing:var(--type-label1-tracking);font-weight:var(--weight-bold);color:var(--fg-brand-primary);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none;display:inline-flex}.km-row{align-items:center;gap:var(--space-16);min-height:var(--dim-64);padding:var(--space-16) 0;display:flex}.km-row+.km-row{border-top:var(--stroke-hairline) solid var(--line-neutral-tertiary)}.km-row-lead{width:var(--km-touch);height:var(--km-touch);border-radius:var(--radius-full);background:var(--surface-brand-subtle);color:var(--fg-brand-primary);font-size:var(--type-label1-size);line-height:var(--type-label1-line);font-weight:var(--weight-bold);flex:none;place-items:center;display:grid;overflow:hidden}.km-row-lead img{width:var(--dim-36);height:var(--dim-36)}.km-row-main{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.km-row-title{font-size:var(--type-headline2-size);line-height:var(--type-headline2-line);letter-spacing:var(--type-headline2-tracking);font-weight:var(--weight-bold);color:var(--fg-neutral-primary);text-wrap:balance;margin:0}.km-row-sub{font-size:var(--type-body2-size);line-height:var(--type-body2-line);letter-spacing:var(--type-body2-tracking);color:var(--fg-neutral-secondary);text-wrap:pretty;margin:0}.km-row-trail{align-items:center;gap:var(--space-8);font-size:var(--type-body2-size);line-height:var(--type-body2-line);letter-spacing:var(--type-body2-tracking);color:var(--fg-neutral-secondary);flex:none;display:flex}.km-choices{gap:var(--space-8);flex-direction:column;display:flex}.km-choice{appearance:none;width:100%;min-height:var(--km-choice-min);padding:var(--space-14) var(--space-16);border-radius:var(--radius-field-large);background:var(--surface-neutral-primary);box-shadow:inset 0 0 0 1px var(--line-neutral-primary);color:var(--fg-neutral-primary);font-family:inherit;font-size:var(--type-body1-size);line-height:var(--type-body1-line);letter-spacing:var(--type-body1-tracking);font-weight:var(--weight-medium);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--motion-quick) var(--motion-quick-curve), transform var(--motion-quick) var(--motion-quick-curve);border:0;align-items:center;margin:0;display:flex}.km-choice:active{background:var(--color-hover);transform:scale(var(--state-pressed-scale))}.km-choice[aria-checked=true]{background:var(--surface-brand-subtle);box-shadow:inset 0 0 0 1.5px var(--surface-brand-primary);color:var(--fg-brand-primary);font-weight:var(--weight-bold)}.km-info{align-items:flex-start;gap:var(--space-8);font-size:var(--type-body2-size);line-height:var(--type-body2-line);letter-spacing:var(--type-body2-tracking);color:var(--fg-neutral-secondary);margin:0;display:flex}.km-info svg{width:var(--dim-20);height:var(--dim-20);color:var(--fg-neutral-tertiary);flex:none}.km-done{padding:var(--space-16) var(--space-20);border-radius:var(--radius-field-large);background:var(--surface-brand-subtle);color:var(--fg-brand-primary);font-size:var(--type-body2-size);line-height:var(--type-body2-line);letter-spacing:var(--type-body2-tracking);font-weight:var(--weight-bold);margin:0}.km-potato{-webkit-user-select:none;user-select:none;flex:none;display:block}.km-block>.km-potato{align-self:center}.km-score{align-items:center;gap:var(--space-16);display:flex}.km-score-value{font-size:var(--type-display3-size);line-height:var(--type-display3-line);letter-spacing:var(--type-display3-tracking);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;color:var(--fg-neutral-primary);margin:0}.km-story{aspect-ratio:9/16;justify-content:space-between;align-items:center;gap:var(--space-8);width:56%;padding:var(--space-16);border-radius:var(--radius-field-large);background:linear-gradient(var(--surface-brand-subtle), var(--surface-brand-subtle)), var(--bg-neutral-primary);text-align:center;color:var(--fg-neutral-primary);letter-spacing:var(--type-body2-tracking);flex-direction:column;margin-inline:auto;display:flex}.km-story-brand,.km-story-title{font-size:var(--type-label1-size);line-height:var(--type-label1-line);font-weight:var(--weight-bold);margin:0}.km-story-brand{color:var(--fg-brand-primary)}.km-story-score{font-size:var(--type-title2-size);line-height:var(--type-title2-line);letter-spacing:var(--type-title2-tracking);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;margin:0}.km-story-sub{font-size:var(--type-caption1-size);line-height:var(--type-caption1-line);letter-spacing:var(--type-caption1-tracking);color:var(--fg-neutral-secondary);margin:0}.km-cta{inset-inline:0;z-index:6;gap:var(--space-8);max-width:var(--km-column);padding:var(--space-16) calc(var(--km-page-x) + var(--km-safe-right)) calc(var(--space-16) + var(--km-safe-bottom)) calc(var(--km-page-x) + var(--km-safe-left));background:linear-gradient(to top, var(--bg-neutral-primary) 72%, transparent);letter-spacing:var(--type-body1-tracking);flex-direction:column;margin-inline:auto;display:flex;position:fixed;bottom:0}.km-sheet{width:100%;max-width:var(--km-column);max-height:calc(100dvh - var(--space-48));border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background:var(--surface-elevated-primary);color:var(--fg-neutral-primary);overscroll-behavior:contain;border:0;margin:auto auto 0;padding:0;overflow-y:auto}.km-sheet[open]{animation:km-sheet-up var(--motion-standard) var(--motion-quick-curve)}@keyframes km-sheet-up{0%{transform:translateY(var(--space-24));opacity:0}}.km-sheet::backdrop{background:var(--effect-dimmer-primary)}.km-sheet-panel{gap:var(--space-16);padding:var(--space-12) calc(var(--km-page-x) + var(--km-safe-right)) calc(var(--space-20) + var(--km-safe-bottom)) calc(var(--km-page-x) + var(--km-safe-left));font-size:var(--type-body1-size);line-height:var(--type-body1-line);letter-spacing:var(--type-body1-tracking);flex-direction:column;display:flex}.km-sheet-grip{width:var(--dim-36);height:var(--space-4);border-radius:var(--radius-full);background:var(--line-neutral-control);align-self:center}.km-sheet-title{font-size:var(--type-heading2-size);line-height:var(--type-heading2-line);letter-spacing:var(--type-heading2-tracking);font-weight:var(--weight-bold);text-wrap:balance;margin:0}:is(.km-appbar-back,.km-choice,.km-more,.km-block-link :is(a,button)):focus-visible{outline:var(--km-ring);outline-offset:var(--km-ring-offset)}@media (prefers-reduced-motion:reduce){.km-choice,.km-sheet[open]{transition:none;animation:none}.km-choice:active{transform:none}}.km-done:empty{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.km-page .button:not([data-size=large]),.km-page .chip{min-block-size:var(--km-touch)}