:root{--lp-surface-page: #F6F7F9;--lp-surface-card: #FFFFFF;--lp-surface-sunken: #EDEFF3;--lp-ink-primary: #14181F;--lp-ink-secondary: #4A5260;--lp-ink-muted: #6B7280;--lp-border: #DFE3EA;--lp-accent: #2F5CA8;--lp-accent-hover: #254A8B;--lp-on-accent: #FFFFFF;--lp-accent-subtle-bg: #E8EEF8;--lp-accent-subtle-ink: #204880;--dp-surface-page: #0E1116;--dp-surface-card: #171B22;--dp-surface-sunken: #0A0D11;--dp-ink-primary: #F2F4F7;--dp-ink-secondary: #B4BCC8;--dp-ink-muted: #8A929E;--dp-border: #2A303A;--dp-accent: #7FA9E8;--dp-accent-hover: #9BBDF0;--dp-on-accent: #0E1116;--dp-accent-subtle-bg: #1B2634;--dp-accent-subtle-ink: #A8C6F0;--lc-surface-page: #F7F5FA;--lc-surface-card: #FDFCFE;--lc-surface-sunken: #EFEBF5;--lc-ink-primary: #1E1A26;--lc-ink-secondary: #544D62;--lc-ink-muted: #736C80;--lc-border: #E3DEEC;--lc-accent: #5F4B9B;--lc-accent-hover: #4E3D83;--lc-on-accent: #FFFFFF;--lc-accent-subtle-bg: #EDE8F7;--lc-accent-subtle-ink: #4A3A7C;--dc-surface-page: #131019;--dc-surface-card: #1C1826;--dc-surface-sunken: #0D0B12;--dc-ink-primary: #F1EEF7;--dc-ink-secondary: #BDB5CC;--dc-ink-muted: #928AA3;--dc-border: #302941;--dc-accent: #B9A7E8;--dc-accent-hover: #CBBDF0;--dc-on-accent: #16121F;--dc-accent-subtle-bg: #251E33;--dc-accent-subtle-ink: #C6B8EE;--status-good: #0CA30C;--status-warning: #FAB219;--status-serious: #EC835A;--status-critical: #D03B3B;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--shadow-card: 0 1px 2px rgb(0 0 0 / 6%), 0 4px 12px rgb(0 0 0 / 4%)}:root{color-scheme:light;--surface-page: var(--lp-surface-page);--surface-card: var(--lp-surface-card);--surface-sunken: var(--lp-surface-sunken);--ink-primary: var(--lp-ink-primary);--ink-secondary: var(--lp-ink-secondary);--ink-muted: var(--lp-ink-muted);--border: var(--lp-border);--accent: var(--lp-accent);--accent-hover: var(--lp-accent-hover);--on-accent: var(--lp-on-accent);--accent-subtle-bg: var(--lp-accent-subtle-bg);--accent-subtle-ink: var(--lp-accent-subtle-ink)}:root[data-palette=calming]{--surface-page: var(--lc-surface-page);--surface-card: var(--lc-surface-card);--surface-sunken: var(--lc-surface-sunken);--ink-primary: var(--lc-ink-primary);--ink-secondary: var(--lc-ink-secondary);--ink-muted: var(--lc-ink-muted);--border: var(--lc-border);--accent: var(--lc-accent);--accent-hover: var(--lc-accent-hover);--on-accent: var(--lc-on-accent);--accent-subtle-bg: var(--lc-accent-subtle-bg);--accent-subtle-ink: var(--lc-accent-subtle-ink)}@media(prefers-color-scheme:dark){:root:not([data-mode=light]){color-scheme:dark;--surface-page: var(--dp-surface-page);--surface-card: var(--dp-surface-card);--surface-sunken: var(--dp-surface-sunken);--ink-primary: var(--dp-ink-primary);--ink-secondary: var(--dp-ink-secondary);--ink-muted: var(--dp-ink-muted);--border: var(--dp-border);--accent: var(--dp-accent);--accent-hover: var(--dp-accent-hover);--on-accent: var(--dp-on-accent);--accent-subtle-bg: var(--dp-accent-subtle-bg);--accent-subtle-ink: var(--dp-accent-subtle-ink)}:root:not([data-mode=light])[data-palette=calming]{--surface-page: var(--dc-surface-page);--surface-card: var(--dc-surface-card);--surface-sunken: var(--dc-surface-sunken);--ink-primary: var(--dc-ink-primary);--ink-secondary: var(--dc-ink-secondary);--ink-muted: var(--dc-ink-muted);--border: var(--dc-border);--accent: var(--dc-accent);--accent-hover: var(--dc-accent-hover);--on-accent: var(--dc-on-accent);--accent-subtle-bg: var(--dc-accent-subtle-bg);--accent-subtle-ink: var(--dc-accent-subtle-ink)}}:root[data-mode=dark]{color-scheme:dark;--surface-page: var(--dp-surface-page);--surface-card: var(--dp-surface-card);--surface-sunken: var(--dp-surface-sunken);--ink-primary: var(--dp-ink-primary);--ink-secondary: var(--dp-ink-secondary);--ink-muted: var(--dp-ink-muted);--border: var(--dp-border);--accent: var(--dp-accent);--accent-hover: var(--dp-accent-hover);--on-accent: var(--dp-on-accent);--accent-subtle-bg: var(--dp-accent-subtle-bg);--accent-subtle-ink: var(--dp-accent-subtle-ink)}:root[data-mode=dark][data-palette=calming]{--surface-page: var(--dc-surface-page);--surface-card: var(--dc-surface-card);--surface-sunken: var(--dc-surface-sunken);--ink-primary: var(--dc-ink-primary);--ink-secondary: var(--dc-ink-secondary);--ink-muted: var(--dc-ink-muted);--border: var(--dc-border);--accent: var(--dc-accent);--accent-hover: var(--dc-accent-hover);--on-accent: var(--dc-on-accent);--accent-subtle-bg: var(--dc-accent-subtle-bg);--accent-subtle-ink: var(--dc-accent-subtle-ink)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--surface-page);color:var(--ink-primary);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent)}a:hover{color:var(--accent-hover)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.frame{margin:0 auto;padding:var(--space-6) var(--space-5)}@media(max-width:48rem){.frame{padding:var(--space-4) var(--space-3)}}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font:inherit;font-size:.875rem;font-weight:600;color:var(--ink-primary);background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;cursor:pointer}.btn:hover:not(:disabled){background:var(--surface-sunken);color:var(--ink-primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:transparent}.btn-primary:hover:not(:disabled){background:var(--accent-hover);color:var(--on-accent)}.btn-quiet{font-weight:500}.btn-small{padding:var(--space-1) var(--space-3);font-size:.8125rem}.btn-danger{background:var(--status-critical);color:var(--on-accent);border-color:transparent}.btn-danger:hover:not(:disabled){background:var(--status-critical);color:var(--on-accent);filter:brightness(.92)}.switch{display:inline-flex;align-items:center;gap:var(--space-3);padding:0;font:inherit;font-size:.875rem;color:var(--ink-primary);background:none;border:0;cursor:pointer;text-align:left}.switch:disabled{opacity:.5;cursor:not-allowed}.switch .track{position:relative;flex:none;width:2.25rem;height:1.25rem;border-radius:999px;background:var(--surface-sunken);border:1px solid var(--border);transition:background .12s ease,border-color .12s ease}.switch .track:after{content:"";position:absolute;top:1px;left:1px;width:1rem;height:1rem;border-radius:50%;background:var(--surface-card);box-shadow:var(--shadow-card);transition:transform .12s ease}.switch[aria-pressed=true] .track{background:var(--accent);border-color:var(--accent)}.switch[aria-pressed=true] .track:after{transform:translate(1rem)}@media(prefers-reduced-motion:reduce){.switch .track,.switch .track:after{transition:none}}.btn[aria-pressed=true]{background:var(--accent-subtle-bg);color:var(--accent-subtle-ink);border-color:var(--accent)}.card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}input,select,textarea{padding:var(--space-2) var(--space-3);font:inherit;font-size:.9375rem;color:var(--ink-primary);background:var(--surface-page);border:1px solid var(--border);border-radius:var(--radius-md)}input:disabled,select:disabled,textarea:disabled{opacity:.6}textarea{resize:vertical}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.spinner{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-.125em;animation:sphere-spin .7s linear infinite;flex:none}@keyframes sphere-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-7) var(--space-4);color:var(--ink-muted)}.just-inserted{box-shadow:0 0 0 3px var(--accent-subtle-bg),0 0 0 4px var(--accent);transition:box-shadow .6s}[data-field-drag] [data-merge]{outline:2px dashed var(--accent);outline-offset:2px}