/* OctoUI canonical stylesheet. scripts/build-dist.mjs copies src to dist and does not read the playground. */
@property --slider-progress{syntax:"<number>";inherits:true;initial-value:0}:root{color-scheme:dark;--canvas: #191816;--well: #262420;--panel: #32302c;--control: #3d3a35;--text: #e0dcd5;--text-secondary: #b9b2a8;--icon-rest: var(--text-secondary);--icon-hover: var(--text);--text-quiet: #b9b2a8;--accent: #ff5a1f;--accent-mark: var(--accent);--accent-deep: #cc3d0f;--accent-glow: rgb(255 90 31 / 0.38);--error: #ff8b66;--select-fill: color-mix(in srgb, var(--accent) 12%, transparent);--seam-dark: rgb(0 0 0 / 0.45);--seam-light: rgb(255 255 255 / 0.08);--face-light: rgb(255 255 255 / 0.16);--edge: color-mix(in srgb, white 12%, var(--panel));--edge-control: color-mix(in srgb, white 16%, var(--control));--highlight: -2px -3px 5px rgb(255 255 255 / 0.04);--shadow-group: 6px 8px 14px rgb(0 0 0 / 0.36), 14px 18px 32px rgb(0 0 0 / 0.3);--shadow-contact: 3px 4px 8px rgb(0 0 0 / 0.36);--shadow-contact-press: 0 var(--border-width) var(--space-half) rgb(0 0 0 / 0.28);--shadow-float: 14px 20px 36px rgb(0 0 0 / 0.5);--well-shade:
    inset 0 0 0 var(--border-width) var(--boundary-color),
    inset 2px 3px 4px rgb(0 0 0 / 0.3),
    inset -2px -2px 3px rgb(255 255 255 / 0.04);--radius-panel: 28px;--radius-control: 999px;--progress-size: var(--control-size);--progress-radius: var(--radius-control);--progress-track: var(--control);--progress-edge: var(--edge-control);--progress-fill: linear-gradient(var(--angle-gradient-direction), var(--accent-deep), var(--accent-mark));--control-size: 36px;--icon-size: calc(var(--control-size) * 0.75);--space-unit: 4px;--space-half: calc(var(--space-unit) / 2);--space-1: var(--space-unit);--space-2: calc(var(--space-unit) * 2);--space-3: calc(var(--space-unit) * 3);--space-4: calc(var(--space-unit) * 4);--space-5: calc(var(--space-unit) * 5);--space-6: calc(var(--space-unit) * 6);--space-8: calc(var(--space-unit) * 8);--space-inline: var(--space-2);--space-stack: var(--space-3);--space-control: var(--space-3);--space-group: var(--space-4);--space: var(--space-group);--inset-text: var(--space-2);--pad-text: var(--inset-text);--radius-inset: max(0px, calc(var(--radius-panel) - var(--space-group)));--radius-control-rect: max(var(--space-3), calc(var(--control-size) * 0.42));--radius-float: var(--radius-panel);--radius-select: var(--space-2);--space-nest: var(--inset-text);--field-pad-start: var(--space-group);--nest-item-size: var(--control-size);--radius-well-item: var(--radius-control-rect);--radius-well: calc(var(--radius-well-item) + var(--space-nest));--radius-segment: var(--radius-well);--radius-segment-item: var(--radius-well-item);--z-float-host: 12;--z-float: 8;--float-gap: var(--space-inline);--float-inset-inline: 0px;--float-submenu-overlap: var(--space-inline);--z-toast: 40;--z-dialog: 45;--z-drawer: 50;--select-inset: var(--space-1);--seam-inset: var(--space-4);--row-min: calc(var(--control-size) + var(--space-group) + var(--space-inline));--motion-curve: cubic-bezier(0.22, 1, 0.36, 1);--exit-duration: 120ms;--exit-ease: var(--exit-duration) var(--motion-curve);--field-ease: 120ms var(--motion-curve);--selection-ease: 120ms var(--motion-curve);--press-ease: 180ms var(--motion-curve);--value-ease: 180ms var(--motion-curve);--content-ease: 140ms var(--motion-curve);--mark-ease: 110ms var(--motion-curve);--dialog-enter-duration: 180ms;--overlay-ease: var(--dialog-enter-duration) var(--motion-curve);--overlay-exit-ease: var(--exit-ease);--menu-ease: var(--overlay-ease);--menu-exit-ease: var(--overlay-exit-ease);--hover-ease: 120ms var(--motion-curve);--disclosure-ease: 200ms var(--motion-curve);--drawer-enter-ease: 240ms var(--motion-curve);--drawer-exit-ease: var(--exit-ease);--toast-enter-ease: 160ms var(--motion-curve);--toast-exit-ease: var(--exit-ease);--press-enter-ease: 95ms var(--motion-curve);--submenu-ease: 140ms var(--motion-curve);--tooltip-delay: 400ms;--toast-lifetime: 3200ms;--motion-distance-small: var(--space-1);--motion-distance-float: var(--space-1);--motion-distance-submenu: var(--space-2);--motion-distance-dialog: var(--space-2);--motion-distance-exit: var(--space-half);--motion-distance-toast: var(--space-2);--selection-mark-size: calc(var(--control-size) * 0.61);--icon-size-mark: calc(var(--selection-mark-size) * 0.82);--selection-mark-radius: calc(var(--space-1) + var(--space-half));--switch-width: calc(var(--control-size) + var(--space-2));--switch-height: calc(var(--selection-mark-size) + (2 * var(--space-1)));--switch-inset: var(--space-1);--switch-travel: calc(var(--switch-width) - var(--selection-mark-size) - 2 * var(--switch-inset));--border-width: 1px;--chrome-pad-min: var(--space-2);--chrome-pad-fluid: 2vi;--chrome-pad-max: var(--space-3);--focus-width: var(--space-half);--focus-offset: var(--space-1);--focus-offset-inset: var(--space-half);--disabled-opacity: 0.45;--sheen-opacity: 0.34;--sheen-pressed-opacity: 0.12;--slider-grab-contact-opacity: 0.4;--slider-glow-radius: 14px;--slider-core-radius: 5px;--switch-glow-radius: 8px;--selection-face-shadow: var(--highlight), var(--shadow-contact);--selection-edge: color-mix(in srgb, white 55%, var(--accent));--selection-control-fill: color-mix(in srgb, var(--accent) 18%, var(--control));--selection-panel-fill: color-mix(in srgb, var(--accent) 16%, var(--panel));--selection-float-fill: color-mix(in srgb, var(--accent) 16%, var(--float));--selection-float-active-fill: color-mix(in srgb, var(--accent) 22%, var(--float));--hover-fill: color-mix(in srgb, var(--text) 10%, transparent);--switch-selected-fill: color-mix(in srgb, var(--accent) 55%, var(--well));--alert-fill: color-mix(in srgb, var(--accent) 12%, var(--panel));--toast-fill: color-mix(in srgb, var(--accent) 10%, var(--float));--dialog-backdrop: rgb(0 0 0 / 0.52);--drawer-backdrop: rgb(0 0 0 / 0.4);--z-tooltip: calc(var(--z-toast) - 4);--z-content: 1;--z-decoration: -1;--z-control: 2;--z-panel-head: 4;--nest-border: 0px;--field-focus-brightness: 1.04;--mark-enter-scale: 0.6;--remove-scale: 0.96;--sheen-fill: linear-gradient(135deg, var(--face-light), transparent 48%);--spinner-fill: conic-gradient(from 0deg, transparent 30%, var(--accent) 100%);--skeleton-width-secondary: 80%;--skeleton-width-tertiary: 62%;--font: "Avenir Next", "Segoe UI", sans-serif;--length-100-vh: 100vh;--length-16-px: 16px;--length-1-px: 1px;--angle-light-direction: 135deg;--font-size-control: 18px;--font-weight-medium: 600;--length-4-px: 4px;--radius-pill: 999px;--length-6-px: 6px;--length-negative-1-px: -1px;--angle-gradient-direction: 90deg;--length-12-px: 12px;--length-2-px: 2px;--length-180-px: 180px;--length-20-px: 20px;--length-14-px: 14px;--length-10-px: 10px;--font-size-caption: 14px;--length-0_04-em: 0.04em;--length-8-px: 8px;--length-120-px: 120px;--length-240-px: 240px;--length-160-px: 160px;--length-224-px: 224px;--line-height-1_2: 1.2;--length-negative-2-px: -2px;--length-280-px: 280px;--length-420-px: 420px;--length-460-px: 460px;--length-32-px: 32px;--length-1-fr: 1fr;--font-size-title: 22px;--font-weight-regular: 600;--font-size-body: 15px;--font-weight-strong: 700;--length-1-ch: 1ch;--length-640-px: 640px;--length-720-px: 720px;--font-size-small: 14px;--length-68-vh: 68vh;--line-height-1_4: 1.4;--length-5_5-rem: 5.5rem;--length-12-rem: 12rem;--font-size-input: 16px;--length-17_5-rem: 17.5rem;--font-size-calendar-title: 1rem;--font-size-micro: 12px;--calendar-hover-fill: color-mix(in srgb,var(--accent) 14%,transparent);--calendar-today-edge: color-mix(in srgb,var(--text) 28%,transparent);--calendar-selected-fill: color-mix(in srgb,var(--accent) 22%,var(--float-face));--length-40-px: 40px;--angle-chevron-closed: 45deg;--opacity-0_7: 0.7;--angle-chevron-open: 225deg;--length-22-rem: 22rem;--length-100-vw: 100vw;--font-size-dialog-title: 1.2rem;--length-28-px: 28px;--font-size-label: 14px;--length-0_02-em: 0.02em;--badge-accent-fill: color-mix(in srgb,var(--accent) 22%,var(--panel));--length-36-px: 36px;--avatar-fill: color-mix(in srgb,var(--accent) 24%,var(--control));--status-track-color: color-mix(in srgb,var(--text) 18%,transparent);--spinner-ease: 800ms linear;--angle-full-turn: 360deg;--spinner-mask: radial-gradient(circle at center,transparent 55%,#000 58%);--skeleton-fill: color-mix(in srgb,var(--text) 12%,var(--well));--font-size-subtitle: 1.1rem;--opacity-0_55: 0.55;--length-14-rem: 14rem;--length-16-rem: 16rem;--font-size-drawer-title: 1.15rem;--length-0_03-em: 0.03em;--length-7-rem: 7rem;--length-1-rem: 1rem;--tree-focus-fill: color-mix(in srgb,var(--accent) 16%,transparent);--angle-negative-45-deg: -45deg;--grid-focus-fill: color-mix(in srgb,var(--accent) 12%,transparent);--length-3-px: 3px;--band-fill: color-mix(in srgb,var(--canvas) 55%,var(--panel));--line-height-1_45: 1.45;--length-24-px: 24px;--length-10-rem: 10rem}:is(:root,.nm-root)[data-scheme="light"]{color-scheme:light;--canvas: #d8d4ce;--well: #bfbab3;--panel: #e9e5df;--control: #f3efe9;--dialog-backdrop: rgb(40 48 64 / 0.4);--text: #36332f;--text-secondary: #514c45;--text-quiet: #565048;--accent: #e25618;--accent-mark: color-mix(in srgb, var(--accent) 90%, black);--accent-deep: #b03d0c;--accent-glow: rgb(226 86 24 / 0.22);--error: #a3330a;--select-fill: color-mix(in srgb, var(--accent) 10%, transparent);--seam-dark: rgb(70 78 92 / 0.18);--seam-light: rgb(255 255 255 / 0.55);--face-light: rgb(255 255 255 / 0.38);--edge: color-mix(in srgb, white 58%, var(--panel));--edge-control: color-mix(in srgb, white 78%, var(--control));--highlight: -2px -3px 6px rgb(255 255 255 / 0.18);--shadow-group: 6px 8px 14px rgb(58 66 82 / 0.2), 14px 18px 32px rgb(58 66 82 / 0.16);--shadow-contact: 3px 5px 12px rgb(58 66 82 / 0.11);--shadow-contact-press: 0 var(--border-width) var(--space-half) rgb(58 66 82 / 0.1);--shadow-float: 12px 18px 32px rgb(58 66 82 / 0.16);--well-shade:
    inset 0 0 0 var(--border-width) var(--boundary-color),
    inset 2px 3px 4px rgb(70 78 92 / 0.12),
    inset -2px -2px 3px rgb(255 255 255 / 0.22)}:is(:root,.nm-root)[data-density="compact"]{--radius-panel: 20px;--control-size: 28px;--space-group: var(--space-3);--space-stack: var(--space-2);--space-control: var(--space-2);--space-inline: var(--space-1);--radius-select: calc(var(--space-1) + var(--space-half));--select-inset: var(--space-half);--seam-inset: var(--space-3);--row-min: calc(var(--control-size) + var(--space-group) + var(--space-inline))}:is(:root,.nm-root)[data-density="compact"]:not([data-effects="off"]){}:is(:root,.nm-root)[data-scheme="light"][data-density="compact"]:not([data-effects="off"]){}:is(:root,.nm-root)[data-palette]:not([data-palette="default"]){--accent-mark: var(--accent);--accent-deep: color-mix(in srgb, var(--accent) 72%, black);--accent-glow: color-mix(in srgb, var(--accent) 40%, transparent);--error: color-mix(in srgb, var(--accent) 62%, #ff8b66);--select-fill: color-mix(in srgb, var(--accent) 14%, transparent);--edge: color-mix(in srgb, white 22%, var(--panel));--edge-control: color-mix(in srgb, white 34%, var(--control))}:is(:root,.nm-root)[data-scheme="light"][data-palette]:not([data-palette="default"]){--accent-mark: color-mix(in srgb, var(--accent) 90%, black);--accent-deep: color-mix(in srgb, var(--accent) 70%, black);--accent-glow: color-mix(in srgb, var(--accent) 28%, transparent);--edge: color-mix(in srgb, white 70%, var(--panel));--edge-control: color-mix(in srgb, white 88%, var(--control));}:is(:root,.nm-root)[data-palette="newsstand"]{--canvas: #000000;--well: #101010;--panel: #1a1a1a;--control: #2a2a2a;--text: #f2f2f3;--text-secondary: #e7c892;--text-quiet: #88d9d0;--accent: #e7c892;--edge: color-mix(in srgb, white 32%, var(--panel));--edge-control: color-mix(in srgb, white 55%, var(--control))}:is(:root,.nm-root)[data-scheme="light"][data-palette="newsstand"]{--canvas: #e7e7e8;--well: #d8d8da;--panel: #f2f2f3;--control: #ffffff;--text: #000000;--text-secondary: #3a3a3a;--text-quiet: #5a5a5a;--accent: #1a8a82;--edge: color-mix(in srgb, var(--text) 10%, white);--edge-control: color-mix(in srgb, var(--text) 16%, white)}[data-motion="off"]{--press-enter-ease: 0s;--submenu-ease: 0s;--exit-duration: 0s;--exit-ease: 0s;--field-ease: 0s;--selection-ease: 0s;--press-ease: 0s;--value-ease: 0s;--content-ease: 0s;--mark-ease: 0s;--dialog-enter-duration: 0s;--overlay-ease: 0s;--overlay-exit-ease: 0s;--menu-ease: 0s;--menu-exit-ease: 0s;--hover-ease: 0s;--disclosure-ease: 0s;--drawer-enter-ease: 0s;--drawer-exit-ease: 0s;--toast-enter-ease: 0s;--toast-exit-ease: 0s}.nm-root,.nm-root *,.nm-root *::before,.nm-root *::after{box-sizing:border-box}.nm-root :where(button,input){font:inherit;color:inherit}.nm-root :where(button){cursor:pointer}.nm-root :where(.nm-icon,.nm-icon svg,[data-nm-icon]){width:var(--icon-size);height:var(--icon-size)}.nm-panel,.nm-field,.nm-float,.nm-button{position:relative;background:var(--panel);border-radius:var(--radius-panel)}.nm-float{border:0}.nm-field{border:0}.nm-panel .nm-panel{border-radius:var(--radius-inset)}.nm-panel{border:0;box-shadow:0 0 0 var(--border-width) var(--edge),var(--shadow-group)}.nm-float,.nm-dialog-card,.nm-drawer-panel,.nm-tooltip,.nm-toast{--text-secondary: var(--text-float-secondary);--text-quiet: var(--text-float-quiet);--icon-rest: var(--text-secondary)}.nm-float{background:var(--float)}.nm-button{width:var(--control-size);height:var(--control-size);padding:0;display:inline-grid;place-items:center;border-radius:var(--radius-control);background:var(--control);color:var(--icon-rest);flex:0 0 auto;border:0;box-shadow:0 0 0 var(--length-1-px) var(--edge-control);transition:color var(--hover-ease)}.nm-button:hover:not(:disabled):not([aria-disabled="true"]){color:var(--icon-hover)}.nm-button svg{position:relative;z-index:var(--z-content)}.nm-layers,.nm-layer,.nm-sheen{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.nm-button>.nm-layers{overflow:visible}.nm-layer-outer,.nm-layer-inner,.nm-sheen{transition:opacity var(--press-ease)}.nm-layer-group{box-shadow:none}.nm-layer-contact{box-shadow:var(--shadow-contact);opacity:1}.nm-layer-float{box-shadow:var(--shadow-float)}.nm-layer-inner{box-shadow:var(--shadow-contact-press);opacity:0}.nm-layer-well{box-shadow:var(--well-shade);opacity:1;background:var(--well)}.nm-field .nm-layer-well{filter:brightness(1);transition:filter var(--field-ease)}.nm-field:focus-within .nm-layer-well{filter:brightness(var(--field-focus-brightness))}.nm-sheen{background:var(--sheen-fill);opacity:var(--sheen-opacity)}.nm-button:active:not(:disabled) .nm-layer-contact{opacity:0}.nm-button:active:not(:disabled) .nm-layer-inner{opacity:1}.nm-button:active:not(:disabled) .nm-sheen{opacity:var(--sheen-pressed-opacity)}.nm-button:focus-visible{outline:var(--focus-width) solid var(--accent-mark);outline-offset:var(--focus-offset)}.nm-button:active:not(:disabled){--press-ease: var(--press-enter-ease)}[data-motion="off"] .nm-button{--press-ease: 0s}@media (prefers-reduced-motion:reduce){:is(:root,.nm-root){--press-enter-ease: 0s;--submenu-ease: 0s;--exit-duration: 0s;--exit-ease: 0s;--field-ease: 0s;--selection-ease: 0s;--press-ease: 0s;--value-ease: 0s;--content-ease: 0s;--mark-ease: 0s;--dialog-enter-duration: 0s;--overlay-ease: 0s;--overlay-exit-ease: 0s;--menu-ease: 0s;--menu-exit-ease: 0s;--hover-ease: 0s;--disclosure-ease: 0s;--drawer-enter-ease: 0s;--drawer-exit-ease: 0s;--toast-enter-ease: 0s;--toast-exit-ease: 0s}.nm-button{--press-ease: 0s !important}}.nm-field{--nest-border: 0px;--nest-pad: var(--space-nest);--nest-item-radius: var(--radius-well-item);--nest-radius: calc(var(--nest-item-radius) + var(--nest-pad) + var(--nest-border));--field-pad-start: var(--space-group);--field-feedback: var(--accent-mark);border-radius:var(--nest-radius);display:flex;align-items:center;gap:var(--inset-text);min-height:calc(var(--control-size) + (var(--nest-pad)*2));padding:var(--nest-pad) var(--nest-pad) var(--nest-pad) var(--field-pad-start);background:transparent}.nm-field:has(>.nm-button),.nm-field:has(>.stepper){padding:var(--nest-pad) var(--nest-pad) var(--nest-pad) var(--field-pad-start)}.nm-field>.nm-button,.nm-field>.nm-button.nm-button-text,.nm-field>.stepper .nm-button{border-radius:var(--nest-item-radius);box-shadow:var(--control-relief-edge)}.nm-field>.nm-button.nm-button-text{height:var(--control-size);min-height:var(--control-size);padding:0 var(--space-control)}.nm-field>.stepper{display:inline-flex;align-items:center;flex:0 0 auto;gap:var(--space-1)}.nm-field>.stepper .nm-button{width:var(--control-size);height:var(--control-size);min-width:var(--control-size);min-height:var(--control-size)}.nm-field[role="search"]{--field-border-width: 0px;--field-pad-start: var(--space-group);--nest-radius: calc(var(--control-size) / 2 + var(--nest-pad) + var(--field-border-width));--nest-item-radius: max(0px, calc(var(--nest-radius) - var(--nest-pad) - var(--field-border-width)));min-height:calc(var(--nest-radius)*2);border-radius:var(--nest-radius);padding:var(--nest-pad) var(--nest-pad) var(--nest-pad) var(--field-pad-start)}.nm-field input{position:relative;z-index:var(--z-content);flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:var(--font-size-input);font-weight:var(--font-weight-medium)}.nm-field input:focus-visible{outline:none}.nm-field:focus-within{outline:var(--focus-width) solid var(--accent-mark);outline-offset:var(--focus-offset-inset)}.nm-slider{--slider-progress: 0;--slider-thumb-size: var(--selection-mark-size);position:relative;z-index:0;height:var(--control-size);margin:calc(var(--space-group) + var(--space-inline)) var(--space-inline) var(--space-inline);transition:--slider-progress var(--selection-ease)}.nm-slider.is-dragging{transition-duration:0s}.nm-panel.has-float-open .nm-slider{z-index:0}.nm-float-host.has-float-open,.nm-menu-host.has-float-open,.nm-datepicker.has-float-open,.nm-select.has-float-open,.nm-combobox.has-float-open{position:relative;z-index:var(--z-float-host)}.nm-panel.has-float-open{position:relative;z-index:var(--z-float-host)}.nm-float-host.has-float-open .nm-float,.nm-menu-host.has-float-open .nm-float,.nm-datepicker.has-float-open .nm-float,.nm-select.has-float-open .nm-float,.nm-combobox.has-float-open .nm-float,.nm-panel.has-float-open .nm-float{z-index:var(--z-float)}.nm-groove,.nm-stops{position:absolute;left:calc(var(--space-inline) + var(--slider-thumb-size)/2);right:calc(var(--space-inline) + var(--slider-thumb-size)/2);top:50%;transform:translateY(-50%)}.nm-groove{height:var(--length-4-px);border-radius:var(--radius-pill);background:var(--well);box-shadow:var(--well-shade)}.nm-groove-fill{display:block;height:100%;width:calc(var(--slider-progress)*100%);border-radius:inherit;background:var(--accent-mark);transform-origin:left center}.nm-slider-thumb{position:absolute;top:50%;left:calc(var(--space-inline) + var(--slider-progress)*(100% - 2*var(--space-inline) - var(--slider-thumb-size)));z-index:var(--z-control);width:var(--slider-thumb-size);height:var(--slider-thumb-size);border:0;border-radius:50%;pointer-events:none;transform:translateY(-50%);background:radial-gradient(circle,var(--well)0 var(--slider-core-radius),var(--accent-mark) var(--slider-core-radius) 100%);box-shadow:0 0 0 var(--border-width) var(--edge)}.nm-slider-thumb::before,.nm-slider-thumb::after{content:"";position:absolute;inset:0;border-radius:inherit;transition:opacity var(--press-ease)}.nm-slider-thumb::before{box-shadow:0 0 var(--slider-glow-radius) var(--accent-glow),var(--shadow-contact);opacity:1}.nm-slider-thumb::after{box-shadow:var(--shadow-contact-press);opacity:0}.nm-slider.is-dragging .nm-slider-thumb{--press-ease: var(--press-enter-ease)}.nm-slider.is-dragging .nm-slider-thumb::before{opacity:var(--slider-grab-contact-opacity)}.nm-slider.is-dragging .nm-slider-thumb::after{opacity:1}.nm-stops{display:flex;justify-content:space-between;pointer-events:none}.nm-stops span{width:var(--length-6-px);height:var(--length-6-px);margin-top:var(--length-negative-1-px);border-radius:50%;background:var(--text-quiet)}.nm-slider input{position:absolute;inset:0;z-index:var(--z-content);width:100%;height:100%;margin:0;opacity:0;cursor:pointer;touch-action:pan-y}.nm-slider input:focus-visible{outline:none}.nm-slider:has(input:focus-visible) .nm-slider-thumb{outline:none}.nm-progress{position:relative;grid-column:1/-1;height:var(--progress-size);border-radius:var(--progress-radius);background:var(--progress-track);box-shadow:0 0 0 var(--length-1-px) var(--progress-edge);overflow:hidden}.nm-progress-fill{display:block;height:100%;width:38%;transition:width var(--value-ease);border-radius:inherit;background:var(--progress-fill);box-shadow:none}.nm-seam{display:block;height:var(--length-2-px);background:linear-gradient(var(--seam-dark),var(--seam-dark))0 0/100% var(--length-1-px) no-repeat,linear-gradient(var(--seam-light),var(--seam-light))0 var(--length-1-px)/100% var(--length-1-px) no-repeat}.nm-float{--nest-border: 0px;--nest-pad: var(--float-content-inset);--nest-radius: var(--radius-float);--nest-item-radius: max(0px, calc(var(--nest-radius) - var(--nest-pad) - var(--nest-border)));--float-pad: var(--nest-pad);--float-radius: var(--nest-radius);--float-item-radius: var(--nest-item-radius);position:absolute;z-index:var(--z-float);inset-block-start:calc(100% + var(--float-gap));inset-inline-start:var(--float-inset-inline);inset-inline-end:auto;min-width:var(--float-min-size);padding:var(--nest-pad);display:grid;overflow:hidden;border-radius:var(--nest-radius);background:var(--float);box-shadow:0 0 0 var(--border-width) var(--edge),var(--shadow-float);isolation:isolate}.nm-float>.nm-layers{display:none}.nm-float[hidden]{display:none}.nm-float>button,.nm-float [role="menuitem"],.nm-float [role="menuitemradio"],.nm-float [role="menuitemcheckbox"],.nm-float [role="option"]{position:relative;z-index:var(--z-content);border:0;background:transparent;text-align:left;box-sizing:border-box;min-height:var(--float-item-size);padding:var(--float-item-inset-block) var(--float-item-inset-inline);border-radius:0;color:var(--text);font:inherit;font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--hover-ease),color var(--hover-ease)}.nm-float>:nth-child(1 of :is(button,[role="option"]):not([hidden])){border-start-start-radius:var(--float-item-radius);border-start-end-radius:var(--float-item-radius)}.nm-float>:nth-last-child(1 of :is(button,[role="option"]):not([hidden])){border-end-start-radius:var(--float-item-radius);border-end-end-radius:var(--float-item-radius)}.nm-float>.nm-seam{margin:0 var(--space-inline)}.nm-float>button:not(:disabled):not([aria-disabled="true"]):hover,.nm-float>button:focus-visible,.nm-float [role="menuitem"]:not([aria-disabled="true"]):not(:disabled):hover,.nm-float [role="menuitem"]:focus-visible,.nm-float [role="menuitemradio"]:not([aria-disabled="true"]):not(:disabled):hover,.nm-float [role="menuitemradio"]:focus-visible,.nm-float [role="menuitemcheckbox"]:not([aria-disabled="true"]):not(:disabled):hover,.nm-float [role="menuitemcheckbox"]:focus-visible,.nm-float [role="option"]:not([aria-disabled="true"]):not(:disabled):hover,.nm-float [role="option"]:focus-visible,.nm-float [role="option"].is-active{background:var(--hover-fill);outline:none}.nm-float [role="menuitemradio"][aria-checked="true"],.nm-float [role="menuitemcheckbox"][aria-checked="true"],.nm-float [role="option"][aria-selected="true"]{background:var(--selection-float-fill)}.nm-float [role="option"][aria-selected="true"]:hover,.nm-float [role="option"][aria-selected="true"]:focus-visible,.nm-float [role="option"][aria-selected="true"].is-active{background:var(--selection-float-active-fill)}.nm-float [role="option"][aria-disabled="true"]{color:var(--text-quiet);cursor:not-allowed}.nm-float .nm-button{width:var(--control-size);height:var(--control-size);padding:0;display:inline-grid;place-items:center;border-radius:var(--radius-control);background:var(--float-face);color:var(--icon-rest);text-align:center;box-shadow:var(--control-relief-edge)}.nm-float .nm-button.nm-button-text{width:auto;min-width:var(--control-size);height:var(--control-size);min-height:var(--control-size);padding:0 var(--space-group);border-radius:var(--radius-control-rect)}.nm-float [role="menuitem"]:focus-visible{outline:var(--focus-width) solid var(--accent-mark);outline-offset:var(--length-negative-2-px)}:root{--media-card-reveal: var(--length-16-rem);--media-card-blur: var(--length-12-px);--media-card-field-fill: color-mix(in srgb, black 46%, transparent);--media-card-field-edge: var(--edge-control)}:is(:root,.nm-root)[data-effects="off"]{--media-card-blur: 0px}:is(:root,.nm-root)[data-scheme="light"]{--media-card-field-fill: color-mix(in srgb, white 58%, transparent)}.nm-media-card.nm-split{--nest-border: 0px;--nest-pad: var(--space-group);--nest-radius: var(--radius-inset);--nest-item-radius: var(--nest-radius);--media-card-field-pad: var(--space-nest);--media-card-field-radius: max(0px, calc(var(--nest-radius) - var(--media-card-field-pad)));position:relative;isolation:auto;contain:none;min-height:calc(var(--media-card-reveal) + var(--length-7-rem));align-items:stretch;border-radius:var(--nest-radius);overflow:hidden;clip-path:none}.nm-media-card-backdrop{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center top;pointer-events:none;border-radius:inherit}.nm-media-card>.nm-split-pane.nm-media-card-tile,.nm-media-card>.nm-split-separator{position:relative;z-index:var(--z-content)}.nm-media-card>.nm-split-pane.nm-media-card-tile{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:0;flex:1 1 0;width:0;padding:var(--media-card-reveal) var(--media-card-field-pad) var(--media-card-field-pad);min-width:0;min-height:0;background:transparent}.nm-media-card-field{position:relative;z-index:var(--z-content);display:flex;flex-direction:column;align-items:stretch;flex:1 1 auto;gap:var(--inset-text);min-height:0;padding:var(--space-group);border-radius:var(--media-card-field-radius);background:var(--media-card-field-fill);box-shadow:var(--media-card-field-rim);-webkit-backdrop-filter:blur(var(--media-card-blur));backdrop-filter:blur(var(--media-card-blur))}.nm-media-card-body{position:relative;z-index:var(--z-content);display:flex;flex-direction:column;align-items:stretch;gap:var(--inset-text);flex:1 1 auto;padding:var(--space-group);min-width:0}.nm-media-card-title{margin:0;font-size:var(--font-size-title);font-weight:var(--font-weight-strong);line-height:var(--line-height-1_2);color:var(--text)}.nm-media-card-copy{margin:0;color:var(--text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-1_45)}.nm-media-card-meta{margin:0;color:var(--text);font-size:var(--font-size-caption);line-height:var(--line-height-1_4)}.nm-media-card-mark{margin-inline-end:var(--space-inline)}.nm-media-card-field>.nm-button.nm-button-text,.nm-media-card-tile>.nm-button.nm-button-text,.nm-media-card-body>.nm-button.nm-button-text{width:auto;max-width:100%;margin-top:auto;margin-inline-start:auto;align-self:end;text-align:center}.nm-panel-progress{display:grid;grid-template-columns:var(--length-1-fr) auto;gap:var(--space-inline) var(--space-control);align-items:center}.progress-copy,.nm-panel-progress{position:relative;z-index:var(--z-content)}.nm-panel{position:relative;min-inline-size:0;padding:var(--space-group)}.progress-copy h2{margin:0}.unit,.progress-copy p{color:var(--text-secondary);font-weight:var(--font-weight-regular)}.unit{font-size:var(--font-size-body)}.nm-row{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:var(--row-min);gap:var(--space-control);padding:0 var(--seam-inset);font-size:var(--font-size-control);font-weight:var(--font-weight-medium)}.nm-list--seams>.nm-row+.nm-row::after{content:"";position:absolute;left:0;right:0;top:0;height:var(--length-2-px);background:linear-gradient(var(--seam-dark),var(--seam-dark))0 0/100% var(--length-1-px) no-repeat,linear-gradient(var(--seam-light),var(--seam-light))0 var(--length-1-px)/100% var(--length-1-px) no-repeat;pointer-events:none;z-index:var(--z-content)}.nm-list--seams>.nm-row{overflow:clip}.nm-list--seams .stepper{clip-path:inset(calc(-1*max(0px,(var(--row-min) - var(--control-size))/2 - var(--space-half))))}.nm-list--seams>.nm-row+.nm-row::after{background-color:var(--panel)}.stepper{display:flex;align-items:center;gap:var(--space-control)}.stepper output{min-width:var(--length-1-ch);text-align:center;font-variant-numeric:tabular-nums}.nm-panel-progress{align-items:start}.progress-copy p{margin:var(--space-1)0 0;font-size:var(--font-size-body)}.nm-panel-progress .nm-progress{margin-top:var(--space-stack)}.nm-playback{--nest-pad: var(--space-group);--nest-radius: var(--radius-panel);--nest-item-radius: max(0px, calc(var(--nest-radius) - var(--nest-pad)));display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-inline);width:100%;min-width:0;padding:var(--nest-pad);background:var(--panel);border:0;border-radius:var(--nest-radius);box-shadow:0 0 0 var(--border-width) var(--edge),var(--shadow-group)}.nm-playback>.nm-artwork{--artwork-radius:var(--nest-item-radius)}.nm-playback-id,.nm-playback-title,.nm-playback-by{margin:0;min-width:0}.nm-playback-id{flex:0 1 var(--length-160-px)}.nm-playback-title,.nm-playback-by{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nm-playback-title{font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.nm-playback-by,.nm-playback-time{color:var(--text-secondary);font-size:var(--font-size-caption)}.nm-playback-time{flex:0 0 auto;font-variant-numeric:tabular-nums}.nm-playback-transport.nm-toolstrip,.nm-playback-modes.nm-toolstrip{flex:0 0 auto;width:auto;min-width:max-content}.nm-playback-seek-row.nm-track-pill{flex:1 1 var(--length-160-px);width:auto;min-width:var(--length-160-px)}.nm-playback-volume.nm-track-pill{flex:0 0 auto;width:auto;max-width:none;min-width:max-content}.nm-glyph{position:relative;z-index:var(--z-content);display:inline-grid;place-items:center;width:var(--icon-size);height:var(--icon-size);font-size:var(--icon-size);line-height:1;user-select:none}.nm-artwork-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-inline);min-width:0}.nm-playback .nm-track-pill>.nm-slider{flex:1 1 auto;min-width:var(--length-120-px)}.nm-playback-volume .nm-track-pill-slider-short{flex:0 0 var(--length-120-px);width:var(--length-120-px);min-width:var(--length-120-px);max-width:var(--length-120-px)}.nm-icon-toggle[aria-pressed="true"],.nm-icon-toggle[aria-current="true"]{background:transparent;box-shadow:none;color:inherit}.nm-icon-toggle [data-nm-state]{display:none}.nm-icon-toggle[aria-pressed="false"] [data-nm-state="off"],.nm-icon-toggle[aria-pressed="true"] [data-nm-state="on"]{display:inline-grid}.nm-icon-toggle[data-nm-mode="off"] [data-nm-state="off"],.nm-icon-toggle[data-nm-mode="on"] [data-nm-state="on"],.nm-icon-toggle[data-nm-mode="all"] [data-nm-state="all"],.nm-icon-toggle[data-nm-mode="one"] [data-nm-state="one"],.nm-icon-toggle[data-nm-mode="play"] [data-nm-state="play"],.nm-icon-toggle[data-nm-mode="pause"] [data-nm-state="pause"],.nm-icon-toggle[data-nm-mode="replay"] [data-nm-state="replay"]{display:inline-grid}.nm-artwork{flex:0 0 auto;width:var(--artwork-size);height:var(--artwork-size);border-radius:var(--artwork-radius);object-fit:cover;background:var(--well);box-shadow:var(--well-shade)}.nm-artwork-row .nm-artwork{width:var(--length-224-px);height:var(--length-224-px)}.nm-artwork.is-empty,.nm-artwork.is-loading{display:grid}.nm-artwork.is-loading{background:linear-gradient(100deg,transparent 20%,var(--face-light) 50%,transparent 80%),var(--well);background-size:200% 100%,auto}.nm-queue{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-half)}.nm-queue-item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-inline);min-height:var(--row-min);padding:0 var(--inset-text);border-radius:var(--radius-select)}.nm-queue-item.is-current{background:var(--select-fill)}.nm-queue-item>span{flex:1 1 auto;min-width:0}.nm-queue button{border:0;background:transparent;color:var(--text-secondary);font:inherit;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);min-height:var(--length-24-px);padding:0 var(--inset-text);border-radius:var(--radius-select);cursor:pointer}.nm-queue button:disabled{opacity:var(--disabled-opacity)}.nm-window{display:grid;max-height:calc(var(--row-min)*8);overflow:hidden;border-radius:var(--radius-well);background:var(--well);box-shadow:var(--well-shade)}.nm-window-row{display:flex;align-items:center;min-height:var(--row-min);padding:0 var(--space-group)}.nm-window-row[aria-selected="true"]{background:var(--select-fill)}.nm-status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-control);color:var(--text-secondary);font-size:var(--font-size-caption)}.nm-grid{table-layout:fixed}.nm-grid th{position:relative}.nm-col-resize{position:absolute;top:0;right:0;width:var(--length-8-px);height:100%;cursor:col-resize}.nm-button-text{width:auto;min-width:var(--control-size);height:var(--control-size);min-height:var(--control-size);padding:0 var(--space-group);border-radius:var(--radius-control-rect);font-weight:var(--font-weight-medium);line-height:1}.nm-button:disabled{opacity:var(--disabled-opacity);cursor:not-allowed;color:var(--text-quiet)}.nm-button:disabled:active .nm-layer-contact{opacity:1}.nm-button:disabled:active .nm-layer-inner{opacity:0}.nm-panel[hidden]{display:none!important}.nm-row.is-selected{color:var(--text);font-weight:var(--font-weight-strong);background:transparent;box-shadow:none;margin:0;border-radius:0}.nm-row::before{content:"";position:absolute;top:var(--select-inset);right:0;bottom:var(--select-inset);left:0;border-radius:var(--radius-select);background:var(--select-fill);opacity:0;transition:opacity var(--selection-ease);z-index:0;pointer-events:none}.nm-row.is-selected::before{opacity:1}.field-label{position:relative;z-index:var(--z-content);display:block;margin-bottom:var(--space-inline);font-weight:var(--font-weight-medium)}.field-error{position:relative;z-index:var(--z-content);margin:var(--space-inline)0 0;color:var(--error);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.nm-field-area{--field-pad-start: var(--inset-text);align-items:stretch;min-height:0;padding:var(--inset-text)}.nm-field-area:has(>.nm-button){padding:var(--inset-text)}.nm-field-area textarea{position:relative;z-index:var(--z-content);flex:1;min-width:0;min-height:var(--length-5_5-rem);max-height:var(--length-12-rem);border:0;resize:vertical;background:transparent;outline:none;font:inherit;font-size:var(--font-size-input);font-weight:var(--font-weight-medium);color:var(--text)}.nm-number{position:relative;z-index:var(--z-content)}.nm-number .nm-field{width:100%;min-inline-size:0}.nm-number .nm-field input{flex:1;min-width:0;font-variant-numeric:tabular-nums}.nm-password{gap:var(--inset-text)}.nm-password input{flex:1}.nm-password-toggle{flex:0 0 auto}.nm-field input[type="time"],.nm-datepicker-field input{font-variant-numeric:tabular-nums}.nm-datepicker{position:relative}.nm-float-anchor,.nm-datepicker-anchor{position:relative;z-index:var(--z-content)}.nm-float-anchor>.nm-float{inset-block-start:calc(100% + var(--float-gap));inset-inline-start:var(--float-inset-inline);inset-inline-end:auto;margin-block-start:0}.nm-datepicker-field{gap:var(--nest-pad)}.nm-datepicker-field input{cursor:text}.nm-datepicker-field input:focus-visible{outline:none}.nm-datepicker-popup{--float-pad: var(--space-group);position:absolute;inset-block-start:calc(100% + var(--float-gap));inset-inline-start:var(--float-inset-inline);z-index:var(--z-float);box-sizing:border-box;min-width:0;width:100%;display:grid;gap:var(--space-inline);background:var(--float);isolation:isolate}.nm-datepicker-popup[hidden]{display:none}.nm-datepicker-head{position:relative;z-index:var(--z-content);display:grid;grid-template-columns:var(--control-size) var(--length-1-fr) var(--control-size);align-items:center;gap:var(--space-inline)}.nm-float .nm-datepicker-head .nm-button{background:var(--control);color:var(--text-secondary);border-radius:var(--radius-control);box-shadow:0 0 0 var(--length-1-px) var(--edge-control)}.nm-datepicker-title{margin:0;text-align:center;font-size:var(--font-size-calendar-title);font-weight:var(--font-weight-strong);outline:none}.nm-datepicker-weekdays,.nm-datepicker-grid [role="row"]{display:grid;grid-template-columns:repeat(7,var(--length-1-fr));gap:var(--space-half)}.nm-datepicker-weekdays{position:relative;z-index:var(--z-content);color:var(--text-quiet);font-size:var(--font-size-micro);font-weight:var(--font-weight-strong);letter-spacing:var(--length-0_04-em);text-align:center;text-transform:uppercase}.nm-datepicker-grid{position:relative;z-index:var(--z-content);display:grid;gap:var(--space-half)}.nm-datepicker-empty{min-height:var(--control-size)}.nm-datepicker-grid button{box-sizing:border-box;justify-self:center;width:min(100%,var(--calendar-day-size));aspect-ratio:1;min-height:0;padding:0;border:0;border-radius:var(--calendar-day-radius);background:transparent;color:var(--text);font:inherit;font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;cursor:pointer}.nm-datepicker-grid button:hover,.nm-datepicker-grid button:focus-visible{background:var(--calendar-hover-fill);outline:none}.nm-datepicker-grid button.is-today:not(.is-selected){box-shadow:inset 0 0 0 var(--border-width) var(--calendar-today-edge)}.nm-datepicker-grid button.is-selected{background:var(--calendar-selected-fill);color:var(--text);box-shadow:var(--highlight),var(--shadow-contact)}.nm-datepicker-grid button:focus-visible{outline:var(--focus-width) solid var(--accent-mark, var(--accent));outline-offset:calc(-1*var(--focus-offset-inset))}.nm-file{position:relative;z-index:var(--z-content);display:grid;gap:var(--space-inline)}.nm-file input[type="file"]{position:absolute;width:var(--length-1-px);height:var(--length-1-px);opacity:0;pointer-events:none}.nm-file-list{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-1);color:var(--text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium)}.nm-file-list li.is-enter{opacity:0;transform:translateY(var(--length-4-px))}.nm-file-list li.is-enter.is-visible{opacity:1;transform:translateY(0);transition:opacity var(--mark-ease),transform var(--mark-ease)}.nm-password-toggle-label{transition:opacity var(--mark-ease)}.nm-file-list [data-invalid="true"]{color:var(--error)}.nm-file-list .is-empty{color:var(--text-quiet);font-weight:var(--font-weight-regular)}.nm-tabs{position:relative;z-index:var(--z-content);display:grid;grid-template-columns:minmax(0,var(--length-1-fr));gap:var(--space-group)}.nm-tablist,.nm-button-group{position:relative}.nm-tablist{--nest-border: 0px;--nest-pad: var(--space-nest);--nest-item-radius: var(--radius-segment-item);--nest-radius: calc(var(--nest-item-radius) + var(--nest-pad) + var(--nest-border));display:inline-flex;padding:var(--nest-pad);gap:0;border-radius:var(--nest-radius);background:var(--well);box-shadow:var(--well-shade)}.nm-segment-indicator{position:absolute;top:var(--nest-pad);bottom:var(--nest-pad);left:0;z-index:0;border-radius:var(--nest-item-radius);background:var(--control);box-shadow:var(--highlight),var(--shadow-contact);pointer-events:none}.nm-segment-indicator.is-instant{transition:none}.nm-tab{min-inline-size:0;overflow-wrap:anywhere;position:relative;z-index:var(--z-content);border:0;background:transparent;color:var(--text-secondary);border-radius:var(--nest-item-radius);padding:var(--inset-text) var(--space-control);font:inherit;font-weight:var(--font-weight-medium);cursor:pointer}.nm-tab[aria-selected="true"]{background:var(--control);color:var(--text);box-shadow:var(--highlight),var(--shadow-contact)}.nm-tablist.has-indicator .nm-tab[aria-selected="true"]{background:transparent;box-shadow:none;color:var(--text)}.nm-tab:focus-visible{outline:var(--focus-width) solid var(--accent-mark, var(--accent));outline-offset:var(--focus-offset-inset)}.nm-tabpanel{color:var(--text)}.nm-tabpanel[hidden]{display:none}.nm-tabpanel.is-entering{animation:nm-panel-in var(--mark-ease)}@keyframes nm-panel-in{from{opacity:0;transform:translateY(var(--length-4-px))}to{opacity:1;transform:translateY(0)}}.nm-file label.nm-button{cursor:pointer;height:auto}.nm-accordion{position:relative;z-index:var(--z-content);display:grid;gap:var(--space-half)}.nm-disclosure h3{margin:0;font-size:inherit}.nm-disclosure-trigger{--nest-pad: var(--space-nest);width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--inset-text);box-sizing:border-box;min-height:calc(var(--control-size) + (2*var(--nest-pad)));padding:var(--nest-pad) var(--space-group);border:var(--border-width) solid var(--edge);border-radius:var(--radius-well);background:var(--well);color:var(--text);font:inherit;font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;box-shadow:var(--well-shade)}.nm-disclosure-trigger[aria-expanded="true"]::after{transform:rotate(var(--angle-chevron-open))}.nm-disclosure-panel{overflow:clip}.nm-disclosure-panel>.nm-disclosure-body{padding:var(--inset-text) var(--space-stack) var(--space-group)}.nm-disclosure-body>:last-child{margin-bottom:0}.nm-disclosure-panel[hidden]{display:none}.nm-alert{position:relative;z-index:var(--z-content);display:grid;gap:var(--inset-text);margin-top:var(--space-group);padding:var(--space-group);border:var(--border-width) solid var(--edge);border-radius:var(--radius-inset);background:var(--alert-fill);color:var(--text);box-shadow:var(--highlight),var(--shadow-contact)}.nm-toast{position:relative;overflow:hidden;z-index:var(--z-content);display:grid;gap:var(--inset-text);padding:var(--space-group);border:var(--border-width) solid var(--edge);border-radius:var(--radius-inset);background:var(--toast-fill);color:var(--text);box-shadow:var(--highlight),var(--shadow-float);margin:0 0 var(--space-inline);pointer-events:none;font-weight:var(--font-weight-strong);line-height:var(--line-height-1_2);opacity:1;transform:translateY(0);transition:none}.nm-alert strong{font-weight:var(--font-weight-strong)}.nm-toast-host{position:fixed;right:var(--length-16-px);bottom:var(--length-16-px);z-index:var(--z-toast);display:grid;gap:0;width:min(var(--length-22-rem),calc(100% - var(--length-32-px)));pointer-events:none}.nm-dialog{border:0;padding:0;margin:auto;background:transparent;color:inherit;max-width:calc(100% - var(--length-32-px));overflow:visible;z-index:var(--z-dialog)}.nm-dialog:focus{outline:none}.nm-dialog{display:none;transition:display var(--overlay-exit-ease) allow-discrete,overlay var(--overlay-exit-ease) allow-discrete}.nm-dialog[open]{display:block;transition:display var(--overlay-ease) allow-discrete,overlay var(--overlay-ease) allow-discrete}.nm-dialog:not([open]){pointer-events:none}.nm-dialog:not([open])::backdrop{pointer-events:none}.nm-dialog::backdrop{background:var(--dialog-backdrop);opacity:0;transition:opacity var(--overlay-exit-ease),display var(--overlay-exit-ease) allow-discrete,overlay var(--overlay-exit-ease) allow-discrete}.nm-dialog[open]::backdrop{opacity:1;transition-duration:var(--dialog-enter-duration)}@starting-style{.nm-dialog[open]::backdrop{opacity:0}.nm-dialog[open] .nm-dialog-card{opacity:0;transform:translateY(calc(-1*var(--motion-distance-dialog)))}}.nm-dialog-card{position:relative;opacity:0;transform:translateY(calc(-1*var(--motion-distance-dialog)));transition:opacity var(--overlay-exit-ease),transform var(--overlay-exit-ease);width:min(var(--length-22-rem),100%);margin:auto;padding:var(--space-group);border-radius:var(--radius-panel);background:var(--float);border:var(--border-width) solid var(--edge);box-shadow:var(--highlight),var(--shadow-float);display:grid;gap:var(--space-inline);overflow:visible;isolation:isolate}.nm-dialog[open] .nm-dialog-card{opacity:1;transform:translateY(0);transition:opacity var(--overlay-ease),transform var(--overlay-ease)}.nm-dialog-card>.nm-layers{display:none}.nm-dialog-card .nm-button{color:var(--text-float-secondary);background:var(--float-face)}.nm-dialog-card h2{position:relative;z-index:var(--z-content)}.nm-dialog-card h2{margin:0;font-size:var(--font-size-dialog-title)}.nm-inline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-inline)}.nm-badge,.nm-tag{display:inline-flex;align-items:center;gap:var(--space-1);min-height:0;padding:var(--pad-text);border-radius:var(--radius-pill);background:var(--well);color:var(--text);font-size:var(--font-size-label);font-weight:var(--font-weight-strong);line-height:var(--line-height-1_2);letter-spacing:var(--length-0_02-em);box-shadow:var(--well-shade)}.nm-badge[data-tone="accent"]{background:var(--badge-accent-fill)}.nm-tag-removable{border:0;cursor:pointer;font-family:inherit}.nm-avatar{width:var(--length-36-px);height:var(--length-36-px);border-radius:50%;display:inline-grid;place-items:center;background:var(--avatar-fill);color:var(--text);font-size:var(--font-size-label);font-weight:var(--font-weight-strong);box-shadow:var(--highlight),var(--shadow-contact)}.nm-avatar-image{background:var(--avatar-image) center/cover no-repeat,var(--control);color:transparent}.nm-spinner{width:var(--selection-mark-size);height:var(--selection-mark-size);border-radius:50%;border:var(--length-2-px) solid var(--status-track-color);border-top-color:var(--accent);animation:nm-spin var(--spinner-ease) infinite}@keyframes nm-spin{to{transform:rotate(var(--angle-full-turn))}}@media (prefers-reduced-motion:reduce){.nm-spinner{animation:none;border-top-color:var(--status-track-color);background:var(--spinner-fill);mask:var(--spinner-mask)}}[data-motion="off"] .nm-spinner{animation:none;border-top-color:var(--status-track-color);background:var(--spinner-fill);mask:var(--spinner-mask)}.nm-skeleton{display:grid;gap:var(--space-inline)}.nm-skeleton span{display:block;height:var(--length-12-px);border-radius:var(--radius-pill);background:var(--skeleton-fill)}.nm-skeleton span:nth-child(2){width:var(--skeleton-width-secondary)}.nm-skeleton span:nth-child(3){width:var(--skeleton-width-tertiary)}.nm-empty{display:grid;gap:var(--space-inline);justify-items:start;padding:var(--space-group)0 0}.nm-empty-title{margin:0;font-size:var(--font-size-subtitle);font-weight:var(--font-weight-strong)}.nm-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:var(--space-inline);margin:0 0 var(--space-group);padding:0;list-style:none;color:var(--text-secondary);font-weight:var(--font-weight-medium)}.nm-breadcrumbs li:not(:last-child)::after{content:"/";margin-left:var(--space-inline);opacity:var(--opacity-0_55)}.nm-link{color:var(--accent-mark, var(--accent));text-decoration:underline;text-underline-offset:var(--length-2-px);transition:color var(--hover-ease)}.nm-link:focus-visible{outline:var(--focus-width) solid var(--accent-mark, var(--accent));outline-offset:var(--focus-offset)}.nm-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-inline)}.nm-page{position:relative;isolation:isolate;width:var(--control-size);min-width:var(--control-size);padding:0;font-weight:var(--font-weight-strong);transition:color var(--hover-ease)}.nm-pagination .nm-button-text{width:auto;min-height:var(--control-size);padding-inline:var(--space-group);font-weight:var(--font-weight-strong)}.nm-page::before{content:"";position:absolute;inset:0;z-index:var(--z-decoration);border-radius:inherit;background:var(--selection-control-fill);opacity:0;transition:opacity var(--selection-ease);pointer-events:none}.nm-page[aria-current="page"]{color:var(--text)}.nm-page[aria-current="page"]::before{opacity:1}.nm-page:hover{color:var(--text)}.nm-sidebar{position:relative;z-index:var(--z-content);display:grid;gap:var(--space-inline)}.nm-sidebar-label{margin:var(--space-inline)0 0;color:var(--text-quiet);font-size:var(--font-size-label);font-weight:var(--font-weight-strong);letter-spacing:var(--length-0_04-em);text-transform:uppercase}.nm-sidebar-group{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-half)}.nm-sidebar-link{position:relative;isolation:isolate;display:block;padding:var(--inset-text) var(--space-control);border-radius:var(--radius-select);color:var(--text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--hover-ease),background-color var(--hover-ease)}.nm-sidebar-link::before{content:"";position:absolute;inset:0;z-index:var(--z-decoration);border-radius:inherit;background:var(--selection-panel-fill);opacity:0;transition:opacity var(--selection-ease);pointer-events:none}.nm-sidebar-link[aria-current="page"]{color:var(--text)}.nm-sidebar-link[aria-current="page"]::before{opacity:1}a.nm-sidebar-link:hover,.nm-link:hover{color:var(--text)}.nm-sidebar-link:focus-visible{outline:var(--focus-width) solid var(--accent-mark, var(--accent));outline-offset:var(--focus-offset-inset)}.nm-tip-host{position:relative;display:inline-flex}.nm-tip-host>:disabled{pointer-events:none}.nm-tooltip{position:absolute;z-index:var(--z-tooltip);top:calc(100% + var(--space-inline));left:0;display:inline-flex;align-items:center;justify-content:center;padding:var(--pad-text);border:var(--border-width) solid var(--edge);border-radius:var(--radius-select);background:var(--float);color:var(--text);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);line-height:var(--line-height-1_2);box-shadow:var(--highlight),var(--shadow-float);max-width:var(--length-14-rem);pointer-events:none;white-space:nowrap;opacity:0;transition:opacity var(--exit-ease),display var(--exit-ease) allow-discrete}.nm-tooltip.is-ported{position:fixed;right:auto;bottom:auto;margin:0;transform:none}.nm-tooltip.is-visible{opacity:1;transition:opacity var(--mark-ease),display var(--mark-ease) allow-discrete}.nm-tooltip[hidden]{display:none}@starting-style{.nm-tooltip.is-visible{opacity:0}}.nm-popover{--nest-border: 0px;--nest-pad: var(--space-group);--float-pad: var(--nest-pad);--nest-item-radius: max(0px, calc(var(--nest-radius) - var(--nest-pad) - var(--nest-border)));--float-item-radius: var(--nest-item-radius);display:grid;gap:var(--space-stack);min-width:var(--length-14-rem);padding:var(--nest-pad);background:var(--float);isolation:isolate}.nm-popover>.nm-button{border-radius:var(--nest-item-radius)}.nm-drawer{display:block;transition:display var(--drawer-exit-ease) allow-discrete;position:fixed;inset:0;z-index:var(--z-drawer);overflow:hidden}.nm-drawer[hidden]{pointer-events:none;display:none}.nm-drawer-backdrop{position:absolute;inset:0;background:var(--drawer-backdrop);opacity:0;transition:opacity var(--exit-ease)}.nm-drawer.is-open .nm-drawer-backdrop{opacity:1;transition:opacity var(--drawer-enter-ease)}.nm-drawer-panel{position:absolute;top:0;right:0;width:min(var(--length-22-rem),100%);height:100%;padding:var(--space-group);background:var(--float);border:var(--border-width) solid var(--edge);box-shadow:var(--highlight),var(--shadow-float);outline:none;display:grid;align-content:start;gap:var(--space-inline);isolation:isolate;opacity:0;transform:translateX(100%);transition:opacity var(--exit-ease),transform var(--drawer-exit-ease)}.nm-drawer.is-open .nm-drawer-panel{opacity:1;transform:translateX(0);transition:opacity var(--drawer-enter-ease),transform var(--drawer-enter-ease)}.nm-drawer-panel>.nm-layers{display:none}.nm-drawer-panel .nm-button{color:var(--text-float-secondary);background:var(--float-face)}.nm-drawer-head{position:relative;z-index:var(--z-content);display:flex;align-items:center;justify-content:space-between;gap:var(--space-inline)}.nm-drawer-head h2{margin:0;font-size:var(--font-size-drawer-title)}body.nm-drawer-open{overflow:hidden}.nm-submenu{position:absolute;inset-inline-start:calc(100% - var(--float-submenu-overlap));inset-inline-end:auto;inset-block-start:0;margin-block-start:0}.nm-scroll{position:relative;z-index:var(--z-content);overflow:auto;max-height:var(--length-14-rem);border-radius:var(--radius-well);background:var(--well);border:0;box-shadow:var(--well-shade);contain:paint;clip-path:inset(0 round var(--radius-well))}.nm-scroll:focus-visible{outline:var(--focus-width) solid var(--accent-mark, var(--accent));outline-offset:var(--focus-offset-inset)}.nm-table{width:100%;border-collapse:separate;border-spacing:0;font-weight:var(--font-weight-medium)}.nm-table th,.nm-table td{padding:var(--space-control) var(--space-stack);text-align:left;border:0}.nm-table thead tr,.nm-table tbody tr:not(:last-child){position:relative}.nm-table thead tr::after,.nm-table tbody tr:not(:last-child)::after{content:"";position:absolute;left:var(--space-inline);right:var(--space-inline);bottom:0;height:var(--length-1-px);background:var(--edge);pointer-events:none}.nm-table th{color:var(--text-secondary);font-size:var(--font-size-label);letter-spacing:var(--length-0_03-em);text-transform:uppercase}.nm-sort{border:0;background:transparent;color:inherit;font:inherit;font-weight:var(--font-weight-strong);cursor:pointer;padding:0}th[aria-sort="ascending"] .nm-sort::after{content:" ↑"}th[aria-sort="descending"] .nm-sort::after{content:" ↓"}.nm-check-row{min-height:0}.nm-toolbar{position:relative;z-index:var(--z-content);display:inline-flex;flex-wrap:wrap;gap:var(--space-inline);margin-bottom:var(--space-group)}.nm-split{position:relative;z-index:var(--z-content);display:flex;min-height:var(--length-7-rem);border-radius:var(--radius-well);background:var(--well);border:0;box-shadow:var(--well-shade);overflow:hidden;contain:paint;clip-path:inset(0 round var(--radius-well))}.nm-split-pane{flex:1 1 auto;min-width:0;padding:var(--space-group)}.nm-split-separator{flex:0 0 var(--length-8-px);align-self:stretch;margin-block:var(--space-inline);border-radius:var(--radius-pill);background:var(--edge);cursor:col-resize}.nm-split-separator:focus-visible{outline:var(--focus-width) solid var(--accent-mark, var(--accent));outline-offset:var(--length-negative-2-px)}.nm-tree{position:relative;z-index:var(--z-content);margin:0;padding:0;list-style:none}.nm-tree [role="group"]{margin:0;padding:0 var(--space-1)0 var(--length-1-rem);list-style:none}.nm-tree [role="treeitem"]{outline:none}.nm-tree-label{display:flex;align-items:center;box-sizing:border-box;width:100%;min-height:var(--length-32-px);padding:0 var(--inset-text);border-radius:var(--radius-select);font-weight:var(--font-weight-medium);cursor:default}.nm-tree [role="treeitem"]:focus>.nm-tree-label,.nm-tree [role="treeitem"]:focus-visible>.nm-tree-label{background:var(--tree-focus-fill);outline:var(--focus-width) solid var(--accent-mark, var(--accent));outline-offset:var(--length-negative-2-px)}.nm-tree [role="treeitem"][aria-expanded]>.nm-tree-label::before{content:"";width:var(--length-6-px);height:var(--length-6-px);margin-right:var(--space-inline);border-right:var(--length-2-px) solid currentColor;border-bottom:var(--length-2-px) solid currentColor;transform:rotate(var(--angle-negative-45-deg));opacity:var(--opacity-0_7);transition:transform var(--mark-ease)}.nm-tree [role="treeitem"][aria-expanded="true"]>.nm-tree-label::before{transform:rotate(var(--angle-chevron-closed))}.nm-grid td:focus,.nm-grid td:focus-visible{outline:var(--focus-width) solid var(--accent-mark, var(--accent));outline-offset:var(--length-negative-2-px);background:var(--grid-focus-fill)}.nm-field.is-invalid{outline:var(--focus-width) solid var(--error);outline-offset:var(--focus-offset-inset)}.nm-field.is-invalid:focus-within{outline-width:var(--length-3-px)}.nest-outer{display:grid;gap:var(--space-group)}.nest-band{height:var(--space-group);border-radius:var(--radius-inset);background:var(--band-fill)}.nest-inner{margin:0;border-radius:var(--radius-inset)}.nm-check,.nm-radio{position:relative;display:flex;align-items:center;gap:var(--space-inline);min-height:var(--length-24-px);cursor:pointer;color:var(--text);font-weight:var(--font-weight-medium)}.nm-check input,.nm-radio input{position:absolute;opacity:0;width:var(--length-1-px);height:var(--length-1-px);margin:0}.nm-check-face,.nm-radio-face{width:var(--selection-mark-size);height:var(--selection-mark-size);flex:0 0 auto;display:grid;place-items:center;border:var(--border-width) solid var(--edge);border-radius:var(--selection-mark-radius);background:var(--control);box-shadow:var(--highlight),var(--shadow-contact);color:var(--float)}.nm-radio-face{border-radius:var(--radius-pill);transition:background-color var(--mark-ease),border-color var(--mark-ease),box-shadow var(--mark-ease)}.nm-check-face svg{grid-area:1/1;width:var(--icon-size-mark);height:var(--icon-size-mark);font-size:var(--icon-size-mark);opacity:0;transition:opacity var(--mark-ease)}.nm-check input:checked+.nm-check-face,.nm-check input:indeterminate+.nm-check-face,.nm-radio input:checked+.nm-radio-face{background:var(--accent);border-color:var(--selection-edge);box-shadow:var(--selection-face-shadow)}.nm-check input:checked+.nm-check-face .nm-check-mark,.nm-check input:indeterminate+.nm-check-face .nm-check-dash{opacity:1}.nm-radio-face::after{content:"";width:var(--length-8-px);height:var(--length-8-px);border-radius:50%;background:var(--accent-mark);opacity:0;transform:scale(var(--mark-enter-scale));transition:opacity var(--mark-ease),transform var(--mark-ease)}.nm-radio input:checked+.nm-radio-face::after{opacity:1;transform:scale(1)}.nm-check input:focus-visible+.nm-check-face,.nm-radio input:focus-visible+.nm-radio-face,.nm-switch:focus-visible{outline:var(--focus-width) solid var(--accent-mark, var(--accent));outline-offset:var(--focus-offset)}.nm-check input:disabled+.nm-check-face,.nm-radio input:disabled+.nm-radio-face,.nm-switch:disabled .nm-switch-track{opacity:var(--disabled-opacity)}.nm-check:has(input:disabled),.nm-radio:has(input:disabled),.nm-switch-row:has(.nm-switch:disabled){color:var(--text-quiet);cursor:not-allowed}.nm-switch-row{display:flex;align-items:center;gap:var(--space-control);font-weight:var(--font-weight-medium)}.nm-switch{border:0;padding:0;background:transparent;width:var(--switch-width);height:var(--switch-height);cursor:pointer}.nm-switch-track{display:block;width:100%;height:100%;border-radius:var(--radius-pill);background:var(--well);box-shadow:var(--well-shade);position:relative}.nm-switch-thumb{position:absolute;top:var(--switch-inset);left:var(--switch-inset);width:var(--selection-mark-size);height:var(--selection-mark-size);border-radius:50%;background:var(--control);box-shadow:var(--highlight),var(--shadow-contact);transition:transform var(--value-ease)}.nm-switch-thumb::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 var(--switch-glow-radius) var(--accent-glow);opacity:0;transition:opacity var(--mark-ease)}.nm-switch:active:not(:disabled) .nm-switch-thumb::after{opacity:1}.nm-switch[aria-checked="true"] .nm-switch-track{background:var(--switch-selected-fill)}.nm-switch[aria-checked="true"] .nm-switch-thumb{transform:translateX(var(--switch-travel));background:var(--control)}.nm-button.nm-toggle{isolation:isolate}.nm-button.nm-toggle::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--selection-control-fill);opacity:0;pointer-events:none;transition:opacity var(--selection-ease)}.nm-button.nm-toggle[aria-pressed="true"]{color:var(--text)}.nm-button.nm-toggle[aria-pressed="true"]::after{opacity:1}.nm-button-group{--nest-border: 0px;--nest-pad: var(--space-nest);--nest-item-radius: var(--radius-segment-item);--nest-radius: calc(var(--nest-item-radius) + var(--nest-pad) + var(--nest-border));position:relative;z-index:var(--z-content);display:inline-flex;padding:var(--nest-pad);gap:0;border-radius:var(--nest-radius);background:var(--well);box-shadow:var(--well-shade)}.nm-button-group button{position:relative;z-index:var(--z-content);border:0;background:transparent;color:var(--text-secondary);border-radius:var(--nest-item-radius);padding:var(--inset-text) var(--space-control);font-weight:var(--font-weight-medium);cursor:pointer}.nm-button-group:not(.has-indicator) button[aria-pressed="true"]{background:var(--control);color:var(--text);box-shadow:var(--highlight),var(--shadow-contact)}.nm-button-group.has-indicator button[aria-pressed="true"]{background:transparent;box-shadow:none;color:var(--text)}.nm-toolstrip,.nm-track-pill{--nest-border: 0px;--nest-pad-block: var(--space-inline);--nest-pad-inline: var(--space-inline);--nest-pad: var(--nest-pad-block);--toolstrip-item-size: var(--nest-item-size);--track-pill-item-size: var(--nest-item-size);--track-pill-outer: calc(var(--nest-item-size) + (2 * var(--nest-pad-block)));--toolstrip-outer: var(--track-pill-outer);--nest-item-radius: calc(var(--nest-item-size) / 2);--nest-radius: calc(var(--nest-item-radius) + var(--nest-pad-block));position:relative;z-index:var(--z-content);box-sizing:border-box;height:var(--track-pill-outer);min-height:var(--track-pill-outer);padding:var(--nest-pad);gap:var(--nest-pad);border-radius:var(--nest-radius);background:var(--well);color:var(--text-secondary);box-shadow:var(--well-shade);overflow:visible}.nm-toolstrip{display:inline-flex;align-items:center;flex-shrink:0}.nm-track-pill{display:flex;align-items:center;width:auto;max-width:100%;min-width:0;flex:0 0 auto}.nm-panel>.nm-track-pill,.nm-panel-progress .nm-track-pill{width:100%;flex:1 1 auto}.nm-track-pill>.nm-progress{flex:1 1 auto;grid-column:auto;width:auto;min-width:var(--length-40-px);height:var(--progress-size);margin:0}.nm-track-pill>.nm-slider{flex:1 1 auto;width:auto;min-width:var(--length-40-px);height:var(--track-pill-item-size);margin:0}.nm-track-pill .nm-groove,.nm-track-pill .nm-stops{left:calc(var(--slider-thumb-size)/2);right:calc(var(--slider-thumb-size)/2)}.nm-track-pill .nm-groove{height:var(--space-control);border-radius:var(--radius-control);background:var(--control);box-shadow:none}.nm-track-pill .nm-slider-thumb{left:calc(var(--slider-progress)*(100% - var(--slider-thumb-size)))}.nm-track-pill-meta{flex:0 0 auto;margin:0;padding-inline:var(--inset-text);font-size:var(--font-size-caption);font-variant-numeric:tabular-nums;line-height:1;color:var(--text-secondary);white-space:nowrap}.nm-button.nm-track-pill-control{width:var(--track-pill-item-size);height:var(--track-pill-item-size);min-width:var(--track-pill-item-size);min-height:var(--track-pill-item-size);flex:0 0 auto;border-radius:var(--nest-item-radius)}.nm-track-pill>.nm-slider.nm-track-pill-slider-short{flex:0 1 var(--length-120-px);width:var(--length-120-px);max-width:var(--length-120-px)}.nm-toolstrip>.nm-tip-host{flex:0 0 auto;align-self:center}.nm-toolstrip-item{position:relative;z-index:var(--z-content);display:inline-grid;place-items:center;width:var(--toolstrip-item-size);height:var(--toolstrip-item-size);padding:0;border:0;border-radius:var(--nest-item-radius);background:var(--control);color:var(--icon-rest);box-shadow:0 0 0 var(--length-1-px) var(--edge-control),var(--shadow-contact);transition:box-shadow var(--press-ease),color var(--hover-ease);cursor:pointer;flex:0 0 auto}.nm-toolstrip-item::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--sheen-fill);opacity:var(--sheen-opacity);pointer-events:none;transition:opacity var(--press-ease)}.nm-toolstrip-item svg{position:relative;z-index:var(--z-content);filter:none}.nm-toolstrip-item:hover:not(:disabled){color:var(--icon-hover)}.nm-toolstrip-item:focus-visible{outline:var(--focus-width) solid var(--accent-mark, var(--accent));outline-offset:var(--focus-offset-inset)}.nm-toolstrip-item:active:not(:disabled){color:var(--text);--press-ease: var(--press-enter-ease);box-shadow:0 0 0 var(--length-1-px) var(--edge-control),var(--shadow-contact-press)}.nm-toolstrip-item:active:not(:disabled)::before{opacity:var(--sheen-pressed-opacity)}.nm-toolstrip-item[aria-pressed="true"],.nm-toolstrip-item[aria-current="true"]{color:var(--text)}.nm-toolstrip-item:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.nm-toolstrip-divider{display:none}.nm-float-host,.nm-menu-host{position:relative;overflow:visible}.nm-float-host>.nm-float,.nm-menu-host>.nm-float{position:absolute;inset-block-start:calc(100% + var(--float-gap));inset-inline-start:var(--float-inset-inline);inset-inline-end:auto;margin-block-start:0}.nm-select,.nm-combobox{position:relative}.nm-combobox .nm-field{min-height:calc(var(--control-size) + (var(--nest-pad)*2))}.nm-button.nm-button-text.nm-select-trigger{display:flex;align-items:center;gap:var(--space-inline);inline-size:100%;min-width:0;justify-content:space-between;padding-inline:var(--field-pad-start, var(--space-group));border-radius:var(--radius-well)}:is(.nm-select,.nm-combobox)>.nm-float{box-sizing:border-box;inline-size:100%;min-inline-size:100%}.nm-option-list{display:grid;gap:0;min-width:var(--float-option-min-size)}.nm-listbox{--nest-border: var(--border-width);--nest-pad: var(--space-nest);--nest-item-radius: var(--radius-well-item);--nest-radius: calc(var(--nest-item-radius) + var(--nest-pad) + var(--nest-border));--list-item-radius: var(--nest-item-radius);position:relative;z-index:var(--z-content);display:grid;gap:var(--space-half);padding:var(--nest-pad);border-radius:var(--nest-radius);background:var(--well);border:var(--border-width) solid var(--edge);box-shadow:none}.nm-listbox [role="option"]{position:relative;isolation:isolate;z-index:var(--z-content);display:flex;align-items:center;width:100%;min-height:var(--control-size);padding:0 var(--inset-text);border:0;border-radius:var(--nest-item-radius);background:transparent;color:var(--text);font:inherit;font-weight:var(--font-weight-medium);text-align:left;cursor:pointer}.nm-listbox [role="option"]::before{content:"";position:absolute;inset:0;z-index:var(--z-decoration);border-radius:inherit;background:var(--selection-control-fill);opacity:0;transition:opacity var(--selection-ease);pointer-events:none}.nm-listbox [role="option"]:not([aria-disabled="true"]):hover,.nm-listbox [role="option"]:focus-visible{background:var(--hover-fill);outline:none}.nm-listbox [role="option"][aria-selected="true"]::before{opacity:1}.nm-listbox [role="option"][aria-disabled="true"]{color:var(--text-quiet);cursor:not-allowed}.nm-combobox-empty{position:relative;z-index:var(--z-content);margin:0;padding:var(--pad-text);color:var(--text-float-quiet);font-size:var(--font-size-caption);line-height:var(--line-height-1_2)}:is(:root,.nm-root)[data-effects="off"]{--highlight: 0 0 0 transparent;--shadow-group: 0 0 0 transparent;--shadow-contact: 0 0 0 transparent;--shadow-contact-press: 0 0 0 transparent;--shadow-float: 0 0 0 transparent;--well-shade: none;--accent-glow: transparent}:is(:root,.nm-root)[data-effects="off"] .nm-sheen,:is(:root,.nm-root)[data-effects="off"] .nm-layer-group,:is(:root,.nm-root)[data-effects="off"] .nm-layer-contact,:is(:root,.nm-root)[data-effects="off"] .nm-layer-float,:is(:root,.nm-root)[data-effects="off"] .nm-layer-inner{display:none}:is(:root,.nm-root)[data-effects="off"] .nm-panel,:is(:root,.nm-root)[data-effects="off"] .nm-float,:is(:root,.nm-root)[data-effects="off"] .nm-button{box-shadow:none!important}:is(:root,.nm-root)[data-effects="off"] .nm-panel,:is(:root,.nm-root)[data-effects="off"] .nm-float,:is(:root,.nm-root)[data-effects="off"] .nm-dialog-card,:is(:root,.nm-root)[data-effects="off"] .nm-drawer-panel,:is(:root,.nm-root)[data-effects="off"] .nm-playback{box-shadow:none!important}:is(:root,.nm-root)[data-effects="off"] .nm-button{border:var(--border-width) solid var(--boundary-color);background:var(--control)}:is(:root,.nm-root)[data-effects="off"] .nm-button:not(:disabled):hover,:is(:root,.nm-root)[data-effects="off"] .nm-button:not(:disabled):active{box-shadow:none}:is(:root,.nm-root)[data-effects="off"] .nm-button:not(:disabled):hover{background:var(--float)}:is(:root,.nm-root)[data-effects="off"] .nm-button:not(:disabled):active{background:var(--panel)}:is(:root,.nm-root)[data-effects="off"] .nm-button:focus-visible{outline:var(--focus-width) solid var(--accent-mark);outline-offset:var(--focus-offset)}:is(:root,.nm-root)[data-effects="off"] .nm-layer-well{box-shadow:none}:is(:root,.nm-root)[data-effects="off"] .nm-field{background:var(--well);box-shadow:none}:is(:root,.nm-root)[data-effects="off"] .nm-field[role="search"]{--field-border-width: 0px}:is(:root,.nm-root)[data-effects="off"] .nm-field:focus-within{outline:var(--focus-width) solid var(--accent-mark);outline-offset:var(--focus-offset)}:is(:root,.nm-root)[data-effects="off"] .nm-field.is-invalid{outline:var(--focus-width) solid var(--error)}:is(:root,.nm-root)[data-effects="off"] .nm-field.is-invalid:focus-within{outline:var(--length-3-px) solid var(--error);outline-offset:var(--focus-offset-inset)}:is(:root,.nm-root)[data-effects="off"] .nm-groove,:is(:root,.nm-root)[data-effects="off"] .nm-progress{outline:var(--length-1-px) solid var(--boundary-color);box-shadow:none}:is(:root,.nm-root)[data-effects="off"] .nm-slider-thumb{box-shadow:none;border:var(--border-width) solid var(--boundary-color)}:is(:root,.nm-root)[data-effects="off"] .nm-progress-fill{box-shadow:none}:is(:root,.nm-root)[data-effects="off"] :is(.nm-panel,.nm-float,.nm-field,.nm-button-group,.nm-toolstrip,.nm-track-pill,.nm-tablist,.nm-playback){--nest-border: 0px;border:0;outline:var(--border-width) solid var(--boundary-color);outline-offset:0}:is(:root,.nm-root)[data-effects="off"] .nm-playback .nm-toolstrip-item:is([data-playback="toggle"],[data-playback="mute"])[aria-pressed="true"]{background:transparent;box-shadow:none}:is(:root,.nm-root)[data-effects="off"] .nm-toolstrip-item[aria-pressed="true"],:is(:root,.nm-root)[data-effects="off"] .nm-toolstrip-item[aria-current="true"]{background:transparent;box-shadow:none;outline:none}:is(:root,.nm-root)[data-effects="off"] .nm-field[role="search"]{--field-border-width: 0px}:is(:root,.nm-root)[data-effects="off"] .nm-button-group:not(.has-indicator) button[aria-pressed="true"]{border:0;outline:var(--border-width) solid var(--boundary-color)}:is(:root,.nm-root)[data-effects="off"] .nm-check-face,:is(:root,.nm-root)[data-effects="off"] .nm-radio-face,:is(:root,.nm-root)[data-effects="off"] .nm-check input:checked+.nm-check-face,:is(:root,.nm-root)[data-effects="off"] .nm-check input:indeterminate+.nm-check-face,:is(:root,.nm-root)[data-effects="off"] .nm-radio input:checked+.nm-radio-face,:is(:root,.nm-root)[data-effects="off"] .nm-switch-thumb,:is(:root,.nm-root)[data-effects="off"] .nm-listbox,:is(:root,.nm-root)[data-effects="off"] .nm-scroll,:is(:root,.nm-root)[data-effects="off"] .nm-split,:is(:root,.nm-root)[data-effects="off"] .nm-segment-indicator{box-shadow:none;border:var(--border-width) solid var(--boundary-color)}:is(:root,.nm-root)[data-effects="off"] .nm-tab[aria-selected="true"]{box-shadow:none;border:0}:is(:root,.nm-root)[data-effects="off"] .nm-switch-track{box-shadow:none;outline:var(--length-1-px) solid var(--boundary-color)}:is(:root,.nm-root)[data-effects="off"] .nm-check input:focus-visible+.nm-check-face,:is(:root,.nm-root)[data-effects="off"] .nm-radio input:focus-visible+.nm-radio-face,:is(:root,.nm-root)[data-effects="off"] .nm-switch:focus-visible{outline:var(--focus-width) solid var(--accent-mark);outline-offset:var(--focus-offset)}@media (forced-colors:active){.nm-layer,.nm-sheen,.nm-button.nm-toggle::after{display:none!important}.nm-panel,.nm-button,.nm-field,.nm-float,.nm-progress,.nm-groove,.nm-check-face,.nm-radio-face,.nm-switch-track,.nm-button-group{forced-color-adjust:auto;outline:var(--length-1-px) solid ButtonText;box-shadow:none!important;background:Canvas;color:ButtonText}.nm-check input:checked+.nm-check-face,.nm-check input:indeterminate+.nm-check-face,.nm-radio input:checked+.nm-radio-face,.nm-switch[aria-checked="true"] .nm-switch-track,.nm-button-group button[aria-pressed="true"],.nm-button.nm-toggle[aria-pressed="true"]{background:Highlight;color:HighlightText}.nm-button:focus-visible,.nm-field:focus-within,.nm-check input:focus-visible+.nm-check-face,.nm-radio input:focus-visible+.nm-radio-face,.nm-switch:focus-visible{outline:var(--focus-width) solid Highlight}.nm-slider:has(input:focus-visible) .nm-slider-thumb{outline:var(--focus-width) solid Highlight}.field-error{color:CanvasText;background:Canvas}.nm-progress-fill,.nm-groove-fill{color:Highlight;background:Highlight}.nm-slider-thumb{forced-color-adjust:auto;background:Highlight;border:var(--length-2-px) solid ButtonText;box-shadow:none}.nm-seam{background:ButtonText;height:var(--length-1-px)}.nm-list--seams>.nm-row+.nm-row{background:none;border-top:var(--length-1-px) solid ButtonText}.nm-row.is-selected{outline:var(--focus-width) solid Highlight;background:SelectedItem;color:SelectedItemText}}.nm-float-exit{pointer-events:none;z-index:var(--z-float)}.row-select{position:relative;z-index:var(--z-content);align-self:stretch;flex:1;padding:0;border:0;background:transparent;text-align:left;font-weight:inherit}.row-select:focus-visible{outline:var(--focus-width) solid var(--accent-mark);outline-offset:var(--focus-offset-inset)}:is(:root,.nm-root)[data-effects="off"] .nm-segment-indicator{box-shadow:none}@media (forced-colors:active){.nm-segment-indicator{background:ButtonFace;outline:var(--length-1-px) solid ButtonText;box-shadow:none}}@media (forced-colors:active){.nm-field.is-invalid{outline:var(--focus-width) solid CanvasText;outline-offset:var(--focus-offset-inset)}.nm-field.is-invalid:focus-within{outline:var(--length-3-px) solid Highlight}}@starting-style{.nm-drawer.is-open .nm-drawer-panel{opacity:0;transform:translateX(100%)}.nm-drawer.is-open .nm-drawer-backdrop{opacity:0}.nm-file-list li.is-visible{opacity:0;transform:translateY(var(--motion-distance-small))}}.nm-file-list li.is-visible{transition:opacity var(--mark-ease),transform var(--mark-ease)}:is(:root,.nm-root)[data-effects="off"] .nm-slider-thumb::before,:is(:root,.nm-root)[data-effects="off"] .nm-slider-thumb::after{display:none}:is(:root,.nm-root)[data-effects="off"] .nm-button-group.has-indicator button[aria-pressed="true"]{border:0}.nm-button-group button:focus-visible,.nm-listbox [role="option"]:focus-visible,.nm-float :is([role="menuitem"],[role="menuitemradio"],[role="menuitemcheckbox"],[role="option"]):focus-visible{outline:var(--focus-width) solid var(--accent-mark);outline-offset:calc(-1*var(--focus-offset-inset))}.nm-float :is([aria-disabled="true"],:disabled){color:var(--text-quiet);cursor:not-allowed}[data-motion="off"]:where([class^="nm-"],[class*=" nm-"]),[data-motion="off"]:where([class^="nm-"],[class*=" nm-"])::before,[data-motion="off"]:where([class^="nm-"],[class*=" nm-"])::after,[data-motion="off"] :where([class^="nm-"],[class*=" nm-"],.nm-file-list li),[data-motion="off"] :where([class^="nm-"],[class*=" nm-"],.nm-file-list li)::before,[data-motion="off"] :where([class^="nm-"],[class*=" nm-"],.nm-file-list li)::after{transition-duration:0s!important;animation:none!important}@media (prefers-reduced-motion:reduce){:where([class^="nm-"],[class*=" nm-"],.nm-file-list li),:where([class^="nm-"],[class*=" nm-"],.nm-file-list li)::before,:where([class^="nm-"],[class*=" nm-"],.nm-file-list li)::after{transition-duration:0s!important;animation:none!important}}@media (forced-colors:active){.nm-button-group button:focus-visible,.nm-listbox [role="option"]:focus-visible,.nm-float :is([role="menuitem"],[role="menuitemradio"],[role="menuitemcheckbox"],[role="option"]):focus-visible{outline-color:Highlight}}svg.nm-glyph{width:var(--icon-size);height:var(--icon-size);font-size:var(--icon-size);fill:currentColor;stroke:none;stroke-width:0}.nm-check-face svg.nm-glyph{width:var(--icon-size-mark);height:var(--icon-size-mark);font-size:var(--icon-size-mark)}svg.nm-glyph *{fill:currentColor;stroke:none;stroke-width:0}

/* Matte surface profiles — one light, three face shapes. These static overlays
 * describe material curvature; elevation still belongs to the existing shadows.
 * Increased contrast strengthens the same material; effects-off stays flat. */
:is(:root, .nm-root[data-scheme]) {
  --material-contrast-strength: 1;
  --surface-face-flat: none;
  --surface-face-concave: none;
  --surface-face-convex: none;
  --panel-face: var(--surface-face-flat);
  --panel-dish-face: var(--surface-face-concave);
  --panel-fill: var(--panel);
  --overlay-fill: var(--panel-fill);
  --float-content-inset: calc(var(--control-size) * 2 / 9);
  --float-item-size: var(--control-size);
  --float-item-inset-block: calc(var(--control-size) / 9);
  --float-item-inset-inline: calc(var(--control-size) / 3);
  --float-min-size: calc(var(--control-size) * 5);
  --float-option-min-size: calc(var(--control-size) * 16 / 3);
  --float: var(--overlay-fill);
  --float-face: color-mix(in srgb, var(--float) 94%, contrast-color(var(--text)));
  --text-float-primary: var(--text);
  --text-float-secondary: var(--text-float-primary);
  --text-float-quiet: color-mix(in srgb, var(--text-float-primary) 70%, var(--float));
  --on-accent: contrast-color(var(--accent));
  --text-placeholder: var(--text-secondary);
  --artwork-size: calc(var(--control-size) + 2 * var(--space-inline));
  --artwork-radius: var(--radius-select);
  --progress-shadow: var(--well-shade);
  --progress-well-shadow: var(--well-shade);
  --progress-inset: var(--progress-inset-block);
  --progress-fill-size: var(--space-3);
  --progress-inset-block: max(var(--space-half), calc((var(--progress-size) - var(--progress-fill-size)) / 2));
  --progress-fill-shadow: 0 0 0 transparent;
  --progress-well-inset: calc(var(--space-inline) / 2);
  --progress-well-radius: max(0px, calc(var(--progress-radius) - var(--progress-well-inset)));
  --progress-fill-radius: max(0px, calc(var(--progress-radius) - var(--progress-inset)));
  --progress-fill-face: none;
  --progress-fill-relief: none;
  --progress-stripes: none;
  --accent-shadow: 0 0 0 transparent;
  --field-focus-glow-radius: var(--slider-glow-radius);
  --field-focus-shadow: 0 0 var(--field-focus-glow-radius) var(--accent-glow);
  --field-error-glow-radius: var(--space-4);
  --field-error-shadow: 0 0 var(--space-1) color-mix(in srgb, var(--error) 65%, transparent), 0 0 var(--field-error-glow-radius) color-mix(in srgb, var(--error) 45%, transparent);
  --slider-press-fill: rgb(0 0 0 / 0.16);
  --control-relief-edge: 0 0 0 var(--border-width) var(--boundary-color);
  --control-relief-shadow: var(--shadow-contact);
  --boundary-color: color-mix(in srgb, var(--text) 80%, var(--panel));
  --boundary-float-color: contrast-color(var(--float));
  --media-card-field-rim: var(--control-relief-edge);
  --selection-edge: var(--boundary-color);
  --selection-fill: var(--control);
  --selection-rest-edge: var(--boundary-color);
  --selection-face-shadow: none;
  --selection-track-shadow: none;
  --calendar-day-size: var(--control-size);
  --calendar-day-radius: var(--radius-control);
  --calendar-today-edge: var(--accent-mark);
  --calendar-selected-fill: var(--selection-control-fill);
  --calendar-hover-fill: var(--hover-fill);
  --surface-raised-shade: var(--highlight), var(--shadow-contact);
  --surface-panel-shade: 0 0 0 var(--border-width) var(--boundary-color), var(--shadow-group);
  --surface-float-shade: 0 0 0 var(--border-width) var(--boundary-float-color), var(--shadow-float);
  --surface-soft-border: var(--boundary-color);
  --surface-float-border: var(--boundary-float-color);
  --surface-label-fill: var(--well);
  --surface-label-shade: var(--well-shade);
  --surface-mark-shade: none;
  --surface-listbox-shade: none;
  --range-track-fill: color-mix(in srgb, var(--text) 30%, var(--panel-fill));
  --surface-well-border-width: var(--border-width);
  --slider-thumb-fill: radial-gradient(circle, var(--well) 0 var(--slider-core-radius), var(--accent-mark) var(--slider-core-radius) 100%);
  --surface-slider-face: var(--slider-thumb-fill);
  --surface-slider-edge: 0 0 0 var(--border-width) var(--boundary-color);
}

@media (forced-colors: none) {
  .nm-track-pill .nm-groove {
    --range-track-fill: color-mix(in srgb, var(--text) 60%, var(--well));
  }

  .nm-groove,
  .nm-track-pill .nm-groove {
    background: var(--range-track-fill);
  }

  :is(:root, .nm-root[data-scheme]):not([data-effects="off"]) .nm-field.is-invalid {
    outline: none;
    box-shadow: var(--field-error-shadow);
  }

  :is(:root, .nm-root[data-scheme]):not([data-effects="off"]) .nm-field:focus-within:not(.is-invalid) {
    outline: none;
    box-shadow: var(--field-focus-shadow);
  }

:is(:root, .nm-root[data-scheme]):not([data-effects="off"]) {
  --surface-face-flat: linear-gradient(var(--angle-light-direction), rgb(255 255 255 / 0.018), transparent 44%, rgb(0 0 0 / 0.018));
  --surface-face-concave: linear-gradient(180deg, rgb(0 0 0 / 0.12), rgb(0 0 0 / 0.035) 34%, transparent 68%, rgb(255 255 255 / 0.025));
  --surface-face-convex: linear-gradient(var(--angle-light-direction), rgb(255 255 255 / 0.075), transparent 42%, rgb(0 0 0 / 0.2));
  --surface-shadow-ink: 0 0 0;
  --accent-shadow: 0 0 var(--slider-glow-radius) var(--accent-glow);
  --surface-contact-opacity: calc(0.32 * var(--material-contrast-strength));
  --surface-near-opacity: calc(0.18 * var(--material-contrast-strength));
  --surface-far-opacity: calc(0.28 * var(--material-contrast-strength));
  --surface-edge-light: 6%;
  --surface-control-edge-light: 10%;
  --panel-material-weight: 70%;
  --panel-fill: color-mix(in srgb, var(--panel) var(--panel-material-weight), var(--canvas));
  --panel-relief-distance: calc(var(--control-size) / 8);
  --panel-relief-blur: calc(var(--control-size) / 2);
  --edge: color-mix(in srgb, white var(--surface-edge-light), var(--panel));
  --edge-control: color-mix(in srgb, white var(--surface-control-edge-light), var(--control));
  --shadow-group:
    calc(-1 * var(--panel-relief-distance)) calc(-1 * var(--panel-relief-distance)) var(--panel-relief-blur) color-mix(in srgb, var(--control-relief-light) 60%, transparent),
    var(--panel-relief-distance) var(--panel-relief-distance) var(--panel-relief-blur) rgb(var(--surface-shadow-ink) / var(--surface-contact-opacity)),
    0 0 calc(var(--panel-relief-blur) / 2) rgb(var(--surface-shadow-ink) / var(--surface-near-opacity));
  --shadow-contact: var(--control-relief-shadow);
  --sheen-fill: var(--surface-face-convex);
  --sheen-opacity: 0.72;
  --sheen-pressed-opacity: 0.24;
  --control-relief-distance: calc(var(--control-size) / 12);
  --control-relief-blur: calc(var(--control-size) / 3);
  --control-relief-light: rgb(255 255 255 / calc(0.045 * var(--material-contrast-strength)));
  --control-relief-shade: rgb(0 0 0 / calc(0.32 * var(--material-contrast-strength)));
  --progress-stripe-angle: -45deg;
  --progress-stripe-width: var(--space-2);
  --progress-stripe-color: rgb(255 255 255 / 0.045);
  --progress-stripes: repeating-linear-gradient(var(--progress-stripe-angle), var(--progress-stripe-color) 0 var(--progress-stripe-width), transparent var(--progress-stripe-width) calc(2 * var(--progress-stripe-width)));
  --progress-fill-face: linear-gradient(180deg, rgb(255 255 255 / 0.07), transparent 48%, rgb(0 0 0 / 0.06));
  --progress-fill-shadow: 0 0 var(--space-2) color-mix(in srgb, var(--accent-glow) 35%, transparent);
  /* A transparent outer edge keeps composed shadow lists valid. Functional
   * boundaries are supplied by the effects-off role above. */
  --control-relief-edge: 0 0 0 transparent;
  --control-relief-shadow:
    calc(-1 * var(--control-relief-distance)) calc(-1 * var(--control-relief-distance)) var(--control-relief-blur) var(--control-relief-light),
    var(--control-relief-distance) var(--control-relief-distance) var(--control-relief-blur) var(--control-relief-shade),
    0 0 calc(var(--control-relief-blur) / 2) rgb(var(--surface-shadow-ink) / var(--surface-near-opacity));
  --shadow-contact-press:
    calc(-1 * var(--control-relief-distance) / 2) calc(-1 * var(--control-relief-distance) / 2) calc(var(--control-relief-blur) / 2) var(--control-relief-light),
    calc(var(--control-relief-distance) / 2) calc(var(--control-relief-distance) / 2) calc(var(--control-relief-blur) / 2) var(--control-relief-shade),
    0 0 calc(var(--control-relief-blur) / 3) rgb(var(--surface-shadow-ink) / var(--surface-near-opacity));
  --surface-well-light: rgb(255 255 255 / calc(0.035 * var(--material-contrast-strength)));
  --surface-well-shade: rgb(0 0 0 / calc(0.3 * var(--material-contrast-strength)));
  --well-relief-distance: calc(var(--control-size) / 12);
  --well-relief-blur: calc(var(--control-size) / 6);
  --well-shade:
    inset var(--well-relief-distance) var(--well-relief-distance) var(--well-relief-blur) var(--surface-well-shade),
    inset calc(-1 * var(--well-relief-distance)) calc(-1 * var(--well-relief-distance)) var(--well-relief-blur) var(--surface-well-light);
  --progress-track: var(--well);
  --progress-well-shadow:
    inset var(--well-relief-distance) var(--well-relief-distance) var(--well-relief-blur) color-mix(in srgb, var(--surface-well-shade) 45%, transparent),
    inset calc(-1 * var(--well-relief-distance)) calc(-1 * var(--well-relief-distance)) var(--well-relief-blur) color-mix(in srgb, var(--surface-well-light) 20%, transparent);
  --highlight: var(--control-relief-edge);
  --shadow-float:
    0 var(--space-half) var(--space-2) rgb(var(--surface-shadow-ink) / var(--surface-near-opacity)),
    var(--space-3) var(--space-5) calc(var(--space-8) + var(--space-2)) rgb(var(--surface-shadow-ink) / var(--surface-far-opacity));
  --surface-raised-shade: var(--control-relief-edge), var(--control-relief-shadow);
  --surface-panel-shade: var(--shadow-group);
  --surface-float-shade: var(--control-relief-edge), var(--shadow-float);
  --surface-soft-border: transparent;
  --surface-float-border: transparent;
  --surface-label-fill: color-mix(in srgb, var(--control) 60%, var(--panel));
  --surface-label-shade: var(--control-relief-edge), 0 var(--border-width) var(--space-half) rgb(var(--surface-shadow-ink) / var(--surface-contact-opacity));
  --surface-mark-shade: var(--control-relief-edge);
  --surface-listbox-shade: var(--well-shade);
  --surface-well-border-width: 0px;
  --surface-slider-face: var(--slider-thumb-fill);
  --surface-slider-edge: var(--selection-face-shadow);
  --selection-fill: color-mix(in srgb, var(--control) 86%, white);
  --selection-shadow-opacity: min(1, calc(var(--surface-contact-opacity) * 1.8));
  --selection-face-shadow:
    calc(-1 * var(--control-relief-distance) / 2) calc(-1 * var(--control-relief-distance) / 2) calc(var(--control-relief-blur) / 2) var(--control-relief-light),
    0 var(--space-half) var(--space-1) rgb(var(--surface-shadow-ink) / var(--selection-shadow-opacity)),
    0 0 calc(var(--control-relief-blur) / 3) rgb(var(--surface-shadow-ink) / var(--surface-near-opacity));
  --selection-track-shadow:
    inset var(--border-width) var(--space-half) var(--space-1) rgb(var(--surface-shadow-ink) / var(--surface-contact-opacity));
  --selection-edge: transparent;
  --selection-rest-edge: transparent;
}

:is(:root, .nm-root[data-scheme])[data-scheme="light"]:not([data-effects="off"]) {
  --panel-material-weight: 100%;
  --panel-dish-face: linear-gradient(180deg, rgb(var(--surface-shadow-ink) / 0.025), transparent 42%, rgb(255 255 255 / 0.12));
  --progress-fill-shadow: 0 0 var(--space-2) color-mix(in srgb, var(--accent-glow) 12%, transparent);
  --surface-face-flat: linear-gradient(var(--angle-light-direction), rgb(255 255 255 / 0.2), transparent 44%, rgb(0 0 0 / 0.018));
  --surface-face-concave: linear-gradient(180deg, rgb(var(--surface-shadow-ink) / 0.075), rgb(var(--surface-shadow-ink) / 0.022) 34%, transparent 68%, rgb(255 255 255 / 0.02));
  --surface-face-convex: linear-gradient(var(--angle-light-direction), rgb(255 255 255 / 0.48), transparent 42%, rgb(var(--surface-shadow-ink) / 0.085));
  --surface-shadow-ink: 58 66 82;
  --surface-contact-opacity: calc(0.13 * var(--material-contrast-strength));
  --surface-near-opacity: calc(0.07 * var(--material-contrast-strength));
  --surface-far-opacity: calc(0.14 * var(--material-contrast-strength));
  --surface-edge-light: 28%;
  --surface-control-edge-light: 40%;
  --control-relief-light: rgb(255 255 255 / calc(0.55 * var(--material-contrast-strength)));
  --control-relief-shade: rgb(var(--surface-shadow-ink) / calc(0.14 * var(--material-contrast-strength)));
  --surface-well-light: rgb(255 255 255 / calc(0.12 * var(--material-contrast-strength)));
  --surface-well-shade: rgb(var(--surface-shadow-ink) / calc(0.16 * var(--material-contrast-strength)));
}

/* Graphite controls sit slightly lighter than their parent surface. Other palettes keep
 * their supplied control tone; curvature and lighting remain shared. */
:is(:root, .nm-root[data-scheme])[data-scheme="light"]:is([data-palette="default"], :not([data-palette])):not([data-effects="off"]) {
  --surface-shadow-ink: 64 58 50;
}

/* Cacao Nocturne / Suede Biscotti: paired tonal roles, shared material. */
:is(:root, .nm-root[data-scheme])[data-palette="cacao"] {
  --cacao-ink: #332518;
  --cacao-sand: #cbb181;
  --canvas: var(--cacao-ink);
  --well: #281c12;
  --panel: #463526;
  --control: #584431;
  --text: #f3e5cc;
  --text-secondary: #d9c29a;
  --text-quiet: var(--cacao-sand);
  --accent: var(--cacao-sand);
  --error: #ffb4a6;
}

:is(:root, .nm-root[data-scheme])[data-palette="cacao"][data-scheme="light"] {
  --canvas: #e5d7be;
  --well: var(--cacao-sand);
  --panel: #f0e4cf;
  --control: #faf1df;
  --text: var(--cacao-ink);
  --text-secondary: #503d29;
  --text-quiet: #54402b;
  --accent: #765026;
  --error: #7c281e;
  --surface-shadow-ink: 51 37 24;
}

/* Neutral graphite ramp from the reference. Lighter steps keep text legible. */
:is(:root, .nm-root[data-scheme])[data-palette="graphite"] {
  --graphite-licorice: #000000;
  --graphite-lead: #191919;
  --graphite-tungsten: #333333;
  --graphite-iron: #4c4c4c;
  --graphite-steel: #666666;
  --graphite-tin: #7f7f7f;
  --canvas: var(--graphite-lead);
  --well: var(--graphite-licorice);
  --panel: var(--graphite-tungsten);
  --control: var(--graphite-iron);
  --text: #f2f2f2;
  --text-secondary: #cccccc;
  --text-quiet: #bfbfbf;
  --accent: #cccccc;
  --error: #ffb4ab;
  --surface-shadow-ink: 0 0 0;
  --seam-dark: rgb(0 0 0 / 0.45);
}

:is(:root, .nm-root[data-scheme])[data-palette="graphite"][data-scheme="light"] {
  --canvas: #d9d9d9;
  --well: color-mix(in srgb, var(--graphite-tin) 50%, white);
  --panel: #f2f2f2;
  --control: #ffffff;
  --text: var(--graphite-lead);
  --text-secondary: var(--graphite-tungsten);
  --text-quiet: var(--graphite-iron);
  --accent: var(--graphite-iron);
  --error: #8c2828;
  --seam-dark: rgb(0 0 0 / 0.18);
}

/* Reference ramps: original swatches stay in one library-owned source. */
:is(:root, .nm-root[data-scheme])[data-palette="amethyst"] {
  --palette-tone-0: #17151c;
  --palette-tone-1: #292531;
  --palette-tone-2: #45404f;
  --palette-tone-3: #716879;
  --palette-tone-4: #aaa2b3;
  --palette-tone-5: #e2dde7;
  --palette-shadow-ink: 23 21 28;
}

:is(:root, .nm-root[data-scheme])[data-palette="terracotta"] {
  --palette-tone-0: #211b1a;
  --palette-tone-1: #382a28;
  --palette-tone-2: #60433d;
  --palette-tone-3: #916b60;
  --palette-tone-4: #c1a094;
  --palette-tone-5: #e8d8ce;
  --palette-shadow-ink: 33 27 26;
}

:is(:root, .nm-root[data-scheme])[data-palette="navy"] {
  --palette-tone-0: #111522;
  --palette-tone-1: #1e263b;
  --palette-tone-2: #303d59;
  --palette-tone-3: #536684;
  --palette-tone-4: #98a9c4;
  --palette-tone-5: #dce3ef;
  --palette-shadow-ink: 17 21 34;
}

:is(:root, .nm-root[data-scheme]):is([data-palette="amethyst"], [data-palette="terracotta"], [data-palette="navy"]) {
  --canvas: var(--palette-tone-0);
  --well: var(--palette-tone-0);
  --panel: var(--palette-tone-1);
  --control: var(--palette-tone-2);
  --text: var(--palette-tone-5);
  --text-secondary: color-mix(in srgb, var(--palette-tone-4), var(--palette-tone-5));
  --text-quiet: color-mix(in srgb, var(--palette-tone-4) 65%, var(--palette-tone-5));
  --accent: var(--palette-tone-4);
  --error: #ffb4ab;
  --surface-shadow-ink: 0 0 0;
  --seam-dark: rgb(0 0 0 / 0.45);
}

:is(:root, .nm-root[data-scheme])[data-scheme="light"]:is([data-palette="amethyst"], [data-palette="terracotta"], [data-palette="navy"]) {
  --canvas: color-mix(in srgb, var(--palette-tone-5) 75%, var(--palette-tone-4));
  --well: var(--palette-tone-4);
  --panel: var(--palette-tone-5);
  --control: color-mix(in srgb, var(--palette-tone-5) 40%, white);
  --text: var(--palette-tone-0);
  --text-secondary: var(--palette-tone-1);
  --text-quiet: color-mix(in srgb, var(--palette-tone-1) 75%, var(--palette-tone-2));
  --accent: var(--palette-tone-2);
  --error: #7c281e;
  --surface-shadow-ink: var(--palette-shadow-ink);
  --seam-dark: rgb(0 0 0 / 0.18);
}

/* Dark surfaces have distinct tonal levels; relief does not carry separation
 * alone. Mix toward the palette's text to preserve its neutral or warm hue. */
:is(:root, .nm-root[data-scheme]):not([data-scheme="light"]):not([data-effects="off"]) {
  --surface-panel-tone: 6%;
  --surface-overlay-tone: 8%;
  --surface-control-tone: 16%;
  --well: color-mix(in srgb, var(--canvas) 82%, var(--panel));
  --panel-fill: color-mix(in srgb, var(--panel), var(--text) var(--surface-panel-tone));
  --overlay-fill: color-mix(in srgb, var(--panel-fill), var(--text) var(--surface-overlay-tone));
  --control: color-mix(in srgb, var(--panel), var(--text) var(--surface-control-tone));
  --float-face: color-mix(in srgb, var(--float), var(--text) var(--surface-control-tone));
}

/* Both contrast modes share colors, geometry and light direction. */
:is(:root, .nm-root[data-scheme])[data-contrast="high"]:not([data-effects="off"]) {
  --material-contrast-strength: 1.5;
}

}

/* Explicit boundaries use their own contrast role. Decorative edge colors
 * remain available to palette swatches and other optional material cues. */
@media (forced-colors: none) {
  :is(:root, .nm-root[data-scheme])[data-effects="off"] :is(.nm-float, .nm-dialog-card, .nm-drawer-panel, .nm-tooltip, .nm-toast) .nm-button {
    --control-relief-edge: 0 0 0 var(--border-width) var(--boundary-float-color);
    border-color: var(--boundary-float-color);
  }

  :is(:root, .nm-root[data-scheme])[data-effects="off"] .nm-window {
    outline: var(--border-width) solid var(--boundary-color);
    outline-offset: 0;
  }

  :is(:root, .nm-root[data-scheme])[data-effects="off"] .nm-float:not(:focus-visible) {
    outline-color: var(--boundary-float-color);
  }
}

.nm-panel {
  background-image: var(--panel-face);
}

.nm-field :is(input, textarea) {
  color: var(--text);
  caret-color: var(--accent-mark);
}

.nm-field :is(input, textarea)::placeholder {
  color: var(--text-placeholder);
  opacity: 1;
}

@media (forced-colors: active) {
  .nm-field :is(input, textarea)::placeholder {
    color: GrayText;
  }
}

/* The disclosure remains one semantic button; its arrow uses the same
 * raised control geometry as actions inside fields. */
.nm-disclosure-trigger {
  position: relative;
  padding-inline-end: var(--nest-pad);
}

:is(.nm-disclosure-trigger, .nm-select-trigger)::before {
  content: "";
  position: absolute;
  inset-inline-end: var(--nest-pad);
  inset-block-start: 50%;
  width: var(--control-size);
  height: var(--control-size);
  transform: translateY(-50%);
  border-radius: var(--radius-control-rect);
  background: var(--control);
  box-shadow: var(--control-relief-edge), var(--control-relief-shadow);
  transition: box-shadow var(--press-ease);
  pointer-events: none;
}

:is(.nm-disclosure-trigger, .nm-select-trigger)::after {
  content: "";
  flex: 0 0 auto;
  width: var(--space-2);
  height: var(--space-2);
  border-right: var(--space-half) solid currentColor;
  border-bottom: var(--space-half) solid currentColor;
  transform: rotate(var(--angle-chevron-closed));
  transition: transform var(--disclosure-ease);
  opacity: var(--opacity-0_7);

  position: relative;
  margin-inline: calc((var(--control-size) - var(--space-2)) / 2);
}

.nm-button.nm-button-text.nm-select-trigger {
  --nest-pad: var(--space-nest);
  min-height: calc(var(--control-size) + 2 * var(--nest-pad));
  height: auto;
  padding-block: var(--nest-pad);
  padding-inline-end: var(--nest-pad);
  background: var(--well);
  background-image: var(--surface-face-concave);
  box-shadow: var(--well-shade);
}

.nm-select-trigger > :is(.nm-layers, .nm-glyph) {
  display: none;
}



.nm-select-trigger[aria-expanded="true"]::after {
  transform: rotate(var(--angle-chevron-open));
}

:is(.nm-disclosure-trigger, .nm-select-trigger):active::before {
  box-shadow: var(--control-relief-edge), var(--shadow-contact-press);
}

@media (forced-colors: active) {
  :is(.nm-disclosure-trigger, .nm-select-trigger)::before {
    background: ButtonFace;
    box-shadow: none;
    outline: var(--border-width) solid ButtonText;
  }
}

:is(:root, .nm-root)[data-effects="off"] :is(.nm-disclosure-trigger, .nm-select-trigger)::before {
  box-shadow: none;
  outline: var(--border-width) solid var(--boundary-color);
}

.nm-panel,
.nm-playback {
  background-color: var(--panel-fill);
}

/* Compact control groups receive the shallow dish profile. Content cards and
 * dense individual rows retain the quiet flat face. No scene names are used. */
.nm-panel:where(:has(> .nm-list--seams), :has(> .nm-slider), :has(> .nm-track-pill > .nm-slider)) {
  --panel-face: var(--panel-dish-face);
}

/* Progress is a single recessed capsule; a parent track pill owns nested relief. */
.nm-progress {
  box-sizing: border-box;
  padding: var(--progress-inset-block) var(--progress-inset);
  background: var(--progress-track);
  box-shadow: var(--control-relief-edge), var(--progress-shadow);
}

.nm-progress::before {
  display: none;
  content: "";
  position: absolute;
  inset: var(--progress-well-inset);
  border-radius: var(--progress-well-radius);
  background: var(--progress-track);
  box-shadow: var(--progress-well-shadow);
  pointer-events: none;
}

.nm-track-pill > .nm-progress {
  background: transparent;
  box-shadow: none;
}

.nm-track-pill > .nm-progress::before {
  display: none;
}

/* Static texture and a rounded fill face sit above the consumer's accent fill.
 * Keeping the original fill separate also supports solid-color overrides. */
.nm-progress-fill {
  position: relative;
  border-radius: var(--progress-fill-radius);
}

.nm-progress-fill::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--progress-fill-face), var(--progress-stripes);
  box-shadow: var(--progress-fill-relief);
  pointer-events: none;
}

@media (forced-colors: active) {
  .nm-progress::before {
    display: none;
  }

  .nm-progress-fill::after {
    display: none;
  }

  .nm-radio input:checked + .nm-radio-face {
    background: Canvas;
    border-color: Highlight;
  }

  .nm-radio-face::after {
    background: Highlight;
  }
}

/* Matte buttons grow out of the local surface. The paired, low-offset shading
 * models their shoulder; Floating and progress retain their own shadow roles.
 * Existing opacity layers still own ordinary-button press/release. */
.nm-button,
.nm-float .nm-datepicker-head .nm-button {
  box-shadow: var(--control-relief-edge);
}

@media (forced-colors: none) {
  :is(.nm-float, .nm-dialog-card, .nm-drawer-panel, .nm-tooltip, .nm-toast) {
    --text: var(--text-float-primary);
    --text-secondary: var(--text-float-secondary);
    --text-quiet: var(--text-float-quiet);
    --icon-rest: var(--text-float-secondary);
    --icon-hover: var(--text-float-primary);
    color: var(--text-float-primary);
  }

  .nm-float .nm-datepicker-head .nm-button {
    background: var(--float-face);
    color: var(--text-float-secondary);
  }
}

.nm-button .nm-layer-contact {
  box-shadow: var(--control-relief-shadow);
}

.nm-toolstrip-item {
  box-shadow: var(--control-relief-edge), var(--control-relief-shadow);
}

.nm-toolstrip-item:active:not(:disabled) {
  box-shadow: var(--control-relief-edge), var(--shadow-contact-press);
}

/* Component families share physical roles; rows, text, and navigation remain
 * Flush inside their material container. Theme modes resolve these roles above. */
@media (forced-colors: none) {
  .nm-panel,
  .nm-playback {
    box-shadow: var(--surface-panel-shade);
  }

  .nm-playback,
  .nm-float,
  .nm-dialog-card,
  .nm-drawer-panel,
  .nm-tooltip,
  .nm-toast,
  .nm-alert {
    background-image: var(--surface-face-flat);
  }

  .nm-float {
    box-shadow: var(--surface-float-shade);
  }

  .nm-layer-well,
  .nm-tablist,
  .nm-button-group,
  .nm-toolstrip,
  .nm-track-pill,
  .nm-listbox,
  .nm-scroll,
  .nm-split:not(.nm-media-card),
  .nm-window,
  .nm-disclosure-trigger {
    background-image: var(--surface-face-concave);
    border-width: var(--surface-well-border-width);
    border-color: var(--surface-soft-border);
  }

  .nm-listbox {
    --nest-border: var(--surface-well-border-width);
    box-shadow: var(--surface-listbox-shade);
  }

  .nm-segment-indicator,
  .nm-tablist:not(.has-indicator) .nm-tab[aria-selected="true"],
  .nm-button-group:not(.has-indicator) button[aria-pressed="true"],
  .nm-avatar:not(.nm-avatar-image),
  .nm-datepicker-grid button.is-selected {
    background-image: var(--surface-face-convex);
  }

  .nm-segment-indicator,
  .nm-tablist:not(.has-indicator) .nm-tab[aria-selected="true"],
  .nm-button-group:not(.has-indicator) button[aria-pressed="true"],
  .nm-datepicker-grid button.is-selected,
  .nm-avatar,
  .nm-alert {
    box-shadow: var(--surface-raised-shade);
  }

  .nm-alert {
    border-color: var(--surface-soft-border);
  }

  .nm-toast,
  .nm-dialog-card,
  .nm-drawer-panel,
  .nm-tooltip {
    border-color: var(--surface-float-border);
  }

  .nm-badge,
  .nm-tag {
    background-color: var(--surface-label-fill);
    box-shadow: var(--surface-label-shade);
  }

  .nm-badge,
  .nm-badge[data-tone="accent"],
  .nm-tag,
  .nm-skeleton span {
    background-image: var(--surface-face-convex);
  }

  .nm-skeleton span,
  .nm-split-separator {
    box-shadow: var(--surface-mark-shade);
  }

  .nm-slider-thumb {
    background-image: var(--surface-slider-face);
    box-shadow: var(--accent-shadow);
  }

  .nm-progress-fill {
    box-shadow: var(--progress-fill-shadow);
  }

  .nm-slider:has(input:disabled) .nm-slider-thumb {
    --accent-shadow: 0 0 0 transparent;
  }

  /* Small controls use short contact and diffuse shade, without an opaque
   * offset copy, inner bevel, or glossy face. Values keep their own marks. */
  .nm-check-face,
  .nm-radio-face,
  .nm-switch-thumb {
    box-shadow: var(--selection-face-shadow);
  }

  .nm-switch-track {
    box-shadow: var(--selection-track-shadow);
  }

  .nm-switch-thumb::after,
  .nm-slider-thumb::before,
  .nm-slider-thumb::after {
    box-shadow: none;
  }

  .nm-check-face,
  .nm-radio-face {
    border-color: var(--selection-rest-edge);
  }

  .nm-check input:not(:checked):not(:indeterminate) + .nm-check-face,
  .nm-radio-face {
    background: var(--selection-fill);
  }

  .nm-check-face {
    color: var(--on-accent);
  }

  .nm-radio input:checked + .nm-radio-face {
    background: var(--selection-fill);
    border-color: var(--selection-rest-edge);
  }

  .nm-slider-thumb::before {
    box-shadow: var(--surface-slider-edge);
  }

  .nm-slider-thumb::after {
    background: var(--slider-press-fill);
    box-shadow: var(--shadow-contact-press);
  }

  .nm-slider.is-pressed .nm-slider-thumb {
    --press-ease: var(--press-enter-ease);
  }

  .nm-slider.is-pressed .nm-slider-thumb::before {
    opacity: 0;
  }

  .nm-slider.is-pressed .nm-slider-thumb::after {
    opacity: 1;
  }

  .nm-slider:not(.is-pointer-focus):has(input:focus-visible) .nm-slider-thumb {
    outline: var(--focus-width) solid var(--accent-mark);
    outline-offset: var(--focus-offset-inset);
  }
}