:root{--ref-font-sans: system-ui, sans-serif;--ref-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;font-family:var(--ref-font-sans);line-height:var(--ref-leading-normal);font-weight:var(--ref-text-weight-regular);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ref-space-px: 1px;--ref-space-0-5: .125rem;--ref-space-1: .25rem;--ref-space-1-5: .375rem;--ref-space-2: .5rem;--ref-space-3: .75rem;--ref-space-4: 1rem;--ref-space-5: 1.25rem;--ref-space-6: 1.5rem;--ref-space-7: 2rem;--ref-radius-2xs: 2px;--ref-radius-xs: 4px;--ref-radius-sm: 8px;--ref-radius-md: 12px;--ref-radius-lg: 16px;--ref-radius-xl: 20px;--ref-radius-pill: 999px;--ref-radius-circle: 50%;--ref-duration-fast: 80ms;--ref-duration-base: .15s;--ref-duration-slow: .22s;--ref-duration-slower: .32s;--ref-ease-standard: ease;--ref-ease-emphasized: cubic-bezier(.22, 1, .36, 1);--ref-ease-spring: cubic-bezier(.2, .9, .3, 1.4);--ref-ease-linear: linear;--ref-text-size-3xs: .625rem;--ref-text-size-2xs: .6875rem;--ref-text-size-xs: .75rem;--ref-text-size-sm: .8125rem;--ref-text-size-md: .875rem;--ref-text-size-lg: 1rem;--ref-text-size-xl: 1.125rem;--ref-text-size-2xl: 1.3125rem;--ref-text-size-3xl: 1.625rem;--ref-text-size-4xl: 2rem;--ref-text-size-5xl: 2.75rem;--ref-text-weight-regular: 400;--ref-text-weight-medium: 500;--ref-text-weight-semibold: 600;--ref-text-weight-bold: 700;--ref-leading-none: 1;--ref-leading-tight: 1.15;--ref-leading-snug: 1.3;--ref-leading-normal: 1.5;--ref-tracking-tight: -.015em;--ref-tracking-normal: 0;--ref-tracking-wide: .04em;--ref-tracking-wider: .08em;--ref-noise-texture-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2126 0.7152 0.0722 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");--ref-noise-texture-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0.2126 0.7152 0.0722 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");--ref-noise-texture-dark-strong: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2126 0.7152 0.0722 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.95'/%3E%3C/svg%3E");--ref-noise-texture-light-strong: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0.2126 0.7152 0.0722 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.7'/%3E%3C/svg%3E");--ref-color-white: #ffffff;--ref-color-black: #000000;--ref-color-dark-950: #060f24;--ref-color-dark-900: #0f1b38;--ref-color-dark-800: #1a2b4a;--ref-color-dark-200: #b2bfdc;--ref-color-dark-100: #e4ebff;--ref-color-light-050: #f4f8ff;--ref-color-light-100: #e8efff;--ref-color-light-300: #b4c3e4;--ref-color-light-800: #1e2f50;--ref-color-light-900: #16243d;--ref-color-accent-indigo: #7d8eff;--ref-color-accent-teal: #34c6b5;--ref-color-accent-amber: #efb95e;--ref-color-accent-rose: #e98aa7;--ref-color-backdrop-light-start: #f2f6ff;--ref-color-backdrop-light-end: #dee9ff;--ref-color-backdrop-dark-start: #1a2a55;--ref-color-backdrop-dark-end: #060f24;--ref-color-orb-light-1: #7fb7ff;--ref-color-orb-light-2: #73d2c7;--ref-color-orb-dark-1: #6679c2;--ref-color-orb-dark-2: #48b5ab;--ref-color-danger-light: #bf4560;--ref-color-danger-dark: #ff8da0;--ref-color-success-light: #1c7f56;--ref-color-success-dark: #6fdba0;--ref-color-warning-light: #96690a;--ref-color-warning-dark: #efb95e;--ref-color-info-light: #2160c4;--ref-color-info-dark: #8fbcff;--ref-shadow-ink-dark: #000000;--ref-shadow-ink-light: #3f5889;--ref-color-data-sky: #67b7ff;--ref-color-data-emerald: #46d39a;--ref-color-data-amber: #ffb45c;--ref-color-data-rose: #ff7d9c;--ref-color-data-violet: #af8cff;--ref-color-data-teal: #4fd5c7;--ref-color-data-coral: #ff8a6b;--ref-color-data-indigo: #7d8dff;--ref-color-data-lime: #b8d96a;--ref-color-data-fuchsia: #e58cff;--ref-color-data-slate: #a1adbf;--ref-color-sleep-start: #9bb6ff;--ref-color-sleep-end: #57d0bd;--ref-color-sleep-excellent-start: #9ec5ff;--ref-color-sleep-excellent-end: #6fdcc8;--ref-color-sleep-good-start: #8faeff;--ref-color-sleep-good-end: #79cbd1;--ref-color-sleep-okay-start: #b7a9ff;--ref-color-sleep-okay-end: #f2bd7f;--ref-color-sleep-poor-start: #f0b38d;--ref-color-sleep-poor-end: #d78fb4;--ref-layer-underlay: -1;--ref-layer-base: 0;--ref-layer-raised: 10;--ref-layer-overlay: 100;--ref-layer-floating: 1000;--ref-layer-popover: 100000;--ref-layer-modal: 100100;--ref-layer-top: 100200;--sys-layer-background: var(--ref-layer-underlay);--sys-layer-background-bootstrap: var(--ref-layer-base);--sys-layer-floating-controls: var(--ref-layer-raised);--sys-layer-scrim: var(--ref-layer-overlay);--sys-layer-panel: var(--ref-layer-floating);--sys-layer-popover: var(--ref-layer-popover);--sys-layer-modal: var(--ref-layer-modal);--sys-layer-top: var(--ref-layer-top);--sys-wallpaper-attribution-font-size: var(--ref-text-size-xs)}:root,:root[data-theme=light]{color-scheme:light;--sys-on-surface: var(--ref-color-light-900);--sys-surface-tone: var(--ref-color-white);--sys-shadow-color: var(--ref-shadow-ink-light);--sys-background-start: var(--ref-color-backdrop-light-start);--sys-background-end: var(--ref-color-backdrop-light-end);--sys-background-orb-1: color-mix( in srgb, var(--ref-color-orb-light-1) 36%, transparent );--sys-background-orb-2: color-mix( in srgb, var(--ref-color-orb-light-2) 30%, transparent );--sys-danger: var(--ref-color-danger-light);--sys-on-danger: var(--ref-color-white);--sys-success: var(--ref-color-success-light);--sys-warning: var(--ref-color-warning-light);--sys-info: var(--ref-color-info-light);--sys-control-bg: color-mix( in srgb, var(--sys-surface-tone) 84%, transparent );--sys-section-bg: color-mix( in srgb, var(--sys-surface-tone) 48%, transparent );--sys-noise-texture: var(--ref-noise-texture-light);--sys-noise-texture-strong: var(--ref-noise-texture-light-strong);--sys-picker-indicator-invert: 0;--sys-glass-tint: var(--ref-color-backdrop-light-start);--sys-glass-opacity: 86%;--sys-sheen-color: var(--ref-color-white);--sys-sheen-soft-pct: 11%;--sys-sheen-pct: 17%;--sys-sheen-strong-pct: 28%;--sys-data-text-purity: 42%;--sys-sleep-purity: 72%;--sys-accent-text: color-mix( in srgb, var(--sys-accent) 58%, var(--sys-on-surface) )}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--sys-on-surface: var(--ref-color-dark-100);--sys-surface-tone: var(--ref-color-dark-950);--sys-shadow-color: var(--ref-shadow-ink-dark);--sys-background-start: var(--ref-color-backdrop-dark-start);--sys-background-end: var(--ref-color-backdrop-dark-end);--sys-background-orb-1: color-mix( in srgb, var(--ref-color-orb-dark-1) 34%, transparent );--sys-background-orb-2: color-mix( in srgb, var(--ref-color-orb-dark-2) 25%, transparent );--sys-danger: var(--ref-color-danger-dark);--sys-on-danger: var(--ref-color-dark-950);--sys-success: var(--ref-color-success-dark);--sys-warning: var(--ref-color-warning-dark);--sys-info: var(--ref-color-info-dark);--sys-control-bg: color-mix( in srgb, var(--sys-surface-tone) 66%, transparent );--sys-section-bg: color-mix( in srgb, var(--sys-surface-tone) 44%, transparent );--sys-noise-texture: var(--ref-noise-texture-dark);--sys-noise-texture-strong: var(--ref-noise-texture-dark-strong);--sys-picker-indicator-invert: 1;--sys-glass-tint: var(--ref-color-backdrop-dark-start);--sys-glass-opacity: 80%;--sys-sheen-color: var(--ref-color-white);--sys-sheen-soft-pct: 8%;--sys-sheen-pct: 12%;--sys-sheen-strong-pct: 20%;--sys-data-text-purity: 100%;--sys-accent-text: color-mix( in srgb, var(--sys-accent) 88%, var(--sys-on-surface) );--sys-sleep-purity: 100%}}:root[data-theme=dark]{color-scheme:dark;--sys-on-surface: var(--ref-color-dark-100);--sys-surface-tone: var(--ref-color-dark-950);--sys-shadow-color: var(--ref-shadow-ink-dark);--sys-background-start: var(--ref-color-backdrop-dark-start);--sys-background-end: var(--ref-color-backdrop-dark-end);--sys-background-orb-1: color-mix( in srgb, var(--ref-color-orb-dark-1) 34%, transparent );--sys-background-orb-2: color-mix( in srgb, var(--ref-color-orb-dark-2) 25%, transparent );--sys-danger: var(--ref-color-danger-dark);--sys-on-danger: var(--ref-color-dark-950);--sys-success: var(--ref-color-success-dark);--sys-warning: var(--ref-color-warning-dark);--sys-info: var(--ref-color-info-dark);--sys-control-bg: color-mix( in srgb, var(--sys-surface-tone) 66%, transparent );--sys-section-bg: color-mix( in srgb, var(--sys-surface-tone) 44%, transparent );--sys-noise-texture: var(--ref-noise-texture-dark);--sys-noise-texture-strong: var(--ref-noise-texture-dark-strong);--sys-picker-indicator-invert: 1;--sys-glass-tint: var(--ref-color-backdrop-dark-start);--sys-glass-opacity: 80%;--sys-sheen-color: var(--ref-color-white);--sys-sheen-soft-pct: 8%;--sys-sheen-pct: 12%;--sys-sheen-strong-pct: 20%;--sys-data-text-purity: 100%;--sys-sleep-purity: 100%;--sys-accent-text: color-mix( in srgb, var(--sys-accent) 88%, var(--sys-on-surface) )}:root{--sys-font-sans: var(--ref-font-sans);--sys-font-mono: var(--ref-font-mono);--sys-text-size-display: var(--ref-text-size-5xl);--sys-text-size-headline: var(--ref-text-size-4xl);--sys-text-size-title-lg: var(--ref-text-size-3xl);--sys-text-size-title: var(--ref-text-size-2xl);--sys-text-size-title-sm: var(--ref-text-size-xl);--sys-text-size-subtitle: var(--ref-text-size-lg);--sys-text-size-body: var(--ref-text-size-md);--sys-text-size-body-sm: var(--ref-text-size-sm);--sys-text-size-label: var(--ref-text-size-sm);--sys-text-size-caption: var(--ref-text-size-xs);--sys-text-size-overline: var(--ref-text-size-2xs);--sys-text-size-micro: var(--ref-text-size-3xs);--sys-text-weight-regular: var(--ref-text-weight-regular);--sys-text-weight-medium: var(--ref-text-weight-medium);--sys-text-weight-semibold: var(--ref-text-weight-semibold);--sys-text-weight-bold: var(--ref-text-weight-bold);--sys-leading-none: var(--ref-leading-none);--sys-leading-tight: var(--ref-leading-tight);--sys-leading-snug: var(--ref-leading-snug);--sys-leading-normal: var(--ref-leading-normal);--sys-tracking-tight: var(--ref-tracking-tight);--sys-tracking-normal: var(--ref-tracking-normal);--sys-tracking-wide: var(--ref-tracking-wide);--sys-tracking-wider: var(--ref-tracking-wider);--sys-control-height-sm: 1.75rem;--sys-control-height-md: 2.25rem;--sys-control-height-lg: 2.75rem;--sys-control-padding-sm: var(--ref-space-2);--sys-control-padding-md: var(--ref-space-3);--sys-control-padding-lg: var(--ref-space-4);--sys-control-radius: var(--ref-radius-md);--sys-control-radius-sm: var(--ref-radius-sm);--sys-text-primary: var(--sys-on-surface);--sys-text-secondary: color-mix( in srgb, var(--sys-on-surface) 78%, transparent );--sys-text-tertiary: color-mix( in srgb, var(--sys-on-surface) 64%, transparent );--sys-text-muted: color-mix(in srgb, var(--sys-on-surface) 52%, transparent);--sys-text-subtle: color-mix(in srgb, var(--sys-on-surface) 40%, transparent);--sys-text-faint: color-mix(in srgb, var(--sys-on-surface) 28%, transparent);--sys-text-inverse: var(--sys-surface-tone);--sys-text-halo-color: color-mix( in srgb, var(--sys-surface-tone) 55%, transparent );--sys-text-halo-color-strong: color-mix( in srgb, var(--sys-surface-tone) 72%, transparent );--sys-text-halo: drop-shadow(0 1px 2px var(--sys-text-halo-color));--sys-text-halo-strong: drop-shadow( 0 1px 3px var(--sys-text-halo-color-strong) );--sys-fill-subtlest: color-mix( in srgb, var(--sys-on-surface) 4%, transparent );--sys-fill-subtler: color-mix(in srgb, var(--sys-on-surface) 6%, transparent);--sys-fill-subtle: color-mix(in srgb, var(--sys-on-surface) 8%, transparent);--sys-fill: color-mix(in srgb, var(--sys-on-surface) 11%, transparent);--sys-fill-emphasis: color-mix( in srgb, var(--sys-on-surface) 15%, transparent );--sys-fill-strong: color-mix(in srgb, var(--sys-on-surface) 20%, transparent);--sys-fill-stronger: color-mix( in srgb, var(--sys-on-surface) 28%, transparent );--sys-inset-bg: color-mix(in srgb, var(--sys-on-surface) 7%, transparent);--sys-inset-bg-strong: color-mix( in srgb, var(--sys-on-surface) 12%, transparent );--sys-border-subtlest: color-mix( in srgb, var(--sys-on-surface) 8%, transparent );--sys-border-subtle: color-mix( in srgb, var(--sys-on-surface) 12%, transparent );--sys-border: color-mix(in srgb, var(--sys-on-surface) 18%, transparent);--sys-border-emphasis: color-mix( in srgb, var(--sys-on-surface) 26%, transparent );--sys-border-strong: color-mix( in srgb, var(--sys-on-surface) 38%, transparent );--sys-subtle-border: var(--sys-border-subtle);--sys-control-border: var(--sys-border-emphasis);--sys-control-border-hover: var(--sys-border-strong);--sys-shadow-xs: 0 1px 4px color-mix(in srgb, var(--sys-shadow-color) 22%, transparent);--sys-shadow-sm: 0 4px 12px color-mix(in srgb, var(--sys-shadow-color) 20%, transparent);--sys-shadow-md: 0 8px 24px color-mix(in srgb, var(--sys-shadow-color) 26%, transparent);--sys-shadow-lg: 0 16px 40px color-mix(in srgb, var(--sys-shadow-color) 34%, transparent);--sys-shadow-xl: 0 24px 64px color-mix(in srgb, var(--sys-shadow-color) 42%, transparent);--sys-surface-shadow: var(--sys-shadow-lg);--sys-scrim: color-mix(in srgb, var(--sys-shadow-color) 52%, transparent);--sys-sheen-soft: color-mix( in srgb, var(--sys-sheen-color) var(--sys-sheen-soft-pct), transparent );--sys-sheen: color-mix( in srgb, var(--sys-sheen-color) var(--sys-sheen-pct), transparent );--sys-sheen-strong: color-mix( in srgb, var(--sys-sheen-color) var(--sys-sheen-strong-pct), transparent );--sys-focus-ring: color-mix( in srgb, var(--sys-accent) 60%, var(--sys-on-surface) );--sys-accent-fill: color-mix(in srgb, var(--sys-accent) 18%, transparent);--sys-accent-fill-hover: color-mix( in srgb, var(--sys-accent) 28%, transparent );--sys-accent-fill-strong: color-mix( in srgb, var(--sys-accent) 40%, transparent );--sys-accent-border: color-mix(in srgb, var(--sys-accent) 40%, transparent);--sys-accent-border-strong: color-mix( in srgb, var(--sys-accent) 60%, transparent );--sys-accent-solid: var(--sys-accent);--sys-accent-solid-hover: color-mix( in srgb, var(--sys-accent) 88%, var(--sys-on-surface) );--sys-accent-solid-active: color-mix( in srgb, var(--sys-accent) 76%, var(--sys-on-surface) );--sys-danger-text: var(--sys-danger);--sys-danger-fill: color-mix(in srgb, var(--sys-danger) 16%, transparent);--sys-danger-fill-hover: color-mix( in srgb, var(--sys-danger) 26%, transparent );--sys-danger-border: color-mix(in srgb, var(--sys-danger) 38%, transparent);--sys-danger-solid: var(--sys-danger);--sys-success-text: var(--sys-success);--sys-success-fill: color-mix(in srgb, var(--sys-success) 16%, transparent);--sys-success-fill-hover: color-mix( in srgb, var(--sys-success) 26%, transparent );--sys-success-border: color-mix(in srgb, var(--sys-success) 38%, transparent);--sys-warning-text: var(--sys-warning);--sys-warning-fill: color-mix(in srgb, var(--sys-warning) 16%, transparent);--sys-warning-border: color-mix(in srgb, var(--sys-warning) 38%, transparent);--sys-info-text: var(--sys-info);--sys-info-fill: color-mix(in srgb, var(--sys-info) 16%, transparent);--sys-info-fill-hover: color-mix(in srgb, var(--sys-info) 26%, transparent);--sys-info-border: color-mix(in srgb, var(--sys-info) 38%, transparent);--sys-dropdown-trigger-bg: color-mix( in srgb, var(--sys-control-bg) 78%, transparent );--sys-dropdown-trigger-bg-hover: color-mix( in srgb, var(--sys-control-bg) 92%, transparent );--sys-dropdown-border: var(--sys-control-border);--sys-dropdown-border-hover: var(--sys-control-border-hover);--sys-dropdown-popover-bg: var(--sys-overlay-bg);--sys-dropdown-popover-shadow: var(--sys-overlay-shadow);--sys-dropdown-item-bg-hover: var(--sys-fill);--sys-dropdown-item-bg-selected: color-mix( in srgb, var(--sys-accent) 24%, transparent );--sys-overlay-bg: color-mix( in srgb, var(--sys-background-end) 88%, var(--sys-background-start) );--sys-overlay-bg-raised: color-mix( in srgb, var(--sys-overlay-bg) 92%, var(--sys-on-surface) );--sys-overlay-border: var(--sys-border);--sys-overlay-shadow: var(--sys-shadow-lg);--sys-overlay-texture: var(--sys-noise-texture), linear-gradient(135deg, var(--sys-sheen-soft), transparent 60%);--sys-panel-bg: var(--sys-overlay-bg);--sys-panel-border: var(--sys-border);--sys-panel-shadow-left: 4px 0 40px color-mix(in srgb, var(--sys-shadow-color) 28%, transparent);--sys-panel-shadow-right: -4px 0 40px color-mix(in srgb, var(--sys-shadow-color) 28%, transparent);--sys-panel-shade: color-mix( in srgb, var(--sys-shadow-color) 12%, transparent );--sys-panel-texture-left: var(--sys-noise-texture), linear-gradient(112deg, var(--sys-sheen), transparent 46%), linear-gradient(196deg, transparent 52%, var(--sys-panel-shade));--sys-panel-texture-right: var(--sys-noise-texture), linear-gradient(248deg, var(--sys-sheen), transparent 46%), linear-gradient(164deg, transparent 52%, var(--sys-panel-shade));--sys-wallpaper-attribution-text: var(--sys-text-secondary);--sys-wallpaper-attribution-link: var(--sys-text-primary);--sys-wallpaper-attribution-bg: color-mix( in srgb, var(--sys-surface-tone) 48%, transparent );--sys-wallpaper-attribution-border: var(--sys-border-emphasis);--sys-wallpaper-attribution-shadow: var(--sys-shadow-sm)}:root,[data-tinted]{--sys-data-color: var(--ref-color-data-slate);--sys-data-text: color-mix( in srgb, var(--sys-data-color) var(--sys-data-text-purity), var(--sys-on-surface) );--sys-data-fill: color-mix(in srgb, var(--sys-data-color) 16%, transparent);--sys-data-border: color-mix(in srgb, var(--sys-data-color) 40%, transparent)}:root{--sys-sleep-start: color-mix( in srgb, var(--ref-color-sleep-start) var(--sys-sleep-purity), var(--sys-on-surface) );--sys-sleep-end: color-mix( in srgb, var(--ref-color-sleep-end) var(--sys-sleep-purity), var(--sys-on-surface) );--sys-sleep-excellent-start: color-mix( in srgb, var(--ref-color-sleep-excellent-start) var(--sys-sleep-purity), var(--sys-on-surface) );--sys-sleep-excellent-end: color-mix( in srgb, var(--ref-color-sleep-excellent-end) var(--sys-sleep-purity), var(--sys-on-surface) );--sys-sleep-good-start: color-mix( in srgb, var(--ref-color-sleep-good-start) var(--sys-sleep-purity), var(--sys-on-surface) );--sys-sleep-good-end: color-mix( in srgb, var(--ref-color-sleep-good-end) var(--sys-sleep-purity), var(--sys-on-surface) );--sys-sleep-okay-start: color-mix( in srgb, var(--ref-color-sleep-okay-start) var(--sys-sleep-purity), var(--sys-on-surface) );--sys-sleep-okay-end: color-mix( in srgb, var(--ref-color-sleep-okay-end) var(--sys-sleep-purity), var(--sys-on-surface) );--sys-sleep-poor-start: color-mix( in srgb, var(--ref-color-sleep-poor-start) var(--sys-sleep-purity), var(--sys-on-surface) );--sys-sleep-poor-end: color-mix( in srgb, var(--ref-color-sleep-poor-end) var(--sys-sleep-purity), var(--sys-on-surface) )}:root,[data-surface]{--sys-widget-surface-bg: color-mix( in srgb, var(--sys-surface-bg) 92%, transparent );--sys-widget-surface-bg-hover: var(--sys-surface-bg);--sys-widget-surface-border: var(--sys-surface-border);--sys-widget-surface-border-hover: var(--sys-surface-border);--sys-widget-surface-shadow: var(--sys-surface-shadow);--sys-widget-surface-shadow-hover: var(--sys-surface-shadow);--sys-widget-surface-overlay: linear-gradient(0deg, transparent, transparent);--sys-widget-surface-overlay-hover: var(--sys-widget-surface-overlay);--sys-widget-edit-surface-bg: var(--sys-widget-surface-bg);--sys-widget-edit-surface-bg-hover: var(--sys-widget-surface-bg-hover);--sys-widget-edit-surface-border: var(--sys-widget-surface-border);--sys-widget-edit-surface-border-hover: var( --sys-widget-surface-border-hover );--sys-widget-edit-surface-shadow: var(--sys-widget-surface-shadow);--sys-widget-edit-surface-shadow-hover: var(--sys-shadow-md);--sys-widget-edit-surface-overlay: var(--sys-widget-surface-overlay);--sys-widget-edit-surface-overlay-hover: var( --sys-widget-surface-overlay-hover );--sys-widget-edit-handle-bg: var(--sys-floating-control-bg);--sys-widget-edit-handle-border: var(--sys-floating-control-border);--sys-widget-edit-resize-handle-opacity: .4;--sys-widget-edit-resize-handle-opacity-hover: .8;--sys-floating-control-bg: var(--sys-dropdown-trigger-bg);--sys-floating-control-bg-hover: var(--sys-dropdown-trigger-bg-hover);--sys-floating-control-border: var(--sys-dropdown-border);--sys-floating-control-border-hover: var(--sys-dropdown-border-hover);--sys-floating-control-shadow: var(--sys-shadow-sm);--sys-floating-control-shadow-hover: var(--sys-shadow-sm)}:root,:root[data-surface=glass],[data-surface=glass]{--sys-surface-bg: color-mix( in srgb, var(--sys-glass-tint) var(--sys-glass-opacity), transparent );--sys-surface-border: color-mix( in srgb, var(--sys-on-surface) 22%, transparent );--sys-glass-light-gradient: linear-gradient( 135deg, color-mix(in srgb, var(--sys-accent) 16%, transparent), color-mix(in srgb, var(--sys-background-end) 6%, transparent) 72% );--sys-surface-overlay: var(--sys-noise-texture-strong), var(--sys-glass-light-gradient);--sys-widget-surface-overlay: var(--sys-noise-texture-strong), var(--sys-glass-light-gradient);--sys-widget-surface-overlay-hover: var(--sys-widget-surface-overlay)}:root[data-surface=transparent],[data-surface=transparent]{--sys-surface-bg: color-mix( in srgb, var(--sys-background-end) 38%, transparent );--sys-surface-border: color-mix( in srgb, var(--sys-on-surface) 22%, transparent );--sys-surface-overlay: linear-gradient( 130deg, var(--sys-sheen-strong), transparent 58% );--sys-widget-surface-bg: transparent;--sys-widget-surface-bg-hover: transparent;--sys-widget-surface-border: transparent;--sys-widget-surface-border-hover: transparent;--sys-widget-surface-shadow: none;--sys-widget-surface-shadow-hover: none;--sys-widget-surface-overlay: linear-gradient(0deg, transparent, transparent);--sys-widget-surface-overlay-hover: linear-gradient( 0deg, transparent, transparent );--sys-widget-edit-surface-bg: color-mix( in srgb, var(--sys-surface-bg) 88%, transparent );--sys-widget-edit-surface-bg-hover: var(--sys-surface-bg);--sys-widget-edit-surface-border: var(--sys-surface-border);--sys-widget-edit-surface-border-hover: var(--sys-surface-border);--sys-widget-edit-surface-shadow: var(--sys-surface-shadow);--sys-widget-edit-surface-shadow-hover: var(--sys-surface-shadow);--sys-widget-edit-handle-bg: color-mix( in srgb, var(--sys-control-bg) 82%, transparent );--sys-widget-edit-handle-border: color-mix( in srgb, var(--sys-control-border) 86%, transparent );--sys-widget-edit-resize-handle-opacity: .65;--sys-floating-control-bg: transparent;--sys-floating-control-bg-hover: color-mix( in srgb, var(--sys-control-bg) 40%, transparent );--sys-floating-control-border: transparent;--sys-floating-control-border-hover: transparent;--sys-floating-control-shadow: none;--sys-floating-control-shadow-hover: var(--sys-shadow-sm)}:root[data-surface=solid],[data-surface=solid]{--sys-surface-bg: color-mix( in srgb, var(--sys-background-end) 72%, var(--sys-background-start) );--sys-surface-border: color-mix( in srgb, var(--sys-on-surface) 24%, transparent );--sys-surface-overlay: linear-gradient(0deg, transparent, transparent)}:root[data-surface=texture],[data-surface=texture]{--sys-surface-bg: color-mix( in srgb, var(--sys-background-end) 62%, var(--sys-background-start) );--sys-surface-border: color-mix( in srgb, var(--sys-on-surface) 24%, transparent );--sys-surface-overlay: linear-gradient(140deg, var(--sys-sheen), transparent 50%), repeating-linear-gradient( -45deg, color-mix(in srgb, var(--sys-on-surface) 4%, transparent) 0px, color-mix(in srgb, var(--sys-on-surface) 4%, transparent) 1px, transparent 1px, transparent 8px );--sys-widget-surface-overlay: linear-gradient(145deg, var(--sys-sheen-soft), transparent 52%), repeating-linear-gradient( -45deg, color-mix(in srgb, var(--sys-on-surface) 3%, transparent) 0px, color-mix(in srgb, var(--sys-on-surface) 3%, transparent) 1px, transparent 1px, transparent 12px );--sys-widget-surface-overlay-hover: var(--sys-widget-surface-overlay)}:root,:root[data-accent=indigo]{--sys-accent: var(--ref-color-accent-indigo);--sys-on-accent: var(--ref-color-dark-950)}:root[data-accent=teal]{--sys-accent: var(--ref-color-accent-teal);--sys-on-accent: var(--ref-color-dark-950)}:root[data-accent=amber]{--sys-accent: var(--ref-color-accent-amber);--sys-on-accent: var(--ref-color-dark-950)}:root[data-accent=rose]{--sys-accent: var(--ref-color-accent-rose);--sys-on-accent: var(--ref-color-dark-950)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh;color:var(--sys-text-primary);background:radial-gradient(circle at 18% 16%,var(--sys-background-orb-1),transparent 42%),radial-gradient(circle at 82% 18%,var(--sys-background-orb-2),transparent 34%),linear-gradient(140deg,var(--sys-background-start),var(--sys-background-end))}button{margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--sys-focus-ring);outline-offset:2px}button:disabled{cursor:not-allowed}input,textarea,select{font:inherit;color:inherit}.app-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:40rem),(max-height:30rem)and (pointer:coarse){:root{--sys-compact-top-bar-height: 3.5rem;--sys-compact-bottom-bar-height: 3.25rem;--sys-compact-touch-target: 2.5rem;--sys-compact-wallpaper-control-size: 2.25rem}}.app-shell{position:relative;height:100svh;overflow:hidden}.settings-skeleton{overflow:hidden;flex-shrink:0}.settings-skeleton__title,.settings-skeleton__description,.settings-skeleton__field-label,.settings-skeleton__control,.settings-skeleton__hint,.settings-skeleton__status,.settings-skeleton__input,.settings-skeleton__button,.settings-skeleton__chip{border-radius:var(--ref-radius-md);background:linear-gradient(90deg,color-mix(in srgb,var(--sys-control-bg) 86%,transparent),color-mix(in srgb,var(--sys-control-bg) 96%,var(--sys-on-surface)),color-mix(in srgb,var(--sys-control-bg) 86%,transparent));background-size:200% 100%;animation:settings-skeleton-shimmer 1.35s ease-in-out infinite}.settings-skeleton__title{width:7.5rem;height:1.35rem}.settings-skeleton__description{width:16rem;max-width:100%;height:.95rem;margin:var(--ref-space-3) 0 var(--ref-space-5)}.settings-skeleton__description--wide{width:18.5rem}.settings-skeleton__description--narrow{width:14rem}.settings-skeleton__field-label{width:8rem;height:1rem;margin:var(--ref-space-0-5) 0}.settings-skeleton__field-label--short{width:5rem}.settings-skeleton__control,.settings-skeleton__input{width:100%;height:2.2rem}.settings-skeleton__hint{width:13rem;max-width:100%;height:.8rem}.settings-skeleton__status{width:12rem;max-width:100%;height:.8rem;margin-top:var(--ref-space-3)}.settings-skeleton__status--compact{margin-top:0}.settings-skeleton__button{width:5.75rem;height:2.4rem}.settings-skeleton__chips{display:flex;gap:var(--ref-space-3)}.settings-skeleton__chip{width:8.5rem;height:2.25rem}@media(max-width:40rem){.settings-skeleton__description,.settings-skeleton__description--wide,.settings-skeleton__description--narrow,.settings-skeleton__hint,.settings-skeleton__status{width:100%}.settings-skeleton__chips{flex-direction:column}.settings-skeleton__chip,.settings-skeleton__button{width:100%}}@keyframes settings-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.settings-card{border:1px solid var(--sys-border-subtle);border-radius:var(--ref-radius-lg);background:var(--sys-section-bg);padding:var(--ref-space-4)}.settings-card__header{display:flex;flex-direction:column;gap:var(--ref-space-1);margin-bottom:var(--ref-space-4)}.settings-card__body{display:flex;flex-direction:column;gap:var(--ref-space-3)}.settings-card__footer{margin-top:var(--ref-space-4);display:flex;flex-direction:column;gap:var(--ref-space-1)}.settings-card__field{display:flex;flex-direction:column;gap:var(--ref-space-2)}.settings-card__label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--ref-space-2)}.settings-card__save-state{display:inline-flex;align-items:center;gap:var(--ref-space-1);white-space:nowrap}.btn{--btn-bg: transparent;--btn-fg: var(--sys-text-primary);--btn-border: transparent;--btn-shadow: none;display:inline-flex;align-items:center;justify-content:center;gap:var(--ref-space-2);box-sizing:border-box;min-height:var(--btn-height);padding:0 var(--btn-padding);border:1px solid var(--btn-border);border-radius:var(--sys-control-radius);background:var(--btn-bg);box-shadow:var(--btn-shadow);color:var(--btn-fg);font-family:inherit;font-size:calc(var(--widget-font-scale, 1) * var(--btn-font-size));font-weight:var(--sys-text-weight-semibold);line-height:var(--sys-leading-none);letter-spacing:var(--sys-tracking-normal);white-space:nowrap;cursor:pointer;transform:none;transition:background-color var(--ref-duration-base) var(--ref-ease-standard),border-color var(--ref-duration-base) var(--ref-ease-standard),color var(--ref-duration-base) var(--ref-ease-standard),box-shadow var(--ref-duration-base) var(--ref-ease-standard)}.btn:hover:enabled,.btn[data-hovered]{transform:none}.btn:focus-visible,.btn[data-focus-visible]{outline:2px solid var(--sys-focus-ring);outline-offset:2px}.btn:disabled,.btn[data-disabled]{opacity:.5;cursor:not-allowed}.btn--sm{--btn-height: var(--sys-control-height-sm);--btn-padding: var(--sys-control-padding-sm);--btn-font-size: var(--sys-text-size-caption);border-radius:var(--sys-control-radius-sm)}.btn--md{--btn-height: var(--sys-control-height-md);--btn-padding: var(--sys-control-padding-md);--btn-font-size: var(--sys-text-size-label)}.btn--lg{--btn-height: var(--sys-control-height-lg);--btn-padding: var(--sys-control-padding-lg);--btn-font-size: var(--sys-text-size-body)}.btn--icon{--btn-padding: 0;width:var(--btn-height);min-width:var(--btn-height);gap:0}.btn--pill{border-radius:var(--ref-radius-pill)}.btn--full{width:100%}.btn--primary{--btn-bg: var(--sys-accent-solid);--btn-fg: var(--sys-on-accent);--btn-border: transparent;--btn-shadow: var(--sys-shadow-xs)}.btn--primary:hover:enabled,.btn--primary[data-hovered]{--btn-bg: var(--sys-accent-solid-hover)}.btn--primary:active:enabled,.btn--primary[data-pressed]{--btn-bg: var(--sys-accent-solid-active)}.btn--secondary{--btn-bg: var(--sys-control-bg);--btn-fg: var(--sys-text-primary);--btn-border: var(--sys-control-border)}.btn--secondary:hover:enabled,.btn--secondary[data-hovered]{--btn-bg: var(--sys-fill);--btn-border: var(--sys-control-border-hover)}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--sys-text-secondary);--btn-border: transparent}.btn--ghost:hover:enabled,.btn--ghost[data-hovered]{--btn-bg: var(--sys-fill-subtle);--btn-fg: var(--sys-text-primary)}.btn--subtle{--btn-bg: var(--sys-fill-subtle);--btn-fg: var(--sys-text-primary);--btn-border: transparent}.btn--subtle:hover:enabled,.btn--subtle[data-hovered]{--btn-bg: var(--sys-fill)}.btn--floating{--btn-bg: var(--sys-floating-control-bg);--btn-fg: var(--sys-text-primary);--btn-border: var(--sys-floating-control-border);--btn-shadow: var(--sys-floating-control-shadow)}.btn--floating:hover:enabled,.btn--floating[data-hovered]{--btn-bg: var(--sys-floating-control-bg-hover);--btn-border: var(--sys-floating-control-border-hover);--btn-shadow: var(--sys-floating-control-shadow-hover)}.btn--danger{--btn-bg: transparent;--btn-fg: var(--sys-danger-text);--btn-border: var(--sys-danger-border)}.btn--danger:hover:enabled,.btn--danger[data-hovered]{--btn-bg: var(--sys-danger-fill)}.btn--danger-solid{--btn-bg: var(--sys-danger-solid);--btn-fg: var(--sys-on-danger);--btn-border: transparent;--btn-shadow: var(--sys-shadow-xs)}.btn--danger-solid:hover:enabled,.btn--danger-solid[data-hovered]{--btn-bg: color-mix(in srgb, var(--sys-danger) 86%, var(--sys-on-surface))}.btn[aria-pressed=true],.btn[data-selected]{--btn-bg: var(--sys-accent-fill);--btn-fg: var(--sys-accent-text);--btn-border: var(--sys-accent-border)}.btn[aria-pressed=true]:hover:enabled,.btn[data-selected]:hover:enabled{--btn-bg: var(--sys-accent-fill-hover)}.txt{margin:0;font-family:inherit;font-size:calc(var(--widget-font-scale, 1) * var(--txt-size));font-weight:var(--txt-weight);line-height:var(--txt-leading);letter-spacing:var(--txt-tracking);text-transform:var(--txt-transform, none);color:var(--txt-color)}.txt--display{--txt-size: var(--sys-text-size-display);--txt-weight: var(--sys-text-weight-bold);--txt-leading: var(--sys-leading-none);--txt-tracking: var(--sys-tracking-tight)}.txt--title-lg{--txt-size: var(--sys-text-size-title-lg);--txt-weight: var(--sys-text-weight-semibold);--txt-leading: var(--sys-leading-tight);--txt-tracking: var(--sys-tracking-tight)}.txt--title{--txt-size: var(--sys-text-size-title);--txt-weight: var(--sys-text-weight-semibold);--txt-leading: var(--sys-leading-tight);--txt-tracking: var(--sys-tracking-normal)}.txt--title-sm{--txt-size: var(--sys-text-size-title-sm);--txt-weight: var(--sys-text-weight-semibold);--txt-leading: var(--sys-leading-snug);--txt-tracking: var(--sys-tracking-normal)}.txt--subtitle{--txt-size: var(--sys-text-size-subtitle);--txt-weight: var(--sys-text-weight-semibold);--txt-leading: var(--sys-leading-snug);--txt-tracking: var(--sys-tracking-normal)}.txt--body{--txt-size: var(--sys-text-size-body);--txt-weight: var(--sys-text-weight-regular);--txt-leading: var(--sys-leading-normal);--txt-tracking: var(--sys-tracking-normal)}.txt--body-sm{--txt-size: var(--sys-text-size-body-sm);--txt-weight: var(--sys-text-weight-regular);--txt-leading: var(--sys-leading-normal);--txt-tracking: var(--sys-tracking-normal)}.txt--label{--txt-size: var(--sys-text-size-label);--txt-weight: var(--sys-text-weight-medium);--txt-leading: var(--sys-leading-snug);--txt-tracking: var(--sys-tracking-normal)}.txt--label-strong{--txt-size: var(--sys-text-size-label);--txt-weight: var(--sys-text-weight-semibold);--txt-leading: var(--sys-leading-snug);--txt-tracking: var(--sys-tracking-normal)}.txt--caption{--txt-size: var(--sys-text-size-caption);--txt-weight: var(--sys-text-weight-regular);--txt-leading: var(--sys-leading-snug);--txt-tracking: var(--sys-tracking-normal)}.txt--caption-strong{--txt-size: var(--sys-text-size-caption);--txt-weight: var(--sys-text-weight-semibold);--txt-leading: var(--sys-leading-snug);--txt-tracking: var(--sys-tracking-normal)}.txt--overline{--txt-size: var(--sys-text-size-overline);--txt-weight: var(--sys-text-weight-bold);--txt-leading: var(--sys-leading-snug);--txt-tracking: var(--sys-tracking-wider);--txt-transform: uppercase}.txt--micro{--txt-size: var(--sys-text-size-micro);--txt-weight: var(--sys-text-weight-semibold);--txt-leading: var(--sys-leading-none);--txt-tracking: var(--sys-tracking-wide)}.txt--numeric{font-variant-numeric:tabular-nums}.txt--tone-primary{--txt-color: var(--sys-text-primary)}.txt--tone-secondary{--txt-color: var(--sys-text-secondary)}.txt--tone-tertiary{--txt-color: var(--sys-text-tertiary)}.txt--tone-muted{--txt-color: var(--sys-text-muted)}.txt--tone-subtle{--txt-color: var(--sys-text-subtle)}.txt--tone-faint{--txt-color: var(--sys-text-faint)}.txt--tone-inverse{--txt-color: var(--sys-text-inverse)}.txt--tone-accent{--txt-color: var(--sys-accent-text)}.txt--tone-on-accent{--txt-color: var(--sys-on-accent)}.txt--tone-danger{--txt-color: var(--sys-danger-text)}.txt--tone-success{--txt-color: var(--sys-success-text)}.txt--tone-warning{--txt-color: var(--sys-warning-text)}.txt--tone-info{--txt-color: var(--sys-info-text)}.txt--tone-data{--txt-color: var(--sys-data-text)}.txt--tone-inherit{--txt-color: inherit}.txt--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.txt--clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--txt-clamp-lines, 2);line-clamp:var(--txt-clamp-lines, 2);overflow:hidden}.txt--nowrap{white-space:nowrap}.txt--block{display:block}.txt--align-center{text-align:center}.txt--align-end{text-align:right}.txt--halo{text-shadow:0 1px 2px var(--sys-text-halo-color)}.txt--halo-strong{text-shadow:0 1px 3px var(--sys-text-halo-color-strong)}.txt--mono{font-family:var(--sys-font-mono);letter-spacing:var(--sys-tracking-wide)}.toast-host{position:fixed;bottom:var(--ref-space-6);left:50%;transform:translate(-50%);z-index:var(--sys-layer-top);display:flex;flex-direction:column;gap:var(--ref-space-2);align-items:stretch;width:max-content;max-width:min(92vw,30rem);pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:var(--ref-space-3);padding:var(--ref-space-3) var(--ref-space-3) var(--ref-space-3) var(--ref-space-4);border-radius:var(--ref-radius-md);border:1px solid var(--sys-overlay-border);background-color:var(--sys-overlay-bg);background-image:var(--sys-overlay-texture);box-shadow:var(--sys-overlay-shadow);color:var(--sys-text-primary);animation:toast-enter var(--ref-duration-slow) var(--ref-ease-standard)}.toast--leaving{animation:toast-exit var(--ref-duration-base) var(--ref-ease-standard) forwards}.toast__message{flex:1 1 auto;min-width:0}@keyframes toast-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.toast,.toast--leaving{animation:none}}@media(max-width:40rem),(max-height:30rem)and (pointer:coarse){.toast-host{bottom:calc(var(--sys-compact-bottom-bar-height) + var(--ref-space-2))}}.choice{position:relative;display:inline-flex;align-items:center;gap:var(--ref-space-2);min-width:0;cursor:pointer}.choice--block{display:flex;width:100%}.choice--reversed{flex-direction:row-reverse;justify-content:space-between}.choice--disabled{opacity:.55;cursor:not-allowed}.choice__input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:inherit}.choice--disabled .choice__input{cursor:not-allowed}.choice__text{min-width:0}.choice__box{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--ref-space-4);height:var(--ref-space-4);border:1px solid var(--sys-control-border);border-radius:var(--ref-radius-sm);background:var(--sys-inset-bg);color:var(--sys-on-accent);transition:background-color var(--ref-duration-base) var(--ref-ease-standard),border-color var(--ref-duration-base) var(--ref-ease-standard)}.choice__box>svg{opacity:0;transform:scale(.7);transition:opacity var(--ref-duration-base) var(--ref-ease-standard),transform var(--ref-duration-base) var(--ref-ease-standard)}.choice:hover .choice__box{border-color:var(--sys-control-border-hover)}.choice__input:checked+.choice__box,.choice__input:indeterminate+.choice__box{background:var(--sys-accent-solid);border-color:var(--sys-accent-solid)}.choice__input:checked+.choice__box>svg,.choice__input:indeterminate+.choice__box>svg{opacity:1;transform:scale(1)}.choice__input:focus-visible+.choice__box{outline:2px solid var(--sys-focus-ring);outline-offset:2px}.choice__dot{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--ref-space-4);height:var(--ref-space-4);border:1px solid var(--sys-control-border);border-radius:var(--ref-radius-pill);background:var(--sys-inset-bg);transition:border-color var(--ref-duration-base) var(--ref-ease-standard),background-color var(--ref-duration-base) var(--ref-ease-standard)}.choice__dot:after{content:"";width:var(--ref-space-2);height:var(--ref-space-2);border-radius:var(--ref-radius-pill);background:var(--sys-on-accent);opacity:0;transform:scale(.5);transition:opacity var(--ref-duration-base) var(--ref-ease-standard),transform var(--ref-duration-base) var(--ref-ease-standard)}.choice:hover .choice__dot{border-color:var(--sys-control-border-hover)}.choice__input:checked+.choice__dot{background:var(--sys-accent-solid);border-color:var(--sys-accent-solid)}.choice__input:checked+.choice__dot:after{opacity:1;transform:scale(1)}.choice__input:focus-visible+.choice__dot{outline:2px solid var(--sys-focus-ring);outline-offset:2px}.choice__track{position:relative;flex:0 0 auto;width:calc(var(--ref-space-6) + var(--ref-space-2));height:var(--ref-space-5);border:1px solid var(--sys-control-border);border-radius:var(--ref-radius-pill);background:var(--sys-inset-bg-strong);transition:background-color var(--ref-duration-base) var(--ref-ease-standard),border-color var(--ref-duration-base) var(--ref-ease-standard)}.choice__track:after{content:"";position:absolute;top:50%;left:2px;width:calc(var(--ref-space-5) - 6px);height:calc(var(--ref-space-5) - 6px);border-radius:var(--ref-radius-pill);background:var(--sys-surface-tone);box-shadow:var(--sys-shadow-xs);transform:translateY(-50%);transition:transform var(--ref-duration-base) var(--ref-ease-standard)}.choice:hover .choice__track{border-color:var(--sys-control-border-hover)}.choice__input:checked+.choice__track{background:var(--sys-accent-solid);border-color:var(--sys-accent-solid)}.choice__input:checked+.choice__track:after{transform:translate(var(--ref-space-4),-50%)}.choice__input:focus-visible+.choice__track{outline:2px solid var(--sys-focus-ring);outline-offset:2px}.choice-group{display:flex;flex-direction:column;gap:var(--ref-space-2);min-width:0;border:0;margin:0;padding:0}.choice-group--row{flex-direction:row;flex-wrap:wrap;gap:var(--ref-space-3);align-items:center}.choice-group__legend{padding:0;margin-bottom:var(--ref-space-1)}.field{display:flex;flex-direction:column;gap:var(--ref-space-2);min-width:0}.field--inline{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--ref-space-3)}.field--inline>.field__label{flex:0 1 auto}.field__label{display:inline-flex;align-items:center;gap:var(--ref-space-2)}.field__message{display:block}.input{box-sizing:border-box;width:100%;min-height:var(--input-height, var(--sys-control-height-md));padding:0 var(--sys-control-padding-md);border:1px solid var(--sys-control-border);border-radius:var(--sys-control-radius);background:var(--sys-inset-bg);color:var(--sys-text-primary);font-family:inherit;font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-body));font-weight:var(--sys-text-weight-regular);line-height:var(--sys-leading-snug);transition:border-color var(--ref-duration-base) var(--ref-ease-standard),background-color var(--ref-duration-base) var(--ref-ease-standard)}.input::placeholder{color:var(--sys-text-subtle)}.input:hover:enabled{border-color:var(--sys-control-border-hover)}.input:focus-visible{outline:2px solid var(--sys-focus-ring);outline-offset:1px;border-color:var(--sys-accent)}.input:disabled{opacity:.55;cursor:not-allowed}.input[aria-invalid=true]{border-color:var(--sys-danger-border)}.input--sm{--input-height: var(--sys-control-height-sm);padding:0 var(--sys-control-padding-sm);font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-body-sm));border-radius:var(--sys-control-radius-sm)}.input--lg{--input-height: var(--sys-control-height-lg);font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-subtitle))}.input--seamless{border-color:transparent;background:transparent;padding-inline:var(--ref-space-2)}.input--seamless:hover:enabled{background:var(--sys-fill-subtlest);border-color:transparent}.input--seamless:focus-visible{background:var(--sys-inset-bg)}.input--compact{width:auto;min-width:0}.input--multiline{min-height:calc(var(--sys-control-height-lg) * 1.5);padding:var(--ref-space-2) var(--sys-control-padding-md);line-height:var(--sys-leading-normal);resize:vertical}.input::-webkit-calendar-picker-indicator{filter:invert(var(--sys-picker-indicator-invert, 0));opacity:.65;cursor:pointer}.input::-webkit-calendar-picker-indicator:hover{opacity:1}.slider{width:100%;height:var(--ref-space-4);margin:0;appearance:none;background:transparent;cursor:pointer}.slider:focus-visible{outline:2px solid var(--sys-focus-ring);outline-offset:4px;border-radius:var(--ref-radius-pill)}.slider::-webkit-slider-runnable-track{height:var(--ref-space-1);border-radius:var(--ref-radius-pill);background:linear-gradient(to right,var(--sys-accent) var(--slider-pct, 0%),var(--sys-inset-bg-strong) var(--slider-pct, 0%))}.slider::-moz-range-track{height:var(--ref-space-1);border-radius:var(--ref-radius-pill);background:var(--sys-inset-bg-strong)}.slider::-moz-range-progress{height:var(--ref-space-1);border-radius:var(--ref-radius-pill);background:var(--sys-accent)}.slider::-webkit-slider-thumb{appearance:none;width:var(--ref-space-3);height:var(--ref-space-3);margin-top:calc((var(--ref-space-1) - var(--ref-space-3)) / 2);border:1px solid var(--sys-border-strong);border-radius:var(--ref-radius-pill);background:var(--sys-surface-tone);box-shadow:var(--sys-shadow-xs)}.slider::-moz-range-thumb{width:var(--ref-space-3);height:var(--ref-space-3);border:1px solid var(--sys-border-strong);border-radius:var(--ref-radius-pill);background:var(--sys-surface-tone);box-shadow:var(--sys-shadow-xs)}.input--mono{font-family:var(--sys-font-mono);font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-body-sm));letter-spacing:var(--sys-tracking-wide)}.picker{display:grid;gap:var(--ref-space-2);min-width:0}.picker__trigger{display:inline-flex;align-items:center;gap:var(--ref-space-2);width:100%;box-sizing:border-box;min-height:var(--sys-control-height-sm);padding:0 var(--sys-control-padding-sm);border-radius:var(--sys-control-radius-sm);border:1px solid var(--sys-control-border);background:var(--sys-dropdown-trigger-bg);color:var(--sys-text-primary);cursor:pointer;transition:border-color var(--ref-duration-base) var(--ref-ease-standard),background-color var(--ref-duration-base) var(--ref-ease-standard)}.picker__trigger[data-hovered]{border-color:var(--sys-control-border-hover);background:var(--sys-dropdown-trigger-bg-hover)}.picker__trigger[data-focus-visible]{outline:2px solid var(--sys-focus-ring);outline-offset:1px;border-color:var(--sys-accent)}.picker__trigger[data-disabled]{opacity:.55;cursor:not-allowed}.picker__trigger-preview,.picker__trigger-swatch{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.3rem;height:1.3rem;border-radius:var(--ref-radius-pill)}.picker__trigger-preview{background:var(--sys-fill-subtle);color:var(--sys-text-primary)}.picker__trigger-swatch{background:var(--sys-data-color);border:1px solid var(--sys-border-subtle)}.picker__trigger-value{flex:1 1 auto;min-width:0;text-align:left}.picker__chevron{flex:0 0 auto;color:var(--sys-text-secondary)}.picker__popover{width:max-content;max-width:min(26rem,92vw);padding:var(--ref-space-2);border-radius:var(--ref-radius-md);border:1px solid var(--sys-overlay-border);background-color:var(--sys-overlay-bg);background-image:var(--sys-overlay-texture);box-shadow:var(--sys-overlay-shadow);z-index:var(--sys-layer-top)!important}.picker__grid{display:grid;gap:var(--ref-space-1);outline:none}.picker__grid--icons{grid-template-columns:repeat(7,2.1rem)}.picker__grid--colors{grid-template-columns:repeat(6,2.1rem)}.picker__option{display:flex;align-items:center;justify-content:center;height:2.1rem;border-radius:var(--sys-control-radius-sm);border:1px solid transparent;color:var(--sys-text-primary);cursor:pointer;outline:none}.picker__option[data-hovered],.picker__option[data-focused]{background:var(--sys-dropdown-item-bg-hover)}.picker__option[data-selected]{border-color:var(--sys-accent);background:var(--sys-dropdown-item-bg-selected)}.picker__option--color,.picker__option--color[data-hovered],.picker__option--color[data-focused],.picker__option--color[data-selected]{background:var(--sys-data-color);border-color:transparent}.picker__option--color[data-hovered],.picker__option--color[data-focused]{outline:2px solid var(--sys-border-strong);outline-offset:1px}.picker__option--color[data-selected]{outline:3px solid var(--sys-text-primary);outline-offset:2px}.picker__option-check{display:none;box-sizing:content-box;padding:var(--ref-space-0-5);border-radius:var(--ref-radius-pill);background:var(--sys-surface-solid-bg);color:var(--sys-text-primary)}.picker__option--color[data-selected] .picker__option-check{display:block}.select{display:grid;gap:var(--ref-space-2);min-width:0}.select__trigger{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--ref-space-2);box-sizing:border-box;min-height:var(--select-height, var(--sys-control-height-md));padding:0 var(--sys-control-padding-md);border-radius:var(--sys-control-radius);border:1px solid var(--sys-control-border);background:var(--sys-dropdown-trigger-bg);color:var(--sys-text-primary);font-family:inherit;font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-body));font-weight:var(--sys-text-weight-medium);line-height:var(--sys-leading-snug);text-align:left;cursor:pointer;transform:none;transition:border-color var(--ref-duration-base) var(--ref-ease-standard),background-color var(--ref-duration-base) var(--ref-ease-standard)}.select__trigger:hover:enabled,.select__trigger[data-hovered]{border-color:var(--sys-control-border-hover);background:var(--sys-dropdown-trigger-bg-hover);transform:none}.select__trigger[data-disabled]{opacity:.55;cursor:not-allowed}.select__trigger[data-focus-visible]{outline:2px solid var(--sys-focus-ring);outline-offset:1px;border-color:var(--sys-accent)}.select--sm .select__trigger{--select-height: var(--sys-control-height-sm);padding:0 var(--sys-control-padding-sm);font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-body-sm));border-radius:var(--sys-control-radius-sm)}.select--seamless .select__trigger{border-color:transparent;background:transparent}.select--seamless .select__trigger:hover:enabled,.select--seamless .select__trigger[data-hovered]{background:var(--sys-fill-subtle);border-color:transparent}.select__trigger-icon,.select__chevron{flex:0 0 auto;color:var(--sys-text-secondary)}.select[data-open] .select__chevron{transform:rotate(180deg)}.select__chevron{transition:transform var(--ref-duration-base) var(--ref-ease-standard)}.select__value{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select__popover{min-width:var(--trigger-width);max-height:60vh;overflow:auto;border-radius:var(--ref-radius-md);border:1px solid var(--sys-overlay-border);background-color:var(--sys-overlay-bg);background-image:var(--sys-overlay-texture);box-shadow:var(--sys-overlay-shadow);padding:var(--ref-space-1);z-index:var(--sys-layer-top)!important}.select__list{display:grid;gap:var(--ref-space-0-5);outline:none}.select__item{display:flex;align-items:center;justify-content:space-between;gap:var(--ref-space-3);border-radius:var(--sys-control-radius-sm);padding:var(--ref-space-2) var(--ref-space-3);color:var(--sys-text-primary);font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-body));outline:none;cursor:pointer}.select__item[data-focused],.select__item[data-hovered]{background:var(--sys-dropdown-item-bg-hover)}.select__item[data-selected]{background:var(--sys-dropdown-item-bg-selected)}.select__item-check{opacity:0;color:var(--sys-accent-text)}.select__item[data-selected] .select__item-check{opacity:1}.menu-popover{z-index:var(--sys-layer-top)!important}.menu{min-width:12rem;max-height:60vh;overflow:auto;padding:var(--ref-space-1);border-radius:var(--ref-radius-md);border:1px solid var(--sys-overlay-border);background-color:var(--sys-overlay-bg);background-image:var(--sys-overlay-texture);box-shadow:var(--sys-overlay-shadow);outline:none}.menu-item{display:flex;align-items:center;gap:var(--ref-space-2);padding:var(--ref-space-2) var(--ref-space-3);border-radius:var(--sys-control-radius-sm);color:var(--sys-text-primary);cursor:pointer;outline:none}.menu-item[data-hovered],.menu-item[data-focused]{background:var(--sys-dropdown-item-bg-hover)}.menu-item[data-selected]{background:var(--sys-dropdown-item-bg-selected)}.menu-item[data-disabled]{opacity:.5;cursor:not-allowed}.menu-item--danger{color:var(--sys-danger-text)}.menu-item__text{display:flex;flex-direction:column;gap:var(--ref-space-0-5);min-width:0}.dialog-scrim{position:fixed;inset:0;z-index:var(--sys-layer-modal);display:flex;align-items:center;justify-content:center;padding:var(--ref-space-4);background:var(--sys-scrim)}.dialog-scrim--nested{z-index:var(--sys-layer-top)}.dialog-scrim--bare{background:transparent}.dialog-scrim--top{align-items:flex-start;padding-top:clamp(3rem,8vh,6rem)}.dialog-scrim[data-entering]{animation:dialog-scrim-in var(--ref-duration-slow) var(--ref-ease-standard) forwards}.dialog-modal{max-height:100%;outline:none}.dialog-modal[data-entering]{animation:dialog-modal-in var(--ref-duration-slow) var(--ref-ease-emphasized) forwards}.dialog-panel{display:flex;flex-direction:column;gap:var(--ref-space-3);padding:var(--ref-space-5);max-height:inherit;border:1px solid var(--sys-overlay-border);border-radius:var(--ref-radius-lg);background-color:var(--sys-overlay-bg);background-image:var(--sys-overlay-texture);box-shadow:var(--sys-overlay-shadow);color:var(--sys-text-primary);outline:none}.dialog-panel--flush{gap:0;padding:0;overflow:hidden}.dialog-panel__actions{display:flex;justify-content:flex-end;gap:var(--ref-space-2);margin-top:var(--ref-space-1)}@keyframes dialog-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.dialog-scrim[data-entering],.dialog-modal[data-entering]{animation:none}}@media(max-width:40rem),(max-height:30rem)and (pointer:coarse){.dialog-scrim{top:var(--sys-visual-viewport-offset-top, 0);bottom:auto;height:var(--sys-visual-viewport-height, 100%);padding:var(--ref-space-3)}.dialog-scrim--top{padding-top:var(--ref-space-3)}.dialog-panel:not(.dialog-panel--flush){overflow-y:auto;overscroll-behavior:contain;padding:var(--ref-space-4)}}.background-image{position:fixed;inset:0;z-index:var(--sys-layer-background);background-size:cover;background-position:center;background-repeat:no-repeat}.background-image--crossfade{transition:opacity .6s var(--ref-ease-standard)}.background-image__chrome{display:contents}.background-image__controls{position:fixed;bottom:var(--ref-space-3);left:50%;transform:translate(-50%);z-index:var(--sys-layer-floating-controls);display:inline-flex;gap:var(--ref-space-1)}.background-image__control-button{opacity:.7}.background-image__control-button:hover:enabled{opacity:1}.background-image__control-button:disabled{opacity:.25}.background-image__save-btn{position:fixed;bottom:var(--ref-space-3);left:var(--ref-space-3);z-index:var(--sys-layer-floating-controls)}.background-image__attribution{position:fixed;right:var(--ref-space-3);bottom:var(--ref-space-3);z-index:var(--sys-layer-floating-controls);opacity:.85}.background-image__attribution a{color:inherit;text-decoration:none}.background-image__attribution a:hover{text-decoration:underline}.background-image__attribution a:focus-visible{outline:2px solid var(--sys-focus-ring);outline-offset:2px;border-radius:var(--ref-radius-sm)}@media(max-width:40rem),(max-height:30rem)and (pointer:coarse){.background-image__chrome{position:fixed;left:0;right:0;bottom:0;z-index:var(--sys-layer-floating-controls);display:flex;align-items:center;gap:var(--ref-space-2);min-height:var(--sys-compact-bottom-bar-height);padding:var(--ref-space-2) var(--ref-space-3);background-image:linear-gradient(to top,color-mix(in srgb,var(--sys-overlay-bg) 88%,transparent),color-mix(in srgb,var(--sys-overlay-bg) 55%,transparent) 62%,transparent)}.background-image__attribution{position:static;order:1;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.background-image__save-btn{position:static;order:2;flex:0 0 auto}.background-image__controls{position:static;order:3;flex:0 0 auto;transform:none}.background-image__chrome .btn{--btn-height: var(--sys-compact-wallpaper-control-size);--btn-padding: 0;width:var(--btn-height);min-width:var(--btn-height);gap:0}.background-image__chrome .btn:enabled{opacity:1}}.workspace-empty-state{position:fixed;top:var(--ref-space-3);right:var(--ref-space-3);z-index:var(--sys-layer-panel);display:flex;justify-content:flex-end;max-width:calc(100vw - var(--ref-space-6));pointer-events:none}.workspace-empty-state__prompt{pointer-events:auto;display:flex;align-items:center;gap:var(--ref-space-3);padding:var(--ref-space-1) var(--ref-space-1) var(--ref-space-1) var(--ref-space-4);border-radius:var(--ref-radius-pill);border:1px solid var(--sys-overlay-border);background-color:var(--sys-overlay-bg);background-image:var(--sys-overlay-texture);box-shadow:var(--sys-overlay-shadow);color:var(--sys-text-primary);animation:workspace-empty-in var(--ref-duration-slower) var(--ref-ease-standard) forwards}.workspace-empty-state__copy{white-space:nowrap}@media(max-width:56rem){.workspace-empty-state__prompt{padding:var(--ref-space-1)}.workspace-empty-state__copy{display:none}}@keyframes workspace-empty-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.workspace-empty-state__prompt{animation:none}}@media(max-width:40rem),(max-height:30rem)and (pointer:coarse){.workspace-empty-state{top:calc(var(--sys-compact-top-bar-height) + var(--ref-space-2))}}.settings-panel{position:fixed;top:var(--ref-space-3);left:var(--ref-space-3);z-index:var(--sys-layer-panel);display:flex;align-items:flex-start;gap:var(--ref-space-1)}.settings-panel__trigger-group{display:flex;align-items:flex-start;gap:var(--ref-space-1);position:relative;z-index:0}.settings-panel__collapse{opacity:.7;position:relative;z-index:1;transform-origin:left center}.settings-panel__collapse:hover{opacity:1}.settings-panel--collapsed .settings-panel__collapse,.settings-panel--auto-hide .settings-panel__collapse{opacity:1;background:color-mix(in srgb,var(--sys-accent) 82%,transparent);border-color:color-mix(in srgb,var(--sys-accent) 60%,var(--sys-on-surface) 25%);box-shadow:0 10px 26px color-mix(in srgb,var(--sys-accent) 45%,transparent),var(--sys-floating-control-shadow-hover);transform:scale(1.08)}.settings-panel--collapsed .settings-panel__collapse:hover,.settings-panel--collapsed .settings-panel__collapse[data-hovered],.settings-panel--auto-hide .settings-panel__collapse:hover,.settings-panel--auto-hide .settings-panel__collapse[data-hovered]{background:color-mix(in srgb,var(--sys-accent) 92%,transparent)}:root[data-transparent-logo=true] .settings-panel--collapsed .settings-panel__collapse,:root[data-transparent-logo=true] .settings-panel--auto-hide .settings-panel__collapse{background:var(--sys-floating-control-bg);border-color:var(--sys-floating-control-border);box-shadow:var(--sys-floating-control-shadow);transform:none}:root[data-transparent-logo=true] .settings-panel--collapsed .settings-panel__collapse:hover,:root[data-transparent-logo=true] .settings-panel--collapsed .settings-panel__collapse[data-hovered],:root[data-transparent-logo=true] .settings-panel--auto-hide .settings-panel__collapse:hover,:root[data-transparent-logo=true] .settings-panel--auto-hide .settings-panel__collapse[data-hovered]{background:var(--sys-floating-control-bg-hover);border-color:var(--sys-floating-control-border-hover);box-shadow:var(--sys-floating-control-shadow-hover)}.settings-panel__slot{display:inline-flex;align-items:flex-start}.settings-panel__trigger-group>.settings-panel__slot>*{opacity:0;transform:translate(-2.5rem);pointer-events:none;transition:transform var(--ref-duration-slower) var(--ref-ease-emphasized),opacity var(--ref-duration-slower) var(--ref-ease-standard),background var(--ref-duration-base) var(--ref-ease-standard),border-color var(--ref-duration-base) var(--ref-ease-standard)}.settings-panel--ready:not(.settings-panel--auto-hide,.settings-panel--collapsed) .settings-panel__trigger-group>.settings-panel__slot>*,.settings-panel--ready.settings-panel--auto-hide:hover .settings-panel__trigger-group>.settings-panel__slot>*,.settings-panel--ready.settings-panel--auto-hide:has(:focus-visible) .settings-panel__trigger-group>.settings-panel__slot>*,.settings-panel--ready.settings-panel--auto-hide.settings-panel--pinned .settings-panel__trigger-group>.settings-panel__slot>*{opacity:1;transform:none;pointer-events:auto}.settings-panel__trigger-group>.settings-panel__slot:nth-child(1)>*{transition-delay:0ms,0ms,0s,0s}.settings-panel__trigger-group>.settings-panel__slot:nth-child(2)>*{transition-delay:var(--ref-duration-fast),var(--ref-duration-fast),0s,0s}.settings-panel__trigger-group>.settings-panel__slot:nth-child(3)>*{transition-delay:var(--ref-duration-base),var(--ref-duration-base),0s,0s}.settings-panel__trigger-group>.settings-panel__slot:nth-child(4)>*{transition-delay:var(--ref-duration-slow),var(--ref-duration-slow),0s,0s}.settings-panel--interacted .settings-panel__collapse{transition:opacity var(--ref-duration-slow) var(--ref-ease-standard),transform var(--ref-duration-slower) var(--ref-ease-emphasized),background var(--ref-duration-slow) var(--ref-ease-standard),border-color var(--ref-duration-slow) var(--ref-ease-standard),box-shadow var(--ref-duration-slow) var(--ref-ease-standard)}@media(prefers-reduced-motion:reduce){.settings-panel__trigger-group>.settings-panel__slot,.settings-panel__trigger-group>.settings-panel__slot>*,.settings-panel--interacted .settings-panel__collapse{transition:none}}.settings-panel__widget-group{display:inline-flex;align-items:stretch;border-radius:var(--ref-radius-md);border:var(--sys-floating-control-border);background:var(--sys-floating-control-bg);box-shadow:var(--sys-floating-control-shadow)}.settings-panel__seg{border-radius:0}.settings-panel__seg--edit{border-top-left-radius:var(--ref-radius-md);border-bottom-left-radius:var(--ref-radius-md)}.settings-panel__widget-group>.settings-panel__seg--edit:last-child{border-top-right-radius:var(--ref-radius-md);border-bottom-right-radius:var(--ref-radius-md)}.settings-panel__seg--add{border-top-right-radius:var(--ref-radius-md);border-bottom-right-radius:var(--ref-radius-md)}.settings-panel__add-anchor{position:relative;display:flex;border-left:1px solid var(--sys-border)}.settings-panel__add-popover{z-index:var(--sys-layer-panel)}.settings-panel__add-dialog{display:flex;flex-direction:column;width:clamp(240px,86vw,320px);max-height:min(60vh,26rem);padding:var(--ref-space-3);border-radius:var(--ref-radius-md);border:1px solid var(--sys-overlay-border);background-color:var(--sys-overlay-bg);background-image:var(--sys-overlay-texture);box-shadow:var(--sys-overlay-shadow);overflow-y:auto;outline:none}.settings-panel__trigger{opacity:.7}.settings-panel__trigger:hover,.settings-panel__trigger[data-hovered]{opacity:1}.settings-panel__visibility{opacity:.7}.settings-panel__visibility:hover:enabled,.settings-panel__visibility[aria-pressed=true]{opacity:1}.settings-panel__overlay{position:fixed;inset:0;z-index:var(--sys-layer-panel);background:var(--sys-inset-bg-strong)}.settings-panel__sidebar{position:fixed;left:0;top:0;height:100svh;width:clamp(300px,75vw,380px);background-color:var(--sys-panel-bg);background-image:var(--sys-panel-texture-left);border-right:1px solid var(--sys-panel-border);box-shadow:var(--sys-panel-shadow-left);overflow:hidden}.settings-panel__sidebar[data-entering]{animation:sidebar-in var(--ref-duration-slow) var(--ref-ease-emphasized) forwards}.settings-panel__sidebar[data-exiting]{animation:sidebar-out var(--ref-duration-base) ease-in forwards}@keyframes sidebar-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes sidebar-out{0%{transform:translate(0)}to{transform:translate(-100%)}}.settings-panel__dialog{display:flex;flex-direction:column;height:100svh;outline:none}.settings-panel__viewport{position:relative;flex:1;min-height:0;overflow:hidden}.settings-panel__view{display:flex;flex-direction:column;height:100%}.settings-panel__view--detail{animation:settings-detail-in var(--ref-duration-slow) var(--ref-ease-emphasized) both}.settings-panel__view--root{animation:settings-root-in var(--ref-duration-slow) var(--ref-ease-emphasized) both}@keyframes settings-detail-in{0%{transform:translate(14%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes settings-root-in{0%{transform:translate(-14%);opacity:0}to{transform:translate(0);opacity:1}}.settings-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--ref-space-3);padding:clamp(1rem,2.6vw,1.4rem) clamp(1rem,2.6vw,1.4rem) var(--ref-space-3);border-bottom:1px solid var(--sys-border-subtle)}.settings-panel__nav{display:flex;flex-direction:column;gap:var(--ref-space-2);padding:clamp(1rem,2.6vw,1.4rem);overflow:auto;overscroll-behavior:contain}.settings-panel__nav-item{--btn-bg: var(--sys-fill-subtlest);--btn-border: var(--sys-border-subtle);--btn-height: auto;justify-content:flex-start;gap:var(--ref-space-3);width:100%;text-align:left;padding:var(--ref-space-3)}.settings-panel__nav-item:hover:enabled{--btn-bg: var(--sys-fill-subtle);--btn-border: var(--sys-border)}.settings-panel__nav-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;color:var(--sys-accent, currentColor)}.settings-panel__nav-text{display:flex;flex-direction:column;gap:var(--ref-space-0-5);min-width:0;flex:1}.settings-panel__nav-chevron{flex:0 0 auto;opacity:.5}.settings-panel__nav-item--overlay{--btn-bg: var(--sys-accent-fill);--btn-border: var(--sys-accent-border)}.settings-panel__nav-item--overlay:hover:enabled{--btn-bg: var(--sys-accent-fill-hover);--btn-border: var(--sys-accent-border-strong)}.settings-panel__nav-open{flex:0 0 auto;color:var(--sys-accent-text)}.settings-panel__back-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--ref-space-3);padding:clamp(1rem,2.6vw,1.4rem) clamp(1rem,2.6vw,1.4rem) var(--ref-space-3);border-bottom:1px solid var(--sys-border-subtle)}.settings-panel__content{display:flex;flex-direction:column;gap:var(--ref-space-5);padding:clamp(1rem,2.6vw,1.4rem);overflow:auto;overscroll-behavior:contain;align-content:start}@media(prefers-reduced-motion:reduce){.settings-panel__view--detail,.settings-panel__view--root,.settings-panel__sidebar[data-entering],.settings-panel__sidebar[data-exiting]{animation:none}}@media(max-width:40rem),(max-height:30rem)and (pointer:coarse){.settings-panel{top:0;left:0;right:0;min-height:var(--sys-compact-top-bar-height);align-items:center;gap:var(--ref-space-2);padding:var(--ref-space-2) var(--ref-space-3);background-image:linear-gradient(to bottom,color-mix(in srgb,var(--sys-overlay-bg) 88%,transparent),color-mix(in srgb,var(--sys-overlay-bg) 55%,transparent) 62%,transparent)}.settings-panel__trigger-group{flex:1 1 auto;min-width:0;align-items:center;gap:var(--ref-space-2)}.settings-panel__trigger-group>.settings-panel__slot:last-child{flex:0 1 auto;min-width:0;margin-left:auto}.settings-panel__trigger-group>.settings-panel__slot:last-child>*{min-width:0}.settings-panel--compact .settings-panel__trigger-group>.settings-panel__slot>*{opacity:1;transform:none;pointer-events:auto;transition-delay:0s}.settings-panel--compact .btn{--btn-height: var(--sys-compact-touch-target)}}@media(max-width:40rem){.settings-panel__sidebar{width:100vw}}.widget-settings{box-sizing:border-box;display:flex;flex-direction:column;width:min(var(--widget-settings-width, 300px),92vw);max-width:92vw}.widget-settings--wide{--widget-settings-width: 34rem}.widget-settings__header{display:flex;align-items:center;justify-content:space-between;gap:var(--ref-space-2);padding:var(--ref-space-3) var(--ref-space-4);border-bottom:1px solid var(--sys-border-subtle)}.widget-settings__body{display:flex;flex-direction:column;padding:var(--ref-space-2);gap:var(--ref-space-1)}.widget-settings__row{display:flex;align-items:center;justify-content:space-between;gap:var(--ref-space-3);padding:var(--ref-space-2);border-radius:var(--ref-radius-sm);transition:background var(--ref-duration-fast) var(--ref-ease-standard)}.widget-settings__row:hover{background:var(--sys-fill-subtle)}.widget-settings__row--column{flex-direction:column;align-items:stretch;gap:var(--ref-space-2)}.widget-settings__divider{border:none;border-top:1px solid var(--sys-border-subtle);margin:var(--ref-space-1) 0 0}.widget-settings__hint{padding:0 var(--ref-space-2)}.widget-settings__segment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ref-space-1);width:100%}.widget-settings__schedule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));gap:var(--ref-space-2);padding:0 var(--ref-space-2)}.widget-settings__schedule-day{display:grid;grid-template-columns:minmax(0,1fr) minmax(6.25rem,7rem);align-items:center;gap:var(--ref-space-3);padding:var(--ref-space-2);border-radius:var(--ref-radius-sm);background:var(--sys-fill-subtlest);border:1px solid var(--sys-border-subtlest)}@media(max-width:40rem),(max-height:30rem)and (pointer:coarse){.widget-settings{width:100%;max-width:100%}}.widget-settings-modal{display:inline-flex;background-color:var(--sys-overlay-bg);background-image:var(--sys-overlay-texture);border:1px solid var(--sys-subtle-border);border-radius:var(--ref-radius-lg);box-shadow:var(--sys-shadow-lg);outline:none;width:fit-content;min-width:0;max-width:92vw;max-height:88vh;overflow:auto}.widget-settings-dialog{display:flex;min-width:0;outline:none}.widget-settings-drag-root{display:flex;min-width:0}.widget-settings-drag-root .widget-settings__header{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.widget-settings-drag-root .widget-settings__header:active{cursor:grabbing}.widget-settings-drag-root .widget-settings__header button,.widget-settings-drag-root .widget-settings__header a,.widget-settings-drag-root .widget-settings__header input,.widget-settings-drag-root .widget-settings__header select{cursor:pointer}@media(max-width:40rem),(max-height:30rem)and (pointer:coarse){.widget-settings-modal{width:100%;max-width:100%;max-height:100%}}.recurrence-popup{position:fixed;z-index:var(--sys-layer-popover);background-color:var(--sys-overlay-bg);background-image:var(--sys-overlay-texture);border:1px solid var(--sys-overlay-border);border-radius:var(--ref-radius-md);box-shadow:var(--sys-overlay-shadow);padding:var(--ref-space-2);min-width:210px;max-width:min(20rem,calc(100vw - 2 * var(--ref-space-2)));overflow-y:auto;overscroll-behavior:contain;color:var(--sys-text-primary)}.recurrence-popup__types{display:flex;flex-wrap:wrap;gap:var(--ref-space-1)}.recurrence-popup__days{display:flex;gap:var(--ref-space-1);margin-top:var(--ref-space-2)}.recurrence-popup__day{width:var(--ref-space-6);min-width:var(--ref-space-6);height:var(--ref-space-6)}.recurrence-popup__interval{display:flex;align-items:center;gap:var(--ref-space-1);margin-top:var(--ref-space-2)}.recurrence-popup__interval-input{width:4rem;text-align:center}.recurrence-popup__note{display:block;margin-top:var(--ref-space-1);max-width:22ch}@media(max-width:40rem),(max-height:30rem)and (pointer:coarse){.recurrence-popup__types .btn,.recurrence-popup__interval-input{min-height:var(--sys-compact-touch-target)}.recurrence-popup__day{width:var(--sys-compact-touch-target);min-width:var(--sys-compact-touch-target);height:var(--sys-compact-touch-target)}.recurrence-popup__days{flex-wrap:wrap}}.widget-status{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ref-space-2);padding:var(--ref-space-3);min-height:0}.todo-widget{--todo-widget-check-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.5l3 3 6-6'/%3E%3C/svg%3E");display:flex;flex-direction:column;height:100%;overflow:hidden;color:var(--sys-text-primary);justify-content:var(--widget-align-v, flex-start);align-items:stretch}.todo-widget--status{justify-content:center;align-items:center;gap:var(--ref-space-2);padding:var(--ref-space-2)}.todo-widget__total-row{flex:0 0 auto;display:flex;align-items:center;gap:var(--ref-space-1);padding:0 var(--ref-space-2) var(--ref-space-2);justify-content:var(--widget-text-align, left);flex-direction:var(--widget-row-direction, row)}.todo-widget__total{font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-caption));opacity:.55;filter:var(--sys-text-halo)}.todo-widget__history-btn{width:18px;height:18px;padding:0;border:none;border-radius:var(--ref-radius-2xs);background:transparent;color:var(--sys-text-subtle);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--ref-duration-base) var(--ref-ease-standard),background var(--ref-duration-fast) var(--ref-ease-standard),color var(--ref-duration-fast) var(--ref-ease-standard)}.todo-widget__total-row:hover .todo-widget__history-btn{opacity:1}.todo-widget__history-btn:hover{background:var(--sys-fill);color:var(--sys-text-primary)}.todo-widget__list{list-style:none;margin:0;padding:var(--ref-space-2) 0 0;flex:0 1 auto;min-height:0;max-height:calc(100% - 2.5rem);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--sys-text-faint) transparent}.todo-widget__list::-webkit-scrollbar{width:4px}.todo-widget__list::-webkit-scrollbar-track{background:transparent}.todo-widget__list::-webkit-scrollbar-thumb{background:var(--sys-fill-emphasis);border-radius:var(--ref-radius-2xs)}.todo-widget__list::-webkit-scrollbar-thumb:hover{background:var(--sys-fill-stronger)}.todo-widget__item{display:flex;align-items:center;gap:var(--ref-space-2);position:relative;padding:var(--ref-space-0-5) var(--ref-space-2);border-radius:var(--ref-radius-sm);transition:background var(--ref-duration-fast) var(--ref-ease-standard)}.todo-widget__item:hover{background:var(--sys-fill-subtle)}.todo-widget__check{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:none;cursor:pointer}.todo-widget__check-box{width:14px;height:14px;border:1.5px solid var(--sys-border-strong);border-radius:var(--ref-radius-2xs);background-color:transparent;transition:background-color var(--ref-duration-fast) var(--ref-ease-standard),border-color var(--ref-duration-fast) var(--ref-ease-standard)}.todo-widget__check:hover .todo-widget__check-box{border-color:var(--sys-accent-solid)}.todo-widget__check:focus-visible{outline:2px solid var(--sys-accent-solid);outline-offset:1px;border-radius:var(--ref-radius-2xs)}.todo-widget__item--done .todo-widget__check-box{background-color:var(--sys-accent-solid);border-color:var(--sys-accent-solid);-webkit-mask-image:none;mask-image:none;position:relative}.todo-widget__item--done .todo-widget__check-box:after{content:"";position:absolute;inset:0;background-color:var(--sys-on-accent);-webkit-mask:var(--todo-widget-check-mark) center / contain no-repeat;mask:var(--todo-widget-check-mark) center / contain no-repeat}.todo-widget__text{flex:1 1 0;min-width:0;font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-body-sm));line-height:var(--sys-leading-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;filter:var(--sys-text-halo);text-align:var(--widget-text-align, left)}.todo-widget__item--done .todo-widget__text{text-decoration:line-through;opacity:.45}.todo-widget__hint{font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-caption));line-height:var(--sys-leading-tight);color:var(--sys-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;filter:var(--sys-text-halo);text-align:var(--widget-text-align, left)}.todo-widget__item[data-urgency=at-risk] .todo-widget__hint{color:var(--sys-warning-text)}.todo-widget__item[data-urgency=critical] .todo-widget__hint{color:var(--sys-danger-text)}.todo-widget__item--done .todo-widget__hint{opacity:.45}.todo-widget__item[data-urgency]:before{content:"";position:absolute;left:0;top:var(--ref-space-0-5);bottom:var(--ref-space-0-5);width:2px;border-radius:var(--ref-radius-2xs);background:var(--sys-warning)}.todo-widget__item[data-urgency=critical]:before{background:var(--sys-danger)}.todo-widget__schedule-chip{flex:0 0 auto;padding:1px var(--ref-space-1-5);border:1px solid transparent;border-radius:var(--ref-radius-pill);background:var(--sys-fill-subtle);color:var(--sys-text-secondary);font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-caption));line-height:var(--sys-leading-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background var(--ref-duration-fast) var(--ref-ease-standard),color var(--ref-duration-fast) var(--ref-ease-standard)}.todo-widget__schedule-chip:hover{background:var(--sys-fill);color:var(--sys-text-primary)}.todo-widget__schedule-chip[data-unset]{background:transparent;border-color:var(--sys-border-strong);color:var(--sys-text-subtle)}.todo-widget__item--done .todo-widget__schedule-chip{opacity:.45}@keyframes todo-recording-pulse{0%,to{opacity:1}50%{opacity:.3}}.todo-widget__recording{flex-shrink:0;width:8px;height:8px;border-radius:var(--ref-radius-circle);background:var(--sys-danger);animation:todo-recording-pulse 2.4s ease-in-out infinite}.todo-widget__duration{flex-shrink:0;font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-caption));opacity:.55;white-space:nowrap}.todo-widget__item:hover .todo-widget__text:not(.todo-widget__text--editing){white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:break-word}.todo-widget__text--editing{background:transparent;border:none;border-bottom:1px solid var(--sys-border-strong);border-radius:0;color:var(--sys-text-primary);outline:none;padding:0;width:100%;cursor:text;text-decoration:none;opacity:1}.todo-widget__delete,.todo-widget__timer,.todo-widget__task-project,.todo-widget__recurrence-btn{position:absolute;top:0;bottom:0;margin:auto;width:22px;height:22px;padding:0;border:none;border-radius:var(--ref-radius-xs);background:var(--sys-overlay-bg);color:var(--sys-text-secondary);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--ref-duration-base) var(--ref-ease-standard),background var(--ref-duration-fast) var(--ref-ease-standard),color var(--ref-duration-base) var(--ref-ease-standard);display:flex;align-items:center;justify-content:center}.todo-widget__delete{right:4px}.todo-widget__timer{right:30px;flex:0 0 auto;width:24px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center}.todo-widget__task-project{right:4px;flex:0 0 auto;width:24px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center}.todo-widget__recurrence-btn{right:56px}.todo-widget__delete:hover{background:var(--sys-danger-solid);color:var(--sys-on-danger)}.todo-widget__timer:hover,.todo-widget__task-project:hover,.todo-widget__recurrence-btn:hover{background:color-mix(in srgb,var(--sys-overlay-bg) 88%,var(--sys-on-surface));color:var(--sys-text-primary)}.todo-widget__item:hover .todo-widget__recurrence-btn--recurring{color:var(--sys-success-text)}.todo-widget__item:hover .todo-widget__delete,.todo-widget__item:hover .todo-widget__timer,.todo-widget__item:hover .todo-widget__task-project,.todo-widget__item:hover .todo-widget__recurrence-btn,.todo-widget__task-project--active{opacity:1;pointer-events:auto}.todo-widget__empty{padding:0;filter:var(--sys-text-halo)}.todo-widget__empty--hint{padding:var(--ref-space-0-5) var(--ref-space-2) var(--ref-space-1);color:var(--sys-text-tertiary);font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-caption));font-weight:var(--sys-text-weight-medium)}.todo-widget__empty .todo-widget__add{padding:var(--ref-space-2) var(--ref-space-2)}.todo-widget__empty .todo-widget__input{font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-caption));font-style:italic;padding:0}.todo-widget__empty .todo-widget__input::placeholder{color:var(--sys-text-subtle);font-style:italic}.todo-widget__empty .todo-widget__input:focus{font-style:normal}.todo-widget__empty .todo-widget__input:focus::placeholder{color:transparent}.todo-widget__add{flex:0 0 auto;padding:var(--ref-space-1) var(--ref-space-2) var(--ref-space-2)}.todo-widget__input{width:100%;background:transparent;border:1px solid transparent;border-radius:var(--ref-radius-sm);color:var(--sys-text-primary);font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-body-sm));padding:var(--ref-space-1) var(--ref-space-2);outline:none;cursor:text;transition:border-color var(--ref-duration-base) var(--ref-ease-standard)}.todo-widget__input::placeholder{color:transparent}.todo-widget__input:hover::placeholder{color:var(--sys-text-subtle)}.todo-widget__input:focus::placeholder{color:var(--sys-text-subtle)}.todo-widget__actions{display:flex;gap:var(--ref-space-1);flex-shrink:0;align-items:center}.todo-widget__actions .todo-widget__delete,.todo-widget__actions .todo-widget__recurrence-btn{position:relative;top:auto;bottom:auto;right:auto}.todo-widget__drag-handle{cursor:grab;opacity:.3;flex-shrink:0}.todo-widget__item:hover .todo-widget__drag-handle{opacity:.6}.todo-widget__history-btn--visible{opacity:1}.todo-widget__add .todo-widget__history-btn{flex:0 0 auto;width:var(--todo-widget-project-control-height);height:var(--todo-widget-project-control-height);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sys-border);border-radius:var(--ref-radius-sm);background:var(--sys-fill-subtle);color:var(--sys-text-secondary);padding:0;cursor:pointer;opacity:1;pointer-events:auto}.todo-widget__add .todo-widget__history-btn svg{width:50%;height:50%}.todo-widget__add .todo-widget__history-btn:hover,.todo-widget__add .todo-widget__history-btn:focus-visible{background:var(--sys-fill-emphasis);border-color:var(--sys-border-emphasis);color:var(--sys-text-primary)}.todo-widget__add--prominent{display:flex;align-items:center;gap:var(--ref-space-1);margin:var(--ref-space-0-5) var(--ref-space-2) var(--ref-space-2);padding:var(--ref-space-1);border:1px solid var(--sys-border-subtle);border-radius:calc(var(--ref-radius-sm) + 2px);background:var(--sys-inset-bg);opacity:.72;transition:opacity var(--ref-duration-base) var(--ref-ease-standard),background var(--ref-duration-base) var(--ref-ease-standard),border-color var(--ref-duration-base) var(--ref-ease-standard),box-shadow var(--ref-duration-base) var(--ref-ease-standard)}.todo-widget:hover .todo-widget__add--prominent,.todo-widget__add--prominent:hover,.todo-widget__add--prominent:focus-within{border-color:var(--sys-border-emphasis);background:var(--sys-inset-bg);box-shadow:0 8px 24px color-mix(in srgb,var(--sys-shadow-color) 18%,transparent);opacity:1}.todo-widget__task-input{flex:1 1 0;min-width:0;border-color:transparent;background:transparent;pointer-events:auto;-webkit-user-select:text;user-select:text}.todo-widget__task-input::placeholder,.todo-widget:hover .todo-widget__task-input::placeholder,.todo-widget__add--prominent:focus-within .todo-widget__task-input::placeholder{color:var(--sys-text-muted)}.todo-widget__list>.todo-widget__empty{margin-top:var(--ref-space-2);padding:var(--ref-space-2) var(--ref-space-2) var(--ref-space-1);color:var(--sys-text-tertiary);font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-caption))}.todo-widget__time{flex:0 0 auto;font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-overline));color:var(--sys-text-muted);white-space:nowrap;filter:var(--sys-text-halo)}.todo-widget__item--done .todo-widget__time{opacity:.45}.todo-widget__item-main{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--ref-space-px)}.todo-widget__item-main .todo-widget__text{flex:0 0 auto}.todo-widget__project-tag{display:inline-flex;align-items:center;gap:var(--ref-space-1);align-self:var(--widget-align-h, flex-start);max-width:100%;font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-micro));font-weight:var(--sys-text-weight-semibold);letter-spacing:var(--sys-tracking-wide);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;filter:var(--sys-text-halo);color:var(--sys-data-text)}.todo-widget__project-tag-icon{flex:0 0 auto}@media(max-width:40rem),(max-height:30rem)and (pointer:coarse){.todo-widget__delete{opacity:1;pointer-events:auto;--btn-height: var(--sys-compact-touch-target)}.todo-widget__check{width:var(--sys-compact-touch-target);height:var(--sys-compact-touch-target)}.todo-widget__schedule-chip{display:inline-flex;align-items:center;min-height:var(--sys-compact-touch-target)}.todo-widget__check-box{width:18px;height:18px}.todo-widget__drag-handle{display:none}}.widget-position-grid{--widget-position-cell-size: 3.35rem;display:grid;grid-template-columns:repeat(3,var(--widget-position-cell-size));gap:var(--ref-space-1);width:fit-content;max-width:100%;padding:var(--ref-space-1);border-radius:var(--ref-radius-md);background:var(--sys-fill-subtlest);border:1px solid var(--sys-border-subtlest)}.widget-position-grid .btn{width:var(--widget-position-cell-size);height:var(--widget-position-cell-size);min-width:0}.focus-widget{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ref-space-3);width:100%;height:100%;padding:var(--ref-space-3);box-sizing:border-box;color:var(--sys-text-primary);text-align:center}.focus-widget--status{gap:var(--ref-space-2)}.focus-widget__time{--focus-time-size: var(--sys-text-size-title-lg);font-size:calc(var(--widget-font-scale, 1) * var(--focus-time-size));font-variant-numeric:tabular-nums;font-weight:var(--sys-text-weight-semibold);line-height:var(--sys-leading-none)}.focus-widget--large .focus-widget__time{--focus-time-size: var(--sys-text-size-display)}.focus-widget--medium .focus-widget__time{--focus-time-size: var(--sys-text-size-headline)}.focus-widget--minimal .focus-widget__time{--focus-time-size: var(--sys-text-size-title-lg)}.focus-widget__edit-toggle{position:absolute;top:.35rem;right:.35rem;z-index:1;display:grid;place-items:center;width:1.55rem;height:1.55rem;border-radius:var(--ref-radius-sm);border:1px solid var(--sys-control-border);background:var(--sys-control-bg);color:var(--sys-text-secondary);cursor:pointer}.focus-widget__edit-toggle:hover{color:var(--sys-text-primary);border-color:var(--sys-control-border-hover)}.focus-widget__edit-toggle[aria-pressed=true]{color:var(--sys-accent);border-color:var(--sys-accent)}.focus-widget:not(.focus-widget--launcher) .focus-widget__linear-top{padding-right:1.7rem}.focus-widget__controls{display:flex;gap:var(--ref-space-2);align-items:center;justify-content:center;flex-wrap:wrap}.focus-widget--launcher{position:relative;align-items:stretch;justify-content:flex-start;gap:0;padding:0}.focus-widget__bar{display:flex;align-items:center;justify-content:space-between;padding:var(--ref-space-2) var(--ref-space-2) var(--ref-space-1)}.focus-widget__bar-actions{display:flex;gap:var(--ref-space-1-5)}.focus-widget__run{flex:none;height:var(--focus-run-h, 150px);display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--ref-space-2);padding:var(--ref-space-1) var(--ref-space-3) var(--ref-space-2);overflow:hidden}.focus-widget__linear{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ref-space-2);width:100%}.focus-widget__linear-top{display:flex;align-items:baseline;gap:var(--ref-space-2);width:100%;min-width:0;flex-wrap:wrap}.focus-widget--launcher .focus-widget__time{flex:none}.focus-widget__time-input{width:3.4em;min-width:0;font-family:inherit;font-variant-numeric:tabular-nums;color:var(--sys-text-primary);background:color-mix(in srgb,var(--sys-text-primary) 8%,transparent);border:1px solid var(--sys-control-border);border-radius:var(--ref-radius-sm);padding:0 .15em;text-align:center}.focus-widget__time-input:focus-visible{outline:none;border-color:var(--sys-control-border-hover)}.focus-widget__run-label{flex:1 1 auto;min-width:0;font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-body));font-weight:var(--sys-text-weight-semibold);color:var(--sys-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.focus-widget__label-input{width:100%;box-sizing:border-box;height:2rem;padding:0 var(--ref-space-2);font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-body));color:var(--sys-text-primary);background:color-mix(in srgb,var(--sys-text-primary) 8%,transparent);border:1px solid var(--sys-control-border);border-radius:var(--ref-radius-sm)}.focus-widget__label-input:focus-visible{outline:none;border-color:var(--sys-control-border-hover)}.focus-widget--editing .focus-widget__run{height:auto;min-height:var(--focus-run-h, 150px)}.focus-widget--recents-collapsed .focus-widget__recents{display:none}.focus-widget--recents-collapsed .focus-widget__run{flex:1;height:auto;min-height:var(--focus-run-h, 150px)}.focus-widget__track{width:100%;height:8px;border-radius:var(--ref-radius-pill);background:var(--sys-subtle-border);overflow:hidden}.focus-widget__track-fill{height:100%;width:var(--focus-fill, 100%);border-radius:inherit;background:var(--sys-accent);transition:width .5s var(--ref-ease-linear)}.focus-widget--paused .focus-widget__track-fill{opacity:.5}.focus-widget--launcher .focus-widget__controls{justify-content:flex-start;width:100%;margin-top:var(--ref-space-0-5)}@media(prefers-reduced-motion:reduce){.focus-widget__track-fill{transition:none}}.focus-widget__split{flex:none;height:14px;display:grid;place-items:center;cursor:row-resize;touch-action:none;border-top:1px solid var(--sys-subtle-border)}.focus-widget__split:after{content:"";width:34px;height:4px;border-radius:var(--ref-radius-2xs);background:var(--sys-control-border);transition:background .15s,width .15s}.focus-widget__split:hover:after,.focus-widget__split:focus-visible:after{background:var(--sys-accent);width:44px}.focus-widget__split:focus-visible{outline:2px solid var(--sys-accent);outline-offset:-2px}.focus-widget__recents{flex:1;min-height:0;overflow-y:auto;padding:var(--ref-space-1) var(--ref-space-1-5) var(--ref-space-2);text-align:left}.focus-widget__recents-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ref-space-0-5)}.focus-widget__recent{display:flex;align-items:center;gap:var(--ref-space-2);padding:var(--ref-space-1-5) var(--ref-space-1-5);border-radius:var(--ref-radius-sm)}.focus-widget__recent:hover{background:var(--sys-control-bg)}.focus-widget__recent-meta{flex:1;min-width:0}.focus-widget__overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;gap:var(--ref-space-3);padding:var(--ref-space-3);background:linear-gradient(165deg,var(--sys-background-start),var(--sys-background-end));border-radius:var(--ref-radius-lg);box-shadow:inset 0 0 0 1px var(--sys-subtle-border);text-align:left}.focus-widget__overlay-head{display:flex;align-items:center;justify-content:space-between}.focus-widget__overlay-body{display:flex;flex-direction:column;gap:var(--ref-space-2)}.focus-widget__presets{display:flex;gap:var(--ref-space-1-5);flex-wrap:wrap}.focus-widget__overlay-cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:var(--ref-space-1-5);height:2.5rem;border-radius:var(--ref-radius-md);border:1px solid var(--sys-accent);background:var(--sys-accent);color:var(--sys-text-primary);font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-body));font-weight:var(--sys-text-weight-bold);cursor:pointer}.focus-widget__overlay-cta:disabled{opacity:.5;cursor:default}.focus-widget__complete{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ref-space-2);padding:var(--ref-space-4);text-align:center;color:var(--sys-text-primary);background:linear-gradient(165deg,var(--sys-background-start),var(--sys-background-end));border-radius:var(--ref-radius-lg);box-shadow:inset 0 0 0 2px var(--sys-accent),inset 0 0 40px -18px var(--sys-accent);animation:focus-complete-in var(--ref-duration-slower) var(--ref-ease-spring)}@keyframes focus-complete-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.focus-widget__complete-badge{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:var(--ref-radius-pill);color:var(--sys-accent);background:color-mix(in srgb,var(--sys-accent) 16%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--sys-accent) 50%,transparent);animation:focus-complete-pop .5s var(--ref-ease-standard) .05s backwards}@keyframes focus-complete-pop{0%{transform:scale(.3) rotate(-20deg);opacity:0}70%{transform:scale(1.15) rotate(4deg)}to{transform:scale(1) rotate(0);opacity:1}}.focus-widget__complete-sub{display:flex;flex-direction:column;gap:var(--ref-space-0-5);margin-bottom:var(--ref-space-1)}.focus-widget__complete-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ref-space-2);margin-top:var(--ref-space-1)}.focus-widget--small .focus-widget__complete,.focus-widget--minimal .focus-widget__complete{gap:var(--ref-space-1-5);padding:var(--ref-space-2);overflow:auto}.focus-widget--small .focus-widget__complete-badge,.focus-widget--minimal .focus-widget__complete-badge,.focus-widget--minimal .focus-widget__complete-sub{display:none}@media(prefers-reduced-motion:reduce){.focus-widget__complete,.focus-widget__complete-badge{animation:none}}.habits-widget{width:100%;height:100%;min-width:0;min-height:0;color:var(--sys-text-primary);container-type:size;container-name:habits-widget}.habits-widget__surface{width:100%;height:100%;display:flex;flex-direction:column;gap:var(--ref-space-2);padding:clamp(.65rem,3cqmin,1rem);border-radius:inherit;overflow:hidden}.habits-widget--status{display:flex;align-items:center;justify-content:center;gap:var(--ref-space-2);padding:var(--ref-space-3)}.habits-widget__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ref-space-2)}.habits-widget__headline{display:block;margin-top:var(--ref-space-1);font-size:calc(var(--widget-font-scale, 1) * clamp(var(--sys-text-size-subtitle),6cqmin,var(--sys-text-size-title)));line-height:var(--sys-leading-none);font-weight:var(--sys-text-weight-semibold)}.habits-widget__header-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--ref-space-1-5);min-width:0}.habits-widget__range-nav{display:inline-flex;align-items:center;gap:var(--ref-space-1-5);min-width:0}.habits-widget__range-nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ref-space-1);min-width:1.7rem;height:1.7rem;padding:0 var(--ref-space-2);border:1px solid var(--sys-border-subtle);border-radius:var(--ref-radius-pill);background:var(--sys-fill-subtler);color:var(--sys-text-primary);font:inherit;font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-micro));line-height:var(--sys-leading-none);cursor:pointer;white-space:nowrap}.habits-widget__range-nav-btn-label,.habits-widget__range-nav-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.habits-widget__range-label{min-width:0;font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-overline));color:var(--sys-text-secondary);white-space:nowrap}.habits-widget__summary{display:flex;flex-direction:column;align-items:flex-end;gap:var(--ref-space-1);font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-caption));color:var(--sys-text-secondary);text-align:right}.habits-widget__archived-note,.habits-widget__empty{display:flex;flex-direction:column;justify-content:center;gap:var(--ref-space-1-5);min-height:0;flex:1 1 auto;padding:var(--ref-space-4);border-radius:var(--ref-radius-md);background:var(--sys-fill-subtler);border:1px solid var(--sys-border-subtlest);font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-caption));color:var(--sys-text-secondary)}.habits-widget__grid{display:grid;flex:1 1 auto;min-height:0;gap:var(--ref-space-2);align-content:stretch;grid-auto-rows:minmax(0,1fr)}.habits-widget__grid--large{grid-template-columns:repeat(6,minmax(0,1fr))}.habits-widget__grid--medium{grid-template-columns:repeat(4,minmax(0,1fr))}.habits-widget__grid--small{grid-template-columns:repeat(3,minmax(0,1fr))}.habits-widget__minimal{display:flex;flex-direction:column;gap:var(--ref-space-2);min-height:0;flex:1 1 auto}.habits-widget__minimal-list{display:grid;gap:var(--ref-space-1-5)}.habits-widget__list-item{display:flex}.habits-widget__day{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--ref-space-2);width:100%;height:100%;min-height:0;min-width:0;padding:var(--ref-space-3) var(--ref-space-3) var(--ref-space-3);border:1px solid var(--sys-border-subtle);border-radius:var(--ref-radius-md);background:var(--sys-fill-subtler);color:var(--sys-text-primary);cursor:pointer;text-align:left;overflow:hidden;transition:background var(--ref-duration-base) var(--ref-ease-standard),border-color var(--ref-duration-base) var(--ref-ease-standard),transform var(--ref-duration-base) var(--ref-ease-standard)}.habits-widget__day:hover,.habits-widget__day[data-hovered]{background:var(--sys-fill);border-color:var(--sys-border);transform:translateY(-1px)}.habits-widget__day[data-focus-visible]{outline:2px solid var(--sys-focus-ring);outline-offset:2px}.habits-widget__day--today{border-color:var(--sys-accent-border);background:var(--sys-accent-fill)}.habits-widget__day--primary{min-height:7rem}.habits-widget__day-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ref-space-1);min-width:0;width:100%}.habits-widget__day-label{font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-overline));letter-spacing:var(--sys-tracking-wider);text-transform:uppercase;color:var(--sys-text-tertiary)}.habits-widget__day-number{font-size:calc(var(--widget-font-scale, 1) * clamp(var(--sys-text-size-title-sm),7cqmin,var(--sys-text-size-title-lg)));line-height:var(--sys-leading-none);font-weight:var(--sys-text-weight-semibold)}.habits-widget__markers{display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:var(--ref-space-1);width:100%;min-width:0;min-height:1.25rem;overflow:hidden}.habits-widget__empty-markers,.habits-widget__overflow-count{font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-overline));color:var(--sys-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.habits-widget__day--dense{gap:var(--ref-space-1);padding:var(--ref-space-1) var(--ref-space-1-5) var(--ref-space-1);border-radius:var(--ref-radius-sm)}.habits-widget__day--dense .habits-widget__day-header{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--ref-space-1-5);width:100%}.habits-widget__day--dense .habits-widget__day-label{font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-micro));letter-spacing:var(--sys-tracking-wide)}.habits-widget__day--dense .habits-widget__day-number{font-size:calc(var(--widget-font-scale, 1) * clamp(var(--sys-text-size-body),5cqmin,var(--sys-text-size-title-sm)));line-height:var(--sys-leading-none)}.habits-widget__markers--dense{flex-wrap:nowrap;gap:var(--ref-space-0-5);min-height:.9rem}.habits-widget__day--dense .habits-widget__marker--compact{padding:var(--ref-space-px) var(--ref-space-0-5)}.habits-widget__day--dense .habits-widget__marker-icon{width:.8rem;height:.8rem;font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-micro))}.habits-widget__day--dense .habits-widget__empty-markers,.habits-widget__day--dense .habits-widget__overflow-count{font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-micro))}.habits-widget__marker{display:inline-flex;align-items:center;gap:var(--ref-space-1-5);padding:var(--ref-space-1) var(--ref-space-2);border-radius:var(--ref-radius-pill);border:1px solid var(--sys-data-border);background:var(--sys-data-fill);color:var(--sys-data-text);min-width:0}.habits-widget__marker--compact{padding:var(--ref-space-0-5) var(--ref-space-1)}.habits-widget__marker-icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border-radius:var(--ref-radius-pill);background:var(--sys-fill);font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-micro));font-weight:var(--sys-text-weight-bold)}.habits-widget__marker-label{min-width:0;max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-overline))}.habits-widget__popover{width:min(18rem,88vw);background-color:var(--sys-overlay-bg);background-image:var(--sys-overlay-texture);border:1px solid var(--sys-border-subtle);border-radius:var(--ref-radius-md);box-shadow:var(--sys-shadow-lg);z-index:var(--sys-layer-popover)}.habits-widget__chooser{position:fixed;overflow-y:auto;overscroll-behavior:contain}.habits-widget__popover-dialog{outline:none}.habits-widget__popover-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ref-space-2);padding:var(--ref-space-3) var(--ref-space-4) var(--ref-space-2);color:var(--sys-text-secondary);font-size:var(--sys-text-size-caption)}.habits-widget__popover-list{display:grid;gap:var(--ref-space-1-5);padding:0 var(--ref-space-2) var(--ref-space-2)}.habits-widget__popover-item{display:flex;align-items:center;gap:var(--ref-space-2);width:100%;padding:var(--ref-space-2) var(--ref-space-2);border:1px solid transparent;border-radius:var(--ref-radius-sm);background:var(--sys-fill-subtlest);color:var(--sys-text-primary);text-align:left;cursor:pointer}.habits-widget__popover-item:hover{background:var(--sys-fill-subtle);border-color:var(--sys-border-subtlest)}.habits-widget__popover-copy{display:flex;flex-direction:column;gap:var(--ref-space-0-5);min-width:0}.habits-widget__popover-copy span:last-child,.habits-widget__popover-empty{font-size:var(--sys-text-size-overline);color:var(--sys-text-tertiary)}.habits-widget__popover-empty{padding:0 var(--ref-space-4) var(--ref-space-3)}.habits-widget__modal{width:min(28rem,92vw);max-height:88vh}.habits-widget__modal-dialog{display:flex;flex-direction:column;overflow:auto}.habits-widget__modal-header,.habits-widget__modal-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--ref-space-2);padding:var(--ref-space-4) var(--ref-space-4)}.habits-widget__modal-header{border-bottom:1px solid var(--sys-border-subtlest)}.habits-widget__modal-body{display:grid;gap:var(--ref-space-3);padding:var(--ref-space-4)}.habits-widget__modal-actions{border-top:1px solid var(--sys-border-subtlest)}.habits-widget__modal-spacer{flex:1 1 auto}.habits-settings{max-height:min(78vh,44rem);overflow:hidden}.habits-settings__tabs{display:flex;flex-direction:column;min-height:0}.habits-settings__tablist{display:flex;gap:var(--ref-space-1);padding:var(--ref-space-2) var(--ref-space-3) 0;border-bottom:1px solid var(--sys-border-subtle)}.habits-settings__tab{padding:var(--ref-space-1-5) var(--ref-space-3);border-bottom:2px solid transparent;color:var(--sys-text-secondary);font-size:var(--sys-text-size-body-sm);font-weight:var(--sys-text-weight-medium);line-height:var(--sys-leading-snug);cursor:pointer;outline:none}.habits-settings__tab[data-hovered]{color:var(--sys-text-primary)}.habits-settings__tab[data-selected]{border-bottom-color:var(--sys-accent);color:var(--sys-text-primary);font-weight:var(--sys-text-weight-semibold)}.habits-settings__tab[data-focus-visible]{outline:2px solid var(--sys-focus-ring);outline-offset:-2px;border-radius:var(--ref-radius-sm)}.habits-settings__panel{display:flex;flex-direction:column;gap:var(--ref-space-2);flex:1 1 auto;min-height:0;padding:var(--ref-space-2) 0;overflow-y:auto;outline:none}.habits-settings__panel .widget-settings__body>.widget-settings__divider:first-child{display:none}.habits-settings__toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--ref-space-2);padding:0 var(--ref-space-2)}.habits-settings__empty{margin:0 var(--ref-space-2);padding:var(--ref-space-3) var(--ref-space-4);border-radius:var(--ref-radius-md);background:var(--sys-fill-subtlest);border:1px solid var(--sys-border-subtlest);color:var(--sys-text-secondary);font-size:var(--sys-text-size-body-sm)}.habits-settings__list{display:grid;gap:var(--ref-space-1);margin:0;padding:0 var(--ref-space-2);list-style:none}.habits-settings__row{display:flex;align-items:stretch;gap:var(--ref-space-1);border-radius:var(--ref-radius-sm);background:var(--sys-fill-subtler);border:1px solid var(--sys-border-subtlest)}.habits-settings__row--archived{opacity:.68}.habits-settings__row-main{display:flex;align-items:center;gap:var(--ref-space-2);flex:1 1 auto;min-width:0;min-height:2.35rem;padding:var(--ref-space-1) var(--ref-space-2);border-radius:inherit;color:var(--sys-text-primary);text-align:left}.habits-settings__row-main:hover{background:var(--sys-fill-subtle)}.habits-settings__row-swatch{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.35rem;height:1.35rem;border-radius:var(--ref-radius-pill);background:var(--sys-data-fill);border:2px solid var(--sys-data-color);color:var(--sys-data-text)}.habits-settings__row-name{min-width:0;margin-right:auto}.habits-settings__row-caret{flex:0 0 auto;color:var(--sys-text-tertiary)}.habits-settings__row-delete{flex:0 0 auto;margin:var(--ref-space-1) var(--ref-space-1) var(--ref-space-1) 0;color:var(--sys-text-tertiary)}.habits-settings__row-delete:hover:enabled{background:var(--sys-danger-fill);color:var(--sys-danger-text)}.habits-settings__badge{display:inline-flex;align-items:center;flex:0 0 auto;padding:var(--ref-space-0-5) var(--ref-space-1-5);border-radius:var(--ref-radius-pill);background:var(--sys-fill-subtle);color:var(--sys-text-secondary);font-size:var(--sys-text-size-overline);letter-spacing:var(--sys-tracking-wide);text-transform:uppercase}.habits-settings__metadata-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--ref-space-2)}.habits-settings__metadata-list{display:grid;gap:var(--ref-space-3)}.habits-settings__metadata-card{display:grid;gap:var(--ref-space-3);padding:var(--ref-space-3);border-radius:var(--ref-radius-sm);background:var(--sys-fill-subtlest);border:1px solid var(--sys-border-subtlest)}.habits-settings__metadata-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ref-space-3)}@container habits-widget (max-width: 13rem){.habits-widget__surface{padding:var(--ref-space-2)}.habits-widget__summary{display:none}.habits-widget__day{padding:var(--ref-space-2)}}@container habits-widget (max-height: 13rem){.habits-widget__summary{display:none}}@container habits-widget (max-height: 7rem){.habits-widget__header{align-items:center}.habits-widget__eyebrow{display:none}}.habits-editor{max-height:min(84vh,48rem);overflow:hidden}.habits-editor__title-group{display:flex;align-items:center;gap:var(--ref-space-2);min-width:0}.habits-editor__title{min-width:0}.habits-editor__body{display:grid;align-content:start;gap:var(--ref-space-3);flex:1 1 auto;min-height:0;padding:var(--ref-space-3);overflow-y:auto}.habits-editor__visuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ref-space-3)}.habits-editor__metadata{display:grid;gap:var(--ref-space-2);padding-top:var(--ref-space-2);border-top:1px solid var(--sys-border-subtlest)}.habits-editor__metadata-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ref-space-2)}.habits-editor__metadata-toggle{display:inline-flex;align-items:center;gap:var(--ref-space-1-5);padding:var(--ref-space-1) var(--ref-space-1-5) var(--ref-space-1) 0;color:var(--sys-text-primary)}.habits-editor__metadata-count{padding:var(--ref-space-px) var(--ref-space-1-5);border-radius:var(--ref-radius-pill);background:var(--sys-fill-subtle);color:var(--sys-text-tertiary)}.habits-editor__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--ref-space-2);flex:0 0 auto;position:sticky;bottom:0;padding:var(--ref-space-2) var(--ref-space-3);border-top:1px solid var(--sys-border-subtle);background-color:var(--sys-surface-solid-bg);background-image:var(--sys-surface-solid-overlay)}.habits-editor__footer-actions{display:flex;align-items:center;gap:var(--ref-space-2)}.habits-editor__archive-btn{margin-right:auto}.habits-settings__usage{display:flex;align-items:center;gap:var(--ref-space-1)}.habits-settings__confirm{display:grid;gap:var(--ref-space-2);padding:var(--ref-space-2);border-radius:var(--ref-radius-sm);border:1px solid var(--sys-danger-border);background:var(--sys-fill-subtle)}.habits-settings__confirm-text{display:flex;align-items:flex-start;gap:var(--ref-space-1-5)}.habits-settings__confirm-icon{flex:0 0 auto;margin-top:var(--ref-space-0-5);color:var(--sys-danger-text)}.habits-settings__confirm-actions{display:flex;justify-content:flex-end;gap:var(--ref-space-1-5)}@media(max-width:40rem),(max-height:30rem)and (pointer:coarse){.habits-widget__modal{width:100%;max-height:100%}.habits-settings,.habits-editor{max-height:calc(var(--sys-visual-viewport-height, 100svh) - var(--ref-space-6))}}.sleep-widget{--sleep-accent-start: var(--sys-sleep-start);--sleep-accent-end: var(--sys-sleep-end);width:100%;height:100%;min-width:0;min-height:0;color:var(--sys-text-primary);container-type:size;container-name:sleep-widget;border-radius:inherit}.sleep-widget--excellent{--sleep-accent-start: var(--sys-sleep-excellent-start);--sleep-accent-end: var(--sys-sleep-excellent-end)}.sleep-widget--good{--sleep-accent-start: var(--sys-sleep-good-start);--sleep-accent-end: var(--sys-sleep-good-end)}.sleep-widget--okay{--sleep-accent-start: var(--sys-sleep-okay-start);--sleep-accent-end: var(--sys-sleep-okay-end)}.sleep-widget--poor{--sleep-accent-start: var(--sys-sleep-poor-start);--sleep-accent-end: var(--sys-sleep-poor-end)}.sleep-widget__surface{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:clamp(.65rem,3cqmin,1rem);border-radius:inherit;overflow:hidden;text-align:center}.sleep-widget__layout{width:100%;height:100%;display:grid;align-content:center;justify-items:center;gap:clamp(.5rem,3cqmin,1rem);grid-template-areas:"hero"}.sleep-widget__hero{grid-area:hero;width:min(100%,24rem);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.45rem,2.8cqmin,1rem)}.sleep-widget__hero-copy{min-width:0;display:flex;flex-direction:column;align-items:center;gap:clamp(.18rem,1.3cqmin,.4rem)}.sleep-widget__status{font-size:calc(var(--widget-font-scale, 1) * clamp(var(--sys-text-size-micro),4.5cqmin,var(--sys-text-size-caption)));letter-spacing:var(--sys-tracking-wider);text-transform:uppercase;color:var(--sys-text-tertiary)}.sleep-widget__remaining{font-size:calc(var(--widget-font-scale, 1) * clamp(var(--sys-text-size-title),17cqmin,var(--sys-text-size-display)));line-height:var(--sys-leading-none);font-weight:var(--sys-text-weight-medium);letter-spacing:var(--sys-tracking-tight)}.sleep-widget__caption{font-size:calc(var(--widget-font-scale, 1) * clamp(var(--sys-text-size-caption),5cqmin,var(--sys-text-size-body)));color:var(--sys-text-secondary)}.sleep-widget__summary-pill{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:var(--ref-space-2) var(--ref-space-3);border-radius:var(--ref-radius-pill);background:color-mix(in srgb,var(--sleep-accent-start) 12%,color-mix(in srgb,var(--sys-on-surface) 6%,transparent));border:1px solid color-mix(in srgb,var(--sleep-accent-start) 16%,transparent);font-size:calc(var(--widget-font-scale, 1) * clamp(var(--sys-text-size-caption),4.6cqmin,var(--sys-text-size-body-sm)));line-height:var(--sys-leading-tight);color:var(--sys-text-primary)}.sleep-widget__detail-grid{grid-area:details;display:none;width:min(100%,30rem);grid-template-columns:minmax(0,1fr);gap:var(--ref-space-2)}.sleep-widget__detail{display:flex;flex-direction:column;align-items:center;gap:var(--ref-space-1);padding:var(--ref-space-3);border-radius:var(--ref-radius-md);background:var(--sys-fill-subtler);border:1px solid var(--sys-border-subtlest)}.sleep-widget__detail-label{font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-overline));text-transform:uppercase;letter-spacing:var(--sys-tracking-wider);color:var(--sys-text-tertiary)}.sleep-widget__detail-value{font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-body));line-height:var(--sys-leading-snug)}.sleep-widget__detail-note{font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-caption));color:var(--sys-text-secondary)}.sleep-widget__timeline{grid-area:timeline;position:relative;height:1rem;width:min(100%,30rem);display:none}.sleep-widget__timeline-track,.sleep-widget__timeline-window{position:absolute;top:50%;height:.32rem;border-radius:var(--ref-radius-pill);transform:translateY(-50%)}.sleep-widget__timeline-track{left:0;right:0;background:var(--sys-fill)}.sleep-widget__timeline-window{background:linear-gradient(90deg,color-mix(in srgb,var(--sleep-accent-start) 82%,var(--sys-sheen-color) 18%),color-mix(in srgb,var(--sleep-accent-end) 90%,var(--sys-sheen-color) 10%));box-shadow:0 0 12px color-mix(in srgb,var(--sleep-accent-end) 34%,transparent)}.sleep-widget__timeline-marker{position:absolute;top:50%;width:.8rem;height:.8rem;border-radius:var(--ref-radius-pill);background:var(--sys-surface-tone);border:2px solid color-mix(in srgb,var(--sleep-accent-start) 76%,var(--sys-sheen-color) 24%);box-shadow:0 0 0 4px var(--sys-fill-subtle);transform:translate(-50%,-50%)}.sleep-widget__nudge{grid-area:nudge;width:min(100%,30rem);display:none;padding:var(--ref-space-3);border-radius:var(--ref-radius-md);background:color-mix(in srgb,var(--sleep-accent-start) 9%,color-mix(in srgb,var(--sys-on-surface) 4%,transparent));border:1px solid color-mix(in srgb,var(--sleep-accent-start) 16%,transparent);font-size:calc(var(--widget-font-scale, 1) * var(--sys-text-size-caption));line-height:var(--sys-leading-normal);color:var(--sys-text-secondary)}.sleep-widget__ring{position:relative;flex:0 0 auto;width:clamp(3.8rem,31cqmin,5.5rem);height:clamp(3.8rem,31cqmin,5.5rem)}.sleep-widget__ring-svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.sleep-widget__ring-track,.sleep-widget__ring-progress{fill:none;stroke-width:8}.sleep-widget__ring-track{stroke:var(--sys-text-faint)}.sleep-widget__ring-progress{stroke-linecap:round;transition:stroke-dashoffset var(--ref-duration-slower) var(--ref-ease-standard);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--sys-on-surface) 14%,transparent))}.sleep-widget__ring-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ref-space-0-5)}.sleep-widget__ring-percent{font-size:calc(var(--widget-font-scale, 1) * clamp(var(--sys-text-size-body),6.2cqmin,var(--sys-text-size-subtitle)));font-weight:var(--sys-text-weight-semibold);line-height:var(--sys-leading-none)}.sleep-widget__ring-label{font-size:calc(var(--widget-font-scale, 1) * clamp(var(--sys-text-size-micro),3.8cqmin,var(--sys-text-size-overline)));opacity:.72;line-height:var(--sys-leading-none);letter-spacing:var(--sys-tracking-wider);text-transform:uppercase}@container sleep-widget (max-width: 13rem){.sleep-widget__surface{padding:clamp(.5rem,4cqmin,.75rem)}.sleep-widget__summary-pill{padding-inline:var(--ref-space-3)}}@container sleep-widget (max-height: 7rem){.sleep-widget__surface{padding:var(--ref-space-2) var(--ref-space-2)}.sleep-widget__hero{width:100%;flex-direction:row;gap:clamp(.35rem,3cqmin,.7rem)}.sleep-widget__hero-copy{align-items:flex-start;text-align:left}.sleep-widget__status,.sleep-widget__summary-pill,.sleep-widget__ring-label{display:none}.sleep-widget__ring{width:clamp(3rem,24cqmin,3.8rem);height:clamp(3rem,24cqmin,3.8rem)}}@container sleep-widget (min-width: 15.5rem) and (min-height: 8.75rem){.sleep-widget__layout{grid-template-areas:"hero" "details"}.sleep-widget__hero{width:min(100%,28rem);flex-direction:row;text-align:left}.sleep-widget__hero-copy{align-items:flex-start;text-align:left}.sleep-widget__detail-grid{display:grid}.sleep-widget__detail:first-child,.sleep-widget__summary-pill{display:none}}@container sleep-widget (min-width: 19rem) and (min-height: 11.5rem){.sleep-widget__layout{grid-template-areas:"hero" "details" "timeline" "nudge"}.sleep-widget__hero{width:min(100%,34rem);gap:var(--ref-space-3)}.sleep-widget__detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sleep-widget__detail:first-child{display:flex}.sleep-widget__timeline,.sleep-widget__nudge{display:block}}.time-widget{display:flex;flex-direction:column;align-items:var(--widget-align-h, center);justify-content:var(--widget-align-v, center);height:100%;font-variant-numeric:tabular-nums;color:var(--sys-text-primary);text-align:center;gap:var(--ref-space-2);-webkit-user-select:none;user-select:none}.time-widget__time{font-size:calc(var(--widget-font-scale, 1) * clamp(var(--sys-text-size-headline),5vw,var(--sys-text-size-display)));font-weight:var(--sys-text-weight-bold);letter-spacing:var(--sys-tracking-wide);line-height:var(--sys-leading-none)}.time-widget__divider{width:clamp(3rem,60%,12rem);height:1px;background:currentColor;opacity:.35}.time-widget__date{font-size:calc(var(--widget-font-scale, 1) * clamp(var(--sys-text-size-body),1.6vw,var(--sys-text-size-title)));font-weight:var(--sys-text-weight-semibold);opacity:.9}.time-widget__greeting{font-size:calc(var(--widget-font-scale, 1) * clamp(var(--sys-text-size-body),1.6vw,var(--sys-text-size-title)));font-weight:var(--sys-text-weight-semibold);opacity:.75}.te-editor{position:fixed;z-index:var(--sys-layer-top);display:flex;flex-direction:column;width:360px;color:var(--sys-text-primary);background-color:var(--sys-overlay-bg);background-image:var(--sys-overlay-texture);border:1px solid var(--sys-overlay-border);border-radius:var(--ref-radius-md);box-shadow:var(--sys-overlay-shadow)}.te-editor__fields{display:flex;gap:var(--ref-space-2);padding:var(--ref-space-4)}.te-editor__box{flex:1;border:1px solid var(--sys-border);border-radius:var(--ref-radius-sm);padding:var(--ref-space-2) var(--ref-space-3);cursor:pointer;transition:border-color var(--ref-duration-fast) var(--ref-ease-standard);min-width:0}.te-editor__box:hover{border-color:var(--sys-border-strong)}.te-editor__box--focused{border-color:var(--sys-accent-border-strong)}.te-editor__box--error{border-color:var(--sys-danger-border)}.te-editor__error{margin:calc(var(--ref-space-1) * -1) var(--ref-space-4) 0;font-size:var(--sys-text-size-caption);color:var(--sys-danger-text);padding:var(--ref-space-1) 0 var(--ref-space-2)}.te-editor__box-label{display:block;font-size:var(--sys-text-size-overline);font-weight:var(--sys-text-weight-bold);letter-spacing:var(--sys-tracking-wider);opacity:.4;margin-bottom:var(--ref-space-1)}.te-editor__box-row{display:flex;align-items:center;gap:var(--ref-space-2)}.te-editor__time-input{background:transparent;border:none;color:var(--sys-text-primary);font-size:var(--sys-text-size-body);font-weight:var(--sys-text-weight-medium);font-variant-numeric:tabular-nums;outline:none;padding:0;cursor:text;flex:1;min-width:0;width:100%}.te-editor__box-date{font-size:var(--sys-text-size-body-sm);font-weight:var(--sys-text-weight-semibold);color:var(--sys-accent-text);white-space:nowrap;flex:0 0 auto}.te-editor__running{font-size:var(--sys-text-size-body);font-weight:var(--sys-text-weight-medium);opacity:.4;font-style:italic}.te-editor__divider{height:1px;background:var(--sys-border-subtlest)}.te-editor__calendar{padding:var(--ref-space-3) var(--ref-space-4) var(--ref-space-2)}.te-editor__cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ref-space-2)}.te-editor__cal-month{font-size:var(--sys-text-size-body);font-weight:var(--sys-text-weight-bold)}.te-editor__cal-nav{display:flex;gap:var(--ref-space-1)}.te-editor__cal-nav button{width:26px;height:26px;padding:0;border:1px solid var(--sys-border);border-radius:var(--ref-radius-xs);background:transparent;color:var(--sys-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--ref-duration-fast) var(--ref-ease-standard)}.te-editor__cal-nav button:hover{background:var(--sys-fill);color:var(--sys-text-primary);transform:none}.te-editor__cal-grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:var(--ref-space-0-5);column-gap:0}.te-editor__cal-dow{font-size:var(--sys-text-size-caption);font-weight:var(--sys-text-weight-semibold);opacity:.35;text-align:center;padding:var(--ref-space-0-5) 0 var(--ref-space-1-5)}.te-editor__cal-day{border:none;background:transparent;color:var(--sys-text-primary);font-size:var(--sys-text-size-body-sm);cursor:pointer;border-radius:var(--ref-radius-circle);height:34px;display:flex;align-items:center;justify-content:center;transition:background var(--ref-duration-fast) var(--ref-ease-standard);width:100%}.te-editor__cal-day:hover{background:var(--sys-fill)}.te-editor__cal-day--today{font-weight:var(--sys-text-weight-bold);color:var(--sys-accent-text)}.te-editor__cal-day--selected{background:var(--sys-accent-solid);color:var(--sys-on-accent);font-weight:var(--sys-text-weight-bold)}.te-editor__cal-day--selected:hover{background:var(--sys-accent-solid-active)}.project-editor{display:grid;gap:var(--ref-space-2);width:min(20rem,92vw);padding:var(--ref-space-3)}.project-editor__header{display:flex;align-items:center;justify-content:space-between}.project-editor__colors{display:flex;flex-wrap:wrap;gap:var(--ref-space-1)}.project-editor__color{width:var(--ref-space-5);height:var(--ref-space-5);border:2px solid transparent;border-radius:var(--ref-radius-pill)}.project-editor__color--active{border-color:var(--sys-text-primary);box-shadow:var(--sys-shadow-xs)}.project-editor__icons{display:grid;grid-template-columns:repeat(10,1fr);gap:var(--ref-space-1)}.project-editor__icon{aspect-ratio:1;width:100%;min-width:0;height:auto}.tt-history__modal{width:min(680px,90vw);height:80vh}.tt-history{height:100%}.tt-history__header{display:flex;align-items:center;justify-content:space-between;padding:var(--ref-space-4) var(--ref-space-5);border-bottom:1px solid var(--sys-border-subtlest);flex:0 0 auto}.tt-history__scope{position:relative;flex:1 1 auto;min-width:0}.tt-history__scope-trigger{display:inline-flex;align-items:center;gap:var(--ref-space-1);border:none;border-radius:var(--ref-radius-sm);background:transparent;color:inherit;cursor:pointer;font:inherit;padding:0 var(--ref-space-1) 0 0}.tt-history__scope-trigger:hover .tt-history__scope-chevron,.tt-history__scope-trigger:focus-visible .tt-history__scope-chevron{color:var(--sys-text-primary)}.tt-history__scope-current{display:inline-flex;align-items:center;gap:var(--ref-space-1-5);min-width:0}.tt-history__scope-current[data-tinted]{color:var(--sys-data-text)}.tt-history__scope-current[data-tinted]>*{color:inherit}.tt-history__scope-chevron{color:var(--sys-text-tertiary)}.tt-history__scope-popover{position:absolute;top:calc(100% + var(--ref-space-1));left:0;z-index:var(--sys-layer-popover);display:grid;gap:var(--ref-space-0-5);min-width:13rem;max-height:40vh;overflow-y:auto;overscroll-behavior:contain;padding:var(--ref-space-1);border:1px solid var(--sys-border);border-radius:var(--ref-radius-md);background-color:var(--sys-overlay-bg);background-image:var(--sys-overlay-texture);box-shadow:var(--sys-shadow-lg);color:var(--sys-text-primary)}.tt-history__scope-item{display:flex;align-items:center;gap:var(--ref-space-1-5);width:100%;border:none;border-radius:calc(var(--ref-radius-sm) + 1px);background:transparent;color:var(--sys-text-secondary);cursor:pointer;font:inherit;font-size:var(--sys-text-size-caption);padding:var(--ref-space-1-5) var(--ref-space-2);text-align:left}.tt-history__scope-item:hover,.tt-history__scope-item:focus-visible{background:var(--sys-fill)}.tt-history__scope-item[aria-selected=true]{background:var(--sys-dropdown-item-bg-selected)}.tt-history__scope-dot{flex:0 0 auto;width:8px;height:8px;border-radius:var(--ref-radius-circle);box-shadow:0 0 0 1px color-mix(in srgb,var(--sys-shadow-color) 25%,transparent)}.tt-history__scope-dot--none{background:var(--sys-text-subtle)}.tt-history__scope-dot--all{background:var(--sys-accent-text)}.tt-history__scope-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tt-history__scope-archived{flex:0 0 auto;color:var(--sys-text-subtle);font-size:var(--sys-text-size-micro)}.tt-history__scope-create{display:flex;align-items:center;gap:var(--ref-space-1);margin-top:var(--ref-space-0-5);border:none;border-top:1px solid var(--sys-border-subtle);background:transparent;color:var(--sys-text-secondary);cursor:pointer;font:inherit;font-size:var(--sys-text-size-caption);padding:var(--ref-space-1-5) var(--ref-space-2);text-align:left}.tt-history__scope-create:hover,.tt-history__scope-create:focus-visible{background:var(--sys-fill);color:var(--sys-text-primary);border-radius:var(--ref-radius-sm)}.tt-history__manage{position:relative;flex:0 0 auto}.tt-history__manage-popover{position:absolute;top:calc(100% + var(--ref-space-1));right:0;z-index:var(--sys-layer-popover);display:grid;gap:var(--ref-space-0-5);min-width:11rem;padding:var(--ref-space-1);border:1px solid var(--sys-border);border-radius:var(--ref-radius-md);background-color:var(--sys-overlay-bg);background-image:var(--sys-overlay-texture);box-shadow:var(--sys-shadow-lg);color:var(--sys-text-primary)}.tt-history__manage-item{width:100%;border:none;border-radius:calc(var(--ref-radius-sm) + 1px);background:transparent;color:var(--sys-text-secondary);cursor:pointer;font:inherit;font-size:var(--sys-text-size-caption);padding:var(--ref-space-1-5) var(--ref-space-2);text-align:left}.tt-history__manage-item:hover,.tt-history__manage-item:focus-visible{background:var(--sys-fill)}.tt-history__body{overflow-y:auto;flex:1 1 0;padding:var(--ref-space-2) 0 var(--ref-space-4);scrollbar-width:thin;scrollbar-color:var(--sys-text-faint) transparent}.tt-history__body::-webkit-scrollbar{width:4px}.tt-history__body::-webkit-scrollbar-thumb{background:var(--sys-fill-emphasis);border-radius:var(--ref-radius-2xs)}.tt-history__empty{padding:var(--ref-space-7) var(--ref-space-5);text-align:center;font-size:var(--sys-text-size-body);opacity:.45}.tt-history__day{margin-top:var(--ref-space-2)}.tt-history__day-header{display:flex;align-items:center;gap:var(--ref-space-3);padding:var(--ref-space-2) var(--ref-space-5) var(--ref-space-1-5);border-top:1px solid var(--sys-border-subtlest)}.tt-history__day-label{flex:1 1 0;font-size:var(--sys-text-size-caption);font-weight:var(--sys-text-weight-semibold);opacity:.5;text-transform:uppercase;letter-spacing:var(--sys-tracking-wide)}.tt-history__day-total{font-size:var(--sys-text-size-body-sm);font-weight:var(--sys-text-weight-semibold);opacity:.75;font-variant-numeric:tabular-nums}.tt-history__entry{display:flex;align-items:center;gap:var(--ref-space-3);padding:var(--ref-space-1-5) var(--ref-space-5);transition:background var(--ref-duration-fast) var(--ref-ease-standard)}.tt-history__entry:hover{background:var(--sys-fill-subtler)}.tt-history__entry--group{cursor:pointer}.tt-history__entry--group:hover{background:var(--sys-fill-subtle)}.tt-history__entry--child{padding-left:52px;background:var(--sys-fill-subtlest)}.tt-history__entry--child:hover{background:var(--sys-fill-subtler)}.tt-history__count{flex:0 0 auto;width:22px;height:22px;border-radius:var(--ref-radius-xs);background:var(--sys-fill);font-size:var(--sys-text-size-caption);font-weight:var(--sys-text-weight-bold);display:flex;align-items:center;justify-content:center;opacity:.8}.tt-history__entry-text{flex:1 1 0;min-width:0;font-size:var(--sys-text-size-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tt-history__entry-main{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:var(--ref-space-2)}.tt-history__entry-main .tt-history__entry-text{flex:0 1 auto}.tt-history__entry-project{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--ref-space-1);font-size:var(--sys-text-size-caption);font-weight:var(--sys-text-weight-semibold);white-space:nowrap;color:var(--sys-data-text)}.tt-history__entry-project-dot{width:8px;height:8px;border-radius:var(--ref-radius-circle);background:var(--sys-data-color)}.tt-history__entry-project-icon{flex:0 0 auto}.tt-history__entry-range{flex:0 0 auto;font-size:var(--sys-text-size-caption);opacity:.45;white-space:nowrap;font-variant-numeric:tabular-nums}.tt-history__entry-edit-zone{display:flex;align-items:center;gap:var(--ref-space-3);flex:0 0 auto;cursor:pointer;border-radius:var(--ref-radius-xs);padding:var(--ref-space-0-5) var(--ref-space-1);margin:calc(var(--ref-space-0-5) * -1) calc(var(--ref-space-1) * -1);transition:background var(--ref-duration-fast) var(--ref-ease-standard)}.tt-history__entry-edit-zone:hover{background:var(--sys-fill-subtle)}.tt-history__entry-edit-zone:hover .tt-history__entry-range,.tt-history__entry-edit-zone:hover .tt-history__entry-duration{opacity:1}.tt-history__entry-dur-input{flex:0 0 auto;width:64px;background:var(--sys-fill-subtle);border:1px solid var(--sys-accent-border-strong);border-radius:var(--ref-radius-xs);color:var(--sys-text-primary);font-size:var(--sys-text-size-body-sm);font-weight:var(--sys-text-weight-semibold);font-variant-numeric:tabular-nums;padding:var(--ref-space-px) var(--ref-space-1);outline:none;text-align:right}.tt-history__entry-duration{flex:0 0 auto;font-size:var(--sys-text-size-body-sm);font-weight:var(--sys-text-weight-semibold);opacity:.8;font-variant-numeric:tabular-nums;min-width:48px;text-align:right}.tt-history__entry-actions{flex:0 0 auto;width:var(--sys-control-height-sm);display:flex;justify-content:center}.tt-history__entry-delete{opacity:0;transition:opacity var(--ref-duration-fast) var(--ref-ease-standard)}.tt-history__entry:hover .tt-history__entry-delete,.tt-history__entry:focus-within .tt-history__entry-delete{opacity:1}.tt-history__toolbar{position:relative;display:flex;gap:var(--ref-space-2);padding:var(--ref-space-3) var(--ref-space-5);border-bottom:1px solid var(--sys-border-subtlest)}.tt-range{display:flex;align-items:center;gap:var(--ref-space-2)}.tt-range__nav{display:inline-flex;align-items:center;justify-content:center;width:var(--sys-control-height-sm);height:var(--sys-control-height-sm);border:1px solid var(--sys-border);border-radius:var(--ref-radius-xs);background:var(--sys-fill-subtler);color:var(--sys-text-secondary);cursor:pointer}.tt-range__nav:hover,.tt-range__nav:focus-visible{background:var(--sys-fill-subtle);color:var(--sys-text-primary)}.tt-range__trigger{display:inline-flex;align-items:center;gap:var(--ref-space-1-5);border:1px solid var(--sys-border);border-radius:var(--ref-radius-xs);background:var(--sys-fill-subtler);color:var(--sys-text-secondary);font:inherit;font-size:var(--sys-text-size-caption);padding:var(--ref-space-1) var(--ref-space-2);cursor:pointer}.tt-range__trigger:hover,.tt-range__trigger:focus-visible{background:var(--sys-fill-subtle);color:var(--sys-text-primary)}.tt-range__popover{position:absolute;top:calc(100% + var(--ref-space-1));left:var(--ref-space-5);right:var(--ref-space-5);z-index:var(--sys-layer-popover);display:flex;gap:var(--ref-space-3);max-height:60vh;overflow-y:auto;overscroll-behavior:contain;padding:var(--ref-space-2);border:1px solid var(--sys-border);border-radius:var(--ref-radius-md);background-color:var(--sys-overlay-bg);background-image:var(--sys-overlay-texture);box-shadow:var(--sys-shadow-lg);color:var(--sys-text-primary)}.tt-range__presets{display:grid;gap:var(--ref-space-0-5);align-content:start;flex:0 0 100px}.tt-range__preset{width:100%;border:none;border-radius:calc(var(--ref-radius-sm) + 1px);background:transparent;color:var(--sys-text-secondary);cursor:pointer;font:inherit;font-size:var(--sys-text-size-caption);padding:var(--ref-space-1-5) var(--ref-space-2);text-align:left}.tt-range__preset:hover,.tt-range__preset:focus-visible{background:var(--sys-fill)}.tt-range__calendars{display:flex;align-items:flex-start;gap:var(--ref-space-2);flex:1 1 auto;min-width:0}.tt-range__calendars .tt-range__month-nav{margin-top:var(--ref-space-1)}.tt-range__month{flex:1 1 0;min-width:0}.tt-range__month-title{font-size:var(--sys-text-size-caption);font-weight:var(--sys-text-weight-semibold);text-align:center;padding-bottom:var(--ref-space-1-5)}.tt-range__grid{display:grid;grid-template-columns:auto repeat(7,1fr);align-items:center}.tt-range__week{display:contents}.tt-range__weeknum,.tt-range__weekday{color:var(--sys-text-subtle);font-size:var(--sys-text-size-micro);text-align:center;padding:var(--ref-space-0-5)}.tt-range__weeknum{padding-right:var(--ref-space-1)}.tt-range__day{min-width:22px;border:none;border-radius:var(--ref-radius-xs);background:transparent;color:var(--sys-text-secondary);cursor:pointer;font:inherit;font-size:var(--sys-text-size-caption);font-variant-numeric:tabular-nums;padding:var(--ref-space-1) var(--ref-space-0-5);text-align:center}.tt-range__day:hover,.tt-range__day:focus-visible{background:var(--sys-fill-subtler)}.tt-range__day[data-in-range]{background:var(--sys-accent-fill);color:var(--sys-accent-text);border-radius:0}.tt-range__day[data-edge=start],.tt-range__day[data-in-range][data-col="0"]{border-top-left-radius:var(--ref-radius-xs);border-bottom-left-radius:var(--ref-radius-xs)}.tt-range__day[data-edge=end],.tt-range__day[data-in-range][data-col="6"]{border-top-right-radius:var(--ref-radius-xs);border-bottom-right-radius:var(--ref-radius-xs)}.tt-range__day[data-today]{box-shadow:inset 0 0 0 1px var(--sys-accent-border-strong)}.tt-range__day-blank{min-width:22px}.tt-history__days{overflow-y:auto;flex:1 1 0;padding-bottom:var(--ref-space-4)}.tt-history__total{padding:var(--ref-space-3) var(--ref-space-5) var(--ref-space-1);font-size:var(--sys-text-size-body-sm);font-weight:var(--sys-text-weight-semibold);opacity:.7}.tt-history__group{margin-bottom:var(--ref-space-1)}@media(max-width:40rem),(max-height:30rem)and (pointer:coarse){.tt-history__modal{width:100%;height:100%}.tt-history__header,.tt-history__toolbar,.tt-history__total,.tt-history__day-header,.tt-history__entry{padding-left:var(--ref-space-3);padding-right:var(--ref-space-3)}.tt-history__entry{flex-wrap:wrap;row-gap:var(--ref-space-1);padding-top:var(--ref-space-2);padding-bottom:var(--ref-space-2)}.tt-history__entry-main{flex:1 1 100%;flex-wrap:wrap;row-gap:var(--ref-space-0-5)}.tt-history__entry-text,.tt-history__entry-main .tt-history__entry-text{flex:1 1 100%;white-space:normal;overflow:visible;text-overflow:clip}.tt-history__count{order:-1}.tt-history__entry-range{flex:1 1 auto}.tt-history__entry-edit-zone{flex:1 1 auto;justify-content:space-between}.tt-history__entry-delete{opacity:1}.tt-history__entry--child{padding-left:var(--ref-space-6)}.tt-range__popover{left:var(--ref-space-3);right:var(--ref-space-3);flex-direction:column;max-height:60svh}.tt-range__presets{display:flex;flex-wrap:wrap;gap:var(--ref-space-1);flex:0 0 auto}.tt-range__preset{width:auto;border:1px solid var(--sys-border);border-radius:var(--ref-radius-pill);padding:var(--ref-space-1-5) var(--ref-space-3)}.tt-range__calendars{justify-content:space-between}.tt-range__day,.tt-range__day-blank{min-width:2rem}.tt-range__day{padding:var(--ref-space-2) var(--ref-space-0-5)}}.task-project-picker{position:fixed;z-index:var(--sys-layer-top);display:flex;flex-direction:column;width:220px;padding:var(--ref-space-1);color:var(--sys-text-primary);background-color:var(--sys-overlay-bg);background-image:var(--sys-overlay-texture);border:1px solid var(--sys-overlay-border);border-radius:var(--ref-radius-md);box-shadow:var(--sys-overlay-shadow);outline:none}.task-project-picker__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--ref-space-0-5);max-height:40vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--sys-text-faint) transparent}.task-project-picker__item{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:var(--ref-space-1-5);border:none;border-radius:calc(var(--ref-radius-sm) + 1px);background:transparent;color:var(--sys-text-secondary);cursor:pointer;font:inherit;font-size:var(--sys-text-size-caption);padding:var(--ref-space-1-5) var(--ref-space-2);text-align:left}.task-project-picker__item:hover,.task-project-picker__item:focus-visible{background:var(--sys-fill)}.task-project-picker__dot{flex:0 0 auto;width:8px;height:8px;border-radius:var(--ref-radius-circle);box-shadow:0 0 0 1px color-mix(in srgb,var(--sys-shadow-color) 25%,transparent)}.task-project-picker__dot--none{background:var(--sys-text-subtle)}.task-project-picker__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-project-picker__name--tinted{color:var(--sys-data-text)}.task-project-picker__check{flex:0 0 auto;color:var(--sys-accent-text)}.task-project-picker__create{display:flex;align-items:center;gap:var(--ref-space-1);margin-top:var(--ref-space-0-5);border:none;border-top:1px solid var(--sys-border-subtle);border-radius:0 0 calc(var(--ref-radius-sm) + 1px) calc(var(--ref-radius-sm) + 1px);background:transparent;color:var(--sys-text-secondary);cursor:pointer;font:inherit;font-size:var(--sys-text-size-caption);padding:var(--ref-space-1-5) var(--ref-space-2);text-align:left}.task-project-picker__create:hover,.task-project-picker__create:focus-visible{background:var(--sys-fill);color:var(--sys-text-primary)}.week-schedule{--week-schedule-day-width: 2.6rem;--week-schedule-action-width: 1.9rem;--week-schedule-gap: var(--ref-space-2);--week-schedule-row-height: 2.15rem;display:grid;gap:var(--ref-space-1);width:100%;min-width:0}.week-schedule__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ref-space-1);min-width:0}.week-schedule__toolbar-hint{flex:1 1 14rem;min-width:0;text-align:end}.week-schedule__row{display:grid;grid-template-columns:var(--week-schedule-day-width) minmax(0,1fr) var(--week-schedule-action-width) var(--week-schedule-action-width);gap:var(--week-schedule-gap);align-items:center;min-width:0}.week-schedule__ruler{height:var(--ref-space-3);min-width:0;padding-inline:calc(var(--week-schedule-day-width) + var(--week-schedule-gap)) calc(2 * var(--week-schedule-action-width) + 2 * var(--week-schedule-gap))}.week-schedule__ruler-inner{position:relative;height:100%;min-width:0}.week-schedule__ruler-tick{position:absolute;top:0;transform:translate(-50%)}.week-schedule__rows{display:grid;gap:var(--ref-space-1);min-width:0}.week-schedule__day{min-width:0}.week-schedule__track{position:relative;min-width:0;height:var(--week-schedule-row-height);overflow:hidden;border:1px solid var(--sys-control-border);border-radius:var(--ref-radius-sm);background:var(--sys-inset-bg-strong);cursor:crosshair;touch-action:none}.week-schedule__gridline{position:absolute;inset-block:0;width:1px;background:var(--sys-border-subtle);pointer-events:none}.week-schedule__gridline--noon{background:var(--sys-border)}.week-schedule__ghost{position:absolute;inset-block:var(--ref-space-1);z-index:1;display:flex;align-items:center;min-width:var(--ref-space-1);overflow:hidden;border:1px dashed var(--sys-border);border-radius:var(--ref-radius-sm);background:var(--sys-fill-subtle);pointer-events:none}.week-schedule__ghost--conflict{border-style:solid;border-color:var(--sys-danger-border);background:var(--sys-danger-fill)}.week-schedule__ghost-name{min-width:0;overflow:hidden;padding:0 var(--ref-space-1)}.week-schedule__draft{position:absolute;inset-block:var(--ref-space-1);z-index:2;border:1px dashed var(--sys-accent);border-radius:var(--ref-radius-sm);background:var(--sys-accent-fill);pointer-events:none}.week-schedule__block{container-type:inline-size;position:absolute;inset-block:var(--ref-space-1);z-index:3;display:flex;align-items:stretch;min-width:var(--ref-space-2);overflow:hidden;border-radius:var(--ref-radius-sm);background:var(--sys-accent);box-shadow:0 0 0 1px var(--sys-fill-emphasis) inset;color:var(--sys-on-accent)}.week-schedule__block--muted{opacity:.4}.week-schedule__block--selected{box-shadow:0 0 0 2px var(--sys-focus-ring) inset,0 0 0 1px var(--sys-fill-emphasis)}.week-schedule__block--conflict{box-shadow:0 0 0 2px var(--sys-danger-border) inset,0 0 0 1px var(--sys-fill-emphasis)}.week-schedule__block--wraps-right{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:2px solid var(--sys-fill-stronger)}.week-schedule__block--wraps-left{border-start-start-radius:0;border-end-start-radius:0;border-inline-start:2px solid var(--sys-fill-stronger)}.week-schedule__move{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-width:0;cursor:grab;touch-action:none}.week-schedule__move:active{cursor:grabbing}.week-schedule__move:disabled{cursor:not-allowed}.week-schedule__move-text{display:inline-flex;align-items:baseline;gap:var(--ref-space-0-5);min-width:0;overflow:hidden;font-weight:var(--sys-text-weight-bold);letter-spacing:var(--sys-tracking-tight);text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.week-schedule__move-duration{font-weight:var(--sys-text-weight-regular);opacity:.75}.week-schedule__move-origin{font-weight:var(--sys-text-weight-regular);opacity:.85}@container (max-width: 8rem){.week-schedule__move-duration{display:none}}@container (max-width: 5.5rem){.week-schedule__move-text{display:none}}.week-schedule__handle{flex:0 0 auto;width:var(--ref-space-2);background:var(--sys-fill-strong);cursor:ew-resize;touch-action:none}.week-schedule__handle:hover:enabled,.week-schedule__handle:active{background:var(--sys-fill-stronger)}.week-schedule__handle:disabled{cursor:not-allowed}.week-schedule__move:focus-visible,.week-schedule__handle:focus-visible{outline:2px solid var(--sys-focus-ring);outline-offset:-2px}.week-schedule__selection{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ref-space-1);min-width:0;min-height:2rem;padding:var(--ref-space-1) var(--ref-space-2);border:1px solid var(--sys-border-subtle);border-radius:var(--ref-radius-md);background:var(--sys-fill-subtlest)}.week-schedule__selection--empty{border-style:dashed;background:none}.week-schedule__selection-day{min-width:2.2rem}.week-schedule__selection-duration{min-width:3rem}.week-schedule__field{width:5.4rem;min-width:0;padding-inline:var(--ref-space-1);font-variant-numeric:tabular-nums;text-align:center}.week-schedule__field-arrow{flex:0 0 auto}.week-schedule__add,.week-schedule__apply{width:100%}@media(max-width:34rem){.week-schedule__row{grid-template-columns:minmax(0,1fr) var(--week-schedule-action-width) var(--week-schedule-action-width);grid-template-areas:"day day day" "track add apply";row-gap:var(--ref-space-1)}.week-schedule__day{grid-area:day}.week-schedule__track{grid-area:track}.week-schedule__add{grid-area:add}.week-schedule__apply{grid-area:apply}.week-schedule__ruler{padding-inline:0 calc(2 * var(--week-schedule-action-width) + 2 * var(--week-schedule-gap))}}.workspace-switcher__edit-modal{width:min(46rem,calc(100vw - 2rem));max-height:min(42rem,calc(100vh - 2rem))}.workspace-switcher__edit{display:grid;gap:var(--ref-space-3);padding:var(--ref-space-4);overflow:auto}.workspace-switcher__edit-header{display:flex;align-items:start;justify-content:space-between;gap:var(--ref-space-3)}.workspace-switcher__edit-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,10rem) auto;gap:var(--ref-space-2);align-items:end}.workspace-switcher__schedule{display:grid;gap:var(--ref-space-2);justify-items:start;width:100%}.workspace-switcher__schedule-heading{display:inline-flex;align-items:center;gap:var(--ref-space-1);color:var(--sys-text-secondary)}.workspace-switcher__schedule-status{justify-self:start;border-radius:var(--ref-radius-sm);background:var(--sys-accent-fill);padding:var(--ref-space-1) var(--ref-space-2)}.workspace-switcher__schedule-status--warning{background:var(--sys-danger-fill);color:var(--sys-danger-text)}.workspace-switcher__progress{position:relative;isolation:isolate;overflow:hidden;min-height:var(--ref-space-5);border-radius:var(--ref-radius-sm);background:var(--sys-accent-fill);padding:var(--ref-space-1) var(--ref-space-2)}.workspace-switcher__progress:before{content:"";position:absolute;inset:0 auto 0 0;z-index:-1;width:42%;background:var(--sys-accent-fill-hover);animation:workspace-switcher-progress 1.1s ease-in-out infinite}@keyframes workspace-switcher-progress{0%{transform:translate(-105%)}to{transform:translate(245%)}}.workspace-switcher__schedule-save{justify-self:start}@media(prefers-reduced-motion:reduce){.workspace-switcher__progress:before{animation:none}}@media(max-width:30rem){.workspace-switcher__edit-modal{width:100%}.workspace-switcher__edit-form{grid-template-columns:1fr}}.spaces-drawer{display:flex;align-items:center}.spaces-drawer__trigger{display:inline-flex;align-items:center;gap:var(--ref-space-2);max-width:14rem}.spaces-drawer__trigger-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spaces-drawer__overlay{position:fixed;inset:0;z-index:var(--sys-layer-modal);background:var(--sys-scrim)}.spaces-drawer__panel{position:fixed;top:0;right:0;height:100svh;width:clamp(320px,82vw,420px);background-color:var(--sys-panel-bg);background-image:var(--sys-panel-texture-right);border-left:1px solid var(--sys-panel-border);box-shadow:var(--sys-panel-shadow-right);overflow:hidden}.spaces-drawer__panel[data-entering]{animation:spaces-drawer-in var(--ref-duration-slow) var(--ref-ease-emphasized) forwards}.spaces-drawer__panel[data-exiting]{animation:spaces-drawer-out var(--ref-duration-base) ease-in forwards}@keyframes spaces-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes spaces-drawer-out{0%{transform:translate(0)}to{transform:translate(100%)}}.spaces-drawer__dialog{display:flex;flex-direction:column;gap:var(--ref-space-4);height:100svh;padding:var(--ref-space-5);overflow-y:auto;outline:none}.spaces-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ref-space-3)}.spaces-drawer__state{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ref-space-2)}.spaces-drawer__scenes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ref-space-3)}.spaces-drawer__scene{position:relative;border:1px solid var(--sys-subtle-border);border-radius:var(--ref-radius-md);background:color-mix(in srgb,var(--sys-surface-bg) 60%,transparent);padding:var(--ref-space-2)}.spaces-drawer__scene--active{border-color:var(--sys-accent);box-shadow:0 0 0 1px var(--sys-accent)}.spaces-drawer__scene-activate{display:flex;align-items:center;justify-content:flex-start;gap:var(--ref-space-3);width:100%;padding:var(--ref-space-2);text-align:left;background:transparent;border:none}.spaces-drawer__scene-activate:hover:enabled{background:var(--sys-fill-subtle)}.spaces-drawer__scene-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:var(--ref-radius-pill);background:var(--sys-fill-subtle);color:var(--sys-text-primary)}.spaces-drawer__scene-meta{display:flex;flex-direction:column;gap:var(--ref-space-1);min-width:0}.spaces-drawer__scene-summary{display:flex;flex-wrap:wrap;gap:var(--ref-space-1) var(--ref-space-2)}.spaces-drawer__scene-now{position:absolute;top:var(--ref-space-2);right:3rem}.spaces-drawer__scene-controls{position:absolute;top:var(--ref-space-2);right:var(--ref-space-2)}.spaces-drawer__scene-rename{display:flex;flex-wrap:wrap;gap:var(--ref-space-2);padding:var(--ref-space-2)}.spaces-drawer__scene-rename-input{flex:1 1 8rem;min-width:0}.spaces-drawer__scene-rename-error{flex-basis:100%}.spaces-drawer__confirm-modal{width:clamp(280px,88vw,360px)}@media(prefers-reduced-motion:reduce){.spaces-drawer__panel[data-entering],.spaces-drawer__panel[data-exiting]{animation:none}}.spaces-drawer__widgets{display:flex;flex-direction:column;gap:var(--ref-space-3)}.spaces-drawer__widget-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ref-space-2)}.spaces-drawer__widget-row{display:flex;align-items:center;gap:var(--ref-space-3);padding:var(--ref-space-2) var(--ref-space-3);border-radius:var(--ref-radius-md);border:1px solid var(--sys-subtle-border);background:color-mix(in srgb,var(--sys-surface-bg) 55%,transparent)}.spaces-drawer__widget-icon{flex:0 0 auto;display:inline-flex;color:var(--sys-text-secondary)}.spaces-drawer__widget-details{flex:1 1 auto;min-width:0}.spaces-drawer__widget-add{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:var(--ref-space-3);padding:0;border:none;background:none;color:inherit;cursor:pointer;text-align:left}.spaces-drawer__widget-add[data-disabled]{opacity:.55;cursor:default}.spaces-drawer__widget-add[data-focus-visible]{outline:2px solid var(--sys-focus-ring);outline-offset:2px;border-radius:var(--ref-radius-sm)}.spaces-drawer__add-widget,.spaces-drawer__add-space{align-self:flex-start}.spaces-drawer__create-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ref-space-2)}.spaces-drawer__create{display:flex;flex-direction:column;gap:var(--ref-space-2);padding:var(--ref-space-3);border-radius:var(--ref-radius-md);border:1px solid var(--sys-subtle-border);background:color-mix(in srgb,var(--sys-surface-bg) 55%,transparent)}.spaces-drawer__create-row{display:flex;flex-wrap:wrap;gap:var(--ref-space-2);align-items:end}.spaces-drawer__create-input{flex:1 1 8rem;min-width:0;width:auto}.spaces-drawer__create-icon{flex:0 1 10rem}@media(max-width:40rem),(max-height:30rem)and (pointer:coarse){.spaces-drawer__trigger{min-width:0;max-width:100%}}
