:root{--token-bg: #faf9f5;--token-bg-soft: #f5f3ec;--token-surface: #ffffff;--token-surface-strong: #f5f3ec;--token-line-soft: rgba(43, 41, 38, .12);--token-line: rgba(43, 41, 38, .22);--token-line-strong: rgba(43, 41, 38, .38);--token-text: #1f1e1c;--token-text-muted: #5e5d58;--token-text-faint: #9d9b93;--token-accent: #d97757;--token-accent-cold: #7a9cb0;--token-accent-deep: #c6613f;--token-glow: rgba(217,119,87,.12);--token-glow-cold: rgba(122,156,176,.06);--token-surface-hover: color-mix(in srgb, var(--token-surface) 92%, var(--token-accent) 8%);--token-accent-subtle: color-mix(in srgb, var(--token-accent) 14%, transparent);--token-accent-glow: color-mix(in srgb, var(--token-accent) 10%, transparent);--token-line-dashed: color-mix(in srgb, var(--token-line-soft) 55%, transparent);--token-overlay-bg: color-mix(in srgb, var(--token-bg) 92%, transparent);--token-on-accent: #ffffff;--token-shadow-elevated: 0 12px 32px rgba(31, 30, 29, .05);--token-shadow-overlay: 0 18px 44px rgba(31, 30, 29, .08);--token-success: #3d8a5a;--token-success-muted: color-mix(in srgb, var(--token-success) 12%, transparent);--token-warning: #b8860b;--token-warning-muted: rgba(184,134,11,.12);--token-error: #c0392b;--token-error-muted: color-mix(in srgb, var(--token-error) 12%, transparent);--token-info: #6a8ea0;--token-info-muted: rgba(106,142,160,.12);--token-fill-1: color-mix(in srgb, var(--token-text) 4%, transparent);--token-fill-2: color-mix(in srgb, var(--token-text) 8%, transparent);--token-fill-3: color-mix(in srgb, var(--token-text) 14%, transparent);--token-fill-4: color-mix(in srgb, var(--token-text) 22%, transparent);--token-surface-glass: color-mix(in srgb, var(--token-bg-soft) 88%, transparent);--accent-clay: var(--token-accent);--accent-clay-dark: #c6613f;--accent-clay-light: #e8a087;--accent-cold: var(--token-accent-cold);--bg-primary: var(--token-bg);--bg-secondary: var(--token-bg-soft);--bg-tertiary: var(--token-surface);--bg-card: #fffdfa;--bg-card-muted: #f7f0e4;--bg-panel: var(--token-surface-strong);--bg-hover: var(--token-surface-hover);--text-primary: var(--token-text);--text-secondary: #383834;--text-tertiary: var(--token-text-muted);--text-muted: #87867f;--text-subtle: var(--token-text-faint);--border-subtle: var(--token-line-soft);--border-default: var(--token-line);--border-strong: var(--token-line-strong);--shadow-sm: var(--token-shadow-elevated);--shadow-md: var(--token-shadow-overlay);--color-success: var(--token-success);--color-success-bg: var(--token-success-muted);--color-warning: var(--token-warning);--color-warning-bg: var(--token-warning-muted);--color-error: var(--token-error);--color-error-bg: var(--token-error-muted);--color-info: var(--token-info);--color-info-bg: var(--token-info-muted);--color-pending: #87867f;--color-pending-bg: #f9f9f8;--accent-clay-bg: color-mix(in srgb, var(--token-accent) 8%, transparent);--accent-clay-bg-strong: var(--token-accent-subtle);--accent-clay-border: color-mix(in srgb, var(--token-accent) 22%, transparent)}.dark{--token-bg: #171410;--token-bg-soft: #211d19;--token-surface: #2a2520;--token-surface-strong: #302b25;--token-line-soft: #3b352f;--token-line: #4c433b;--token-line-strong: #5e5349;--token-text: #f5f4f0;--token-text-muted: #a8a6a0;--token-text-faint: #6a6863;--token-accent: #e08a68;--token-accent-cold: #7aa0b8;--token-glow: rgba(224,138,104,.1);--token-glow-cold: rgba(122,160,184,.05);--token-surface-hover: color-mix(in srgb, var(--token-surface) 90%, var(--token-accent) 10%);--token-accent-subtle: color-mix(in srgb, var(--token-accent) 12%, transparent);--token-accent-glow: color-mix(in srgb, var(--token-accent) 8%, transparent);--token-line-dashed: color-mix(in srgb, var(--token-line-soft) 55%, transparent);--token-overlay-bg: color-mix(in srgb, var(--token-bg) 94%, transparent);--token-on-accent: #ffffff;--token-shadow-elevated: 0 1px 2px rgba(0,0,0,.18), 0 4px 12px rgba(0,0,0,.16);--token-shadow-overlay: 0 2px 4px rgba(0,0,0,.22), 0 8px 24px rgba(0,0,0,.26);--token-success: #8fbfaa;--token-success-muted: rgba(143,191,170,.15);--token-warning: #d4a520;--token-warning-muted: rgba(212,165,32,.15);--token-error: #d46a45;--token-error-muted: rgba(212,106,69,.15);--token-info: #6a9ab8;--token-info-muted: rgba(106,154,184,.15);--token-fill-1: color-mix(in srgb, var(--token-text) 5%, transparent);--token-fill-2: color-mix(in srgb, var(--token-text) 10%, transparent);--token-fill-3: color-mix(in srgb, var(--token-text) 16%, transparent);--token-fill-4: color-mix(in srgb, var(--token-text) 24%, transparent);--token-surface-glass: color-mix(in srgb, var(--token-bg-soft) 82%, transparent);--accent-clay: var(--token-accent);--accent-clay-dark: #d47a57;--accent-clay-light: #eba38a;--accent-cold: var(--token-accent-cold);--bg-primary: var(--token-bg);--bg-secondary: var(--token-bg-soft);--bg-tertiary: var(--token-surface);--bg-card: #221f1b;--bg-card-muted: #26221d;--bg-panel: var(--token-surface-strong);--bg-hover: var(--token-surface-hover);--text-primary: var(--token-text);--text-secondary: #d4d3ce;--text-tertiary: var(--token-text-muted);--text-muted: #7a7872;--text-subtle: var(--token-text-faint);--border-subtle: var(--token-line-soft);--border-default: var(--token-line);--border-strong: var(--token-line-strong);--shadow-sm: var(--token-shadow-elevated);--shadow-md: var(--token-shadow-overlay);--color-success: var(--token-success);--color-success-bg: var(--token-success-muted);--color-warning: var(--token-warning);--color-warning-bg: var(--token-warning-muted);--color-error: var(--token-error);--color-error-bg: var(--token-error-muted);--color-info: var(--token-info);--color-info-bg: var(--token-info-muted);--color-pending: #7a7872;--color-pending-bg: #222120;--accent-clay-bg: color-mix(in srgb, var(--token-accent) 8%, transparent);--accent-clay-bg-strong: var(--token-accent-subtle);--accent-clay-border: color-mix(in srgb, var(--token-accent) 22%, transparent)}.piano{--token-bg: #f1eee6;--token-bg-soft: #e5dfd2;--token-surface: #faf8f2;--token-surface-strong: #eee8db;--token-line-soft: #d2cab9;--token-line: #b8ad9a;--token-line-strong: #8f8578;--token-text: #11100e;--token-text-muted: #4e4b45;--token-text-faint: #8b857b;--token-accent: #b89145;--token-accent-cold: #566370;--token-glow: rgba(184,145,69,.12);--token-glow-cold: rgba(22,24,26,.05);--token-surface-hover: color-mix(in srgb, var(--token-surface-strong) 88%, var(--token-accent) 12%);--token-accent-subtle: color-mix(in srgb, var(--token-accent) 14%, transparent);--token-accent-glow: color-mix(in srgb, var(--token-accent) 10%, transparent);--token-line-dashed: color-mix(in srgb, var(--token-line-soft) 55%, transparent);--token-overlay-bg: color-mix(in srgb, var(--token-bg) 92%, transparent);--token-on-accent: #12100b;--token-shadow-elevated: 0 1px 2px rgba(17,16,14,.06), 0 7px 20px rgba(17,16,14,.08);--token-shadow-overlay: 0 2px 5px rgba(17,16,14,.1), 0 16px 42px rgba(17,16,14,.16);--token-success: #5a9e7a;--token-success-muted: rgba(90,158,122,.1);--token-warning: #b89145;--token-warning-muted: rgba(184,145,69,.12);--token-error: #a84a42;--token-error-muted: rgba(168,74,66,.1);--token-info: #5a7488;--token-info-muted: rgba(90,116,136,.1);--token-fill-1: color-mix(in srgb, var(--token-text) 3%, transparent);--token-fill-2: color-mix(in srgb, var(--token-text) 6%, transparent);--token-fill-3: color-mix(in srgb, var(--token-text) 10%, transparent);--token-fill-4: color-mix(in srgb, var(--token-text) 16%, transparent);--token-surface-glass: color-mix(in srgb, var(--token-surface) 86%, transparent);--accent-clay: var(--token-accent);--accent-clay-dark: #967333;--accent-clay-light: #d2b36f;--accent-cold: var(--token-accent-cold);--bg-primary: var(--token-bg);--bg-secondary: var(--token-bg-soft);--bg-tertiary: var(--token-surface);--bg-card: var(--token-surface);--bg-card-muted: var(--token-bg-soft);--bg-panel: var(--token-surface-strong);--bg-hover: var(--token-surface-hover);--text-primary: var(--token-text);--text-secondary: #2e2b27;--text-tertiary: var(--token-text-muted);--text-muted: #8b857b;--text-subtle: var(--token-text-faint);--border-subtle: var(--token-line-soft);--border-default: var(--token-line);--border-strong: var(--token-line-strong);--shadow-sm: var(--token-shadow-elevated);--shadow-md: var(--token-shadow-overlay);--color-success: var(--token-success);--color-success-bg: var(--token-success-muted);--color-warning: var(--token-warning);--color-warning-bg: var(--token-warning-muted);--color-error: var(--token-error);--color-error-bg: var(--token-error-muted);--color-info: var(--token-info);--color-info-bg: var(--token-info-muted);--color-pending: #8b857b;--color-pending-bg: var(--token-bg-soft);--accent-clay-bg: var(--token-accent-subtle);--accent-clay-bg-strong: color-mix(in srgb, var(--token-accent) 20%, transparent);--accent-clay-border: color-mix(in srgb, var(--token-accent) 24%, transparent)}.piano.dark{--token-bg: #090909;--token-bg-soft: #11100f;--token-surface: #1a1917;--token-surface-strong: #24221f;--token-line-soft: #2f2c27;--token-line: #463f34;--token-line-strong: #685b45;--token-text: #f6f1e7;--token-text-muted: #b7afa2;--token-text-faint: #736b60;--token-accent: #d6b567;--token-accent-cold: #7c8a94;--token-glow: rgba(214,181,103,.14);--token-glow-cold: rgba(210,220,225,.04);--token-surface-hover: color-mix(in srgb, var(--token-surface-strong) 88%, var(--token-accent) 12%);--token-accent-subtle: color-mix(in srgb, var(--token-accent) 12%, transparent);--token-accent-glow: color-mix(in srgb, var(--token-accent) 8%, transparent);--token-line-dashed: color-mix(in srgb, var(--token-line-soft) 60%, transparent);--token-overlay-bg: color-mix(in srgb, var(--token-bg) 95%, transparent);--token-on-accent: #0a0a0a;--token-shadow-elevated: 0 1px 2px rgba(0,0,0,.28), 0 10px 26px rgba(0,0,0,.34);--token-shadow-overlay: 0 2px 5px rgba(0,0,0,.34), 0 18px 46px rgba(0,0,0,.46);--token-success: #7ac09a;--token-success-muted: rgba(122,192,154,.12);--token-warning: #d6b567;--token-warning-muted: rgba(214,181,103,.13);--token-error: #d07668;--token-error-muted: rgba(208,118,104,.12);--token-info: #7293aa;--token-info-muted: rgba(114,147,170,.12);--token-fill-1: color-mix(in srgb, var(--token-text) 4%, transparent);--token-fill-2: color-mix(in srgb, var(--token-text) 8%, transparent);--token-fill-3: color-mix(in srgb, var(--token-text) 14%, transparent);--token-fill-4: color-mix(in srgb, var(--token-text) 22%, transparent);--token-surface-glass: color-mix(in srgb, var(--token-bg-soft) 82%, transparent);--accent-clay: var(--token-accent);--accent-clay-dark: #b8954b;--accent-clay-light: #e7cf8b;--accent-cold: var(--token-accent-cold);--bg-primary: var(--token-bg);--bg-secondary: var(--token-bg-soft);--bg-tertiary: var(--token-surface);--bg-card: var(--token-bg-soft);--bg-card-muted: var(--token-surface);--bg-panel: var(--token-surface-strong);--bg-hover: var(--token-surface-hover);--text-primary: var(--token-text);--text-secondary: #d8d0c2;--text-tertiary: var(--token-text-muted);--text-muted: var(--token-text-faint);--text-subtle: var(--token-text-faint);--border-subtle: var(--token-line-soft);--border-default: var(--token-line);--border-strong: var(--token-line-strong);--shadow-sm: var(--token-shadow-elevated);--shadow-md: var(--token-shadow-overlay);--color-success: var(--token-success);--color-success-bg: var(--token-success-muted);--color-warning: var(--token-warning);--color-warning-bg: var(--token-warning-muted);--color-error: var(--token-error);--color-error-bg: var(--token-error-muted);--color-info: var(--token-info);--color-info-bg: var(--token-info-muted);--color-pending: var(--token-text-faint);--color-pending-bg: var(--token-bg-soft);--accent-clay-bg: var(--token-accent-subtle);--accent-clay-bg-strong: color-mix(in srgb, var(--token-accent) 16%, transparent);--accent-clay-border: color-mix(in srgb, var(--token-accent) 24%, transparent)}.art{--token-bg: #dce8e3;--token-bg-soft: #ccdcd6;--token-surface: #edf3ee;--token-surface-strong: #d8e6df;--token-line-soft: #b7c9c1;--token-line: #96aaa2;--token-line-strong: #718980;--token-text: #172226;--token-text-muted: #445553;--token-text-faint: #768985;--token-accent: #d66f4f;--token-accent-cold: #4f8f90;--token-glow: rgba(214,111,79,.12);--token-glow-cold: rgba(79,143,144,.07);--token-surface-hover: color-mix(in srgb, var(--token-surface-strong) 88%, var(--token-accent) 12%);--token-accent-subtle: color-mix(in srgb, var(--token-accent) 12%, transparent);--token-accent-glow: color-mix(in srgb, var(--token-accent) 8%, transparent);--token-line-dashed: color-mix(in srgb, var(--token-line-soft) 55%, transparent);--token-overlay-bg: color-mix(in srgb, var(--token-bg) 94%, transparent);--token-on-accent: #ffffff;--token-shadow-elevated: 0 1px 2px rgba(23,34,38,.05), 0 6px 18px rgba(23,34,38,.08);--token-shadow-overlay: 0 2px 5px rgba(23,34,38,.08), 0 12px 32px rgba(23,34,38,.12);--token-success: #5a8c6e;--token-success-muted: rgba(90,140,110,.1);--token-warning: #b67933;--token-warning-muted: rgba(182,121,51,.11);--token-error: #b95e52;--token-error-muted: rgba(185,94,82,.11);--token-info: #568aa0;--token-info-muted: rgba(86,138,160,.11);--token-fill-1: color-mix(in srgb, var(--token-text) 3%, transparent);--token-fill-2: color-mix(in srgb, var(--token-text) 6%, transparent);--token-fill-3: color-mix(in srgb, var(--token-text) 10%, transparent);--token-fill-4: color-mix(in srgb, var(--token-text) 16%, transparent);--token-surface-glass: color-mix(in srgb, var(--token-bg) 84%, transparent);--accent-clay: var(--token-accent);--accent-clay-dark: #b95a3c;--accent-clay-light: #e69a82;--accent-cold: var(--token-accent-cold);--bg-primary: var(--token-bg);--bg-secondary: var(--token-bg-soft);--bg-tertiary: var(--token-surface);--bg-card: var(--token-surface);--bg-card-muted: var(--token-bg-soft);--bg-panel: var(--token-surface-strong);--bg-hover: var(--token-surface-hover);--text-primary: var(--token-text);--text-secondary: var(--token-text-muted);--text-tertiary: #556864;--text-muted: var(--token-text-faint);--text-subtle: var(--token-line-strong);--border-subtle: var(--token-line-soft);--border-default: var(--token-line);--border-strong: var(--token-line-strong);--shadow-sm: var(--token-shadow-elevated);--shadow-md: var(--token-shadow-overlay);--color-success: var(--token-success);--color-success-bg: var(--token-success-muted);--color-warning: var(--token-warning);--color-warning-bg: var(--token-warning-muted);--color-error: var(--token-error);--color-error-bg: var(--token-error-muted);--color-info: var(--token-info);--color-info-bg: var(--token-info-muted);--color-pending: var(--token-text-faint);--color-pending-bg: var(--token-fill-1);--accent-clay-bg: var(--token-accent-subtle);--accent-clay-bg-strong: color-mix(in srgb, var(--token-accent) 14%, transparent);--accent-clay-border: color-mix(in srgb, var(--token-accent) 20%, transparent)}.art.dark{--token-bg: #172521;--token-bg-soft: #1d312c;--token-surface: #263d37;--token-surface-strong: #304a42;--token-line-soft: #35554c;--token-line: #4c7167;--token-line-strong: #659082;--token-text: #edf1e8;--token-text-muted: #c1cabd;--token-text-faint: #7f9188;--token-accent: #d59ab1;--token-accent-cold: #78aaa2;--token-glow: rgba(213,154,177,.1);--token-glow-cold: rgba(120,170,162,.1);--token-surface-hover: color-mix(in srgb, var(--token-surface) 86%, var(--token-accent-cold) 14%);--token-accent-subtle: color-mix(in srgb, var(--token-accent) 12%, transparent);--token-accent-glow: color-mix(in srgb, var(--token-accent) 8%, transparent);--token-line-dashed: color-mix(in srgb, var(--token-line-soft) 60%, transparent);--token-overlay-bg: color-mix(in srgb, var(--token-bg) 92%, transparent);--token-shadow-elevated: 0 1px 2px rgba(0,0,0,.18), 0 8px 22px rgba(0,0,0,.24);--token-shadow-overlay: 0 2px 5px rgba(0,0,0,.24), 0 14px 36px rgba(0,0,0,.32);--token-success: #5ab88a;--token-success-muted: rgba(90,184,138,.12);--token-warning: #c5aa68;--token-warning-muted: rgba(197,170,104,.12);--token-error: #d1847e;--token-error-muted: rgba(209,132,126,.12);--token-info: #78aaa2;--token-info-muted: rgba(120,170,162,.12);--token-fill-1: color-mix(in srgb, var(--token-text) 4%, transparent);--token-fill-2: color-mix(in srgb, var(--token-text) 8%, transparent);--token-fill-3: color-mix(in srgb, var(--token-text) 14%, transparent);--token-fill-4: color-mix(in srgb, var(--token-text) 22%, transparent);--token-surface-glass: color-mix(in srgb, var(--token-bg-soft) 82%, transparent);--accent-clay: var(--token-accent);--accent-clay-dark: #bc7f9a;--accent-clay-light: #e4b7ca;--accent-cold: var(--token-accent-cold);--bg-primary: var(--token-bg);--bg-secondary: var(--token-bg-soft);--bg-tertiary: var(--token-surface);--bg-card: var(--token-bg-soft);--bg-card-muted: var(--token-surface);--bg-panel: var(--token-surface-strong);--bg-hover: var(--token-surface-hover);--text-primary: var(--token-text);--text-secondary: var(--token-text-muted);--text-tertiary: #a5b1aa;--text-muted: var(--token-text-faint);--text-subtle: var(--token-line-strong);--border-subtle: var(--token-line-soft);--border-default: var(--token-line);--border-strong: var(--token-line-strong);--shadow-sm: var(--token-shadow-elevated);--shadow-md: var(--token-shadow-overlay);--color-success: var(--token-success);--color-success-bg: var(--token-success-muted);--color-warning: var(--token-warning);--color-warning-bg: var(--token-warning-muted);--color-error: var(--token-error);--color-error-bg: var(--token-error-muted);--color-info: var(--token-info);--color-info-bg: var(--token-info-muted);--color-pending: var(--token-text-faint);--color-pending-bg: var(--token-fill-1);--accent-clay-bg: var(--token-accent-subtle);--accent-clay-bg-strong: color-mix(in srgb, var(--token-accent) 14%, transparent);--accent-clay-border: color-mix(in srgb, var(--token-accent) 22%, transparent)}.vangogh{--token-bg: #e8ddb2;--token-bg-soft: #d5c58f;--token-surface: #f2e8bd;--token-surface-strong: #decb85;--token-line-soft: #c0ad6e;--token-line: #9f8b53;--token-line-strong: #70623f;--token-text: #1f241b;--token-text-muted: #4a5138;--token-text-faint: #767b57;--token-accent: #1f527c;--token-accent-cold: #476f45;--token-glow: rgba(31,82,124,.09);--token-glow-cold: rgba(71,111,69,.07);--token-surface-hover: color-mix(in srgb, var(--token-surface-strong) 90%, var(--token-accent) 10%);--token-accent-subtle: color-mix(in srgb, var(--token-accent) 10%, transparent);--token-accent-glow: color-mix(in srgb, var(--token-accent) 7%, transparent);--token-line-dashed: color-mix(in srgb, var(--token-line-soft) 60%, transparent);--token-overlay-bg: color-mix(in srgb, var(--token-bg) 94%, transparent);--token-on-accent: #fff3c5;--token-shadow-elevated: 0 1px 2px rgba(31,36,27,.06), 0 7px 20px rgba(31,36,27,.1);--token-shadow-overlay: 0 2px 5px rgba(31,36,27,.09), 0 16px 40px rgba(31,36,27,.15);--token-success: #3f7d50;--token-success-muted: rgba(63,125,80,.12);--token-warning: #a97824;--token-warning-muted: rgba(169,120,36,.12);--token-error: #9c513a;--token-error-muted: rgba(156,81,58,.11);--token-info: #2d638e;--token-info-muted: rgba(45,99,142,.11);--token-fill-1: color-mix(in srgb, var(--token-text) 4%, transparent);--token-fill-2: color-mix(in srgb, var(--token-text) 8%, transparent);--token-fill-3: color-mix(in srgb, var(--token-text) 13%, transparent);--token-fill-4: color-mix(in srgb, var(--token-text) 20%, transparent);--token-surface-glass: color-mix(in srgb, var(--token-surface) 82%, transparent);--accent-clay: var(--token-accent);--accent-clay-dark: #173f64;--accent-clay-light: #5b82a6;--accent-cold: var(--token-accent-cold);--bg-primary: var(--token-bg);--bg-secondary: var(--token-bg-soft);--bg-tertiary: var(--token-surface);--bg-card: var(--token-surface);--bg-card-muted: var(--token-bg-soft);--bg-panel: var(--token-surface-strong);--bg-hover: var(--token-surface-hover);--text-primary: var(--token-text);--text-secondary: var(--token-text-muted);--text-tertiary: #606847;--text-muted: var(--token-text-faint);--text-subtle: var(--token-line-strong);--border-subtle: var(--token-line-soft);--border-default: var(--token-line);--border-strong: var(--token-line-strong);--shadow-sm: var(--token-shadow-elevated);--shadow-md: var(--token-shadow-overlay);--color-success: var(--token-success);--color-success-bg: var(--token-success-muted);--color-warning: var(--token-warning);--color-warning-bg: var(--token-warning-muted);--color-error: var(--token-error);--color-error-bg: var(--token-error-muted);--color-info: var(--token-info);--color-info-bg: var(--token-info-muted);--color-pending: var(--token-text-faint);--color-pending-bg: var(--token-fill-1);--accent-clay-bg: var(--token-accent-subtle);--accent-clay-bg-strong: color-mix(in srgb, var(--token-accent) 16%, transparent);--accent-clay-border: color-mix(in srgb, var(--token-accent) 24%, transparent)}.vangogh.dark{--token-bg: #0f1b2e;--token-bg-soft: #142440;--token-surface: #1a3050;--token-surface-strong: #223a60;--token-line-soft: #1c3455;--token-line: #2a4a75;--token-line-strong: #3a5a8a;--token-text: #f0ece0;--token-text-muted: #c0bcb0;--token-text-faint: #77728b;--token-accent: #e8c840;--token-accent-cold: #4a98b8;--token-glow: rgba(232,200,64,.12);--token-glow-cold: rgba(74,152,184,.08);--token-surface-hover: color-mix(in srgb, var(--token-surface) 88%, var(--token-accent) 12%);--token-accent-subtle: color-mix(in srgb, var(--token-accent) 10%, transparent);--token-accent-glow: color-mix(in srgb, var(--token-accent) 6%, transparent);--token-line-dashed: color-mix(in srgb, var(--token-line-soft) 60%, transparent);--token-overlay-bg: color-mix(in srgb, var(--token-bg) 92%, transparent);--token-on-accent: #101824;--token-shadow-elevated: 0 1px 2px rgba(0,0,0,.14), 0 4px 12px rgba(0,0,0,.2);--token-shadow-overlay: 0 2px 4px rgba(0,0,0,.18), 0 8px 24px rgba(0,0,0,.28);--token-success: #5ab88a;--token-success-muted: rgba(90,184,138,.12);--token-warning: #d4a028;--token-warning-muted: rgba(212,160,40,.12);--token-error: #d06060;--token-error-muted: rgba(208,96,96,.12);--token-info: #6090c0;--token-info-muted: rgba(96,144,192,.12);--token-fill-1: color-mix(in srgb, var(--token-text) 4%, transparent);--token-fill-2: color-mix(in srgb, var(--token-text) 8%, transparent);--token-fill-3: color-mix(in srgb, var(--token-text) 14%, transparent);--token-fill-4: color-mix(in srgb, var(--token-text) 22%, transparent);--token-surface-glass: color-mix(in srgb, var(--token-bg-soft) 82%, transparent);--accent-clay: var(--token-accent);--accent-clay-dark: #c8a830;--accent-clay-light: #f0e070;--accent-cold: var(--token-accent-cold);--bg-primary: var(--token-bg);--bg-secondary: var(--token-bg-soft);--bg-tertiary: var(--token-surface);--bg-card: var(--token-bg-soft);--bg-card-muted: var(--token-surface);--bg-panel: var(--token-surface-strong);--bg-hover: var(--token-surface-hover);--text-primary: var(--token-text);--text-secondary: var(--token-text-muted);--text-tertiary: #a0a098;--text-muted: var(--token-text-faint);--text-subtle: var(--token-line-strong);--border-subtle: var(--token-line-soft);--border-default: var(--token-line);--border-strong: var(--token-line-strong);--shadow-sm: var(--token-shadow-elevated);--shadow-md: var(--token-shadow-overlay);--color-success: var(--token-success);--color-success-bg: var(--token-success-muted);--color-warning: var(--token-warning);--color-warning-bg: var(--token-warning-muted);--color-error: var(--token-error);--color-error-bg: var(--token-error-muted);--color-info: var(--token-info);--color-info-bg: var(--token-info-muted);--color-pending: var(--token-text-faint);--color-pending-bg: var(--token-fill-1);--accent-clay-bg: var(--token-accent-subtle);--accent-clay-bg-strong: color-mix(in srgb, var(--token-accent) 14%, transparent);--accent-clay-border: color-mix(in srgb, var(--token-accent) 22%, transparent)}.ink{--token-bg: #F5F2ED;--token-bg-soft: #EDE9E2;--token-surface: #E8E4DC;--token-surface-strong: #E0DBD2;--token-line-soft: #D4CFC6;--token-line: #B8B2A8;--token-line-strong: #969088;--token-text: #1A1816;--token-text-muted: #5C5854;--token-text-faint: #969088;--token-accent: #5B7A5E;--token-accent-cold: #6B7E8A;--token-glow: rgba(91,122,94,.08);--token-glow-cold: rgba(107,126,138,.04);--token-surface-hover: color-mix(in srgb, var(--token-surface) 94%, var(--token-accent) 6%);--token-accent-subtle: color-mix(in srgb, var(--token-accent) 10%, transparent);--token-accent-glow: color-mix(in srgb, var(--token-accent) 6%, transparent);--token-line-dashed: color-mix(in srgb, var(--token-line-soft) 55%, transparent);--token-overlay-bg: color-mix(in srgb, var(--token-bg) 94%, transparent);--token-on-accent: #ffffff;--token-shadow-elevated: 0 1px 2px rgba(0,0,0,.04), 0 4px 14px rgba(0,0,0,.06);--token-shadow-overlay: 0 2px 4px rgba(0,0,0,.06), 0 10px 28px rgba(0,0,0,.08);--token-success: #5A8E6A;--token-success-muted: rgba(90,142,106,.1);--token-warning: #9A7A3A;--token-warning-muted: rgba(154,122,58,.1);--token-error: #A05048;--token-error-muted: rgba(160,80,72,.1);--token-info: #5A7890;--token-info-muted: rgba(90,120,144,.1);--token-fill-1: color-mix(in srgb, var(--token-text) 3%, transparent);--token-fill-2: color-mix(in srgb, var(--token-text) 6%, transparent);--token-fill-3: color-mix(in srgb, var(--token-text) 10%, transparent);--token-fill-4: color-mix(in srgb, var(--token-text) 16%, transparent);--token-surface-glass: color-mix(in srgb, var(--token-bg) 86%, transparent);--accent-clay: var(--token-accent);--accent-clay-dark: #4A6A4E;--accent-clay-light: #8AA88E;--accent-cold: var(--token-accent-cold);--bg-primary: var(--token-bg);--bg-secondary: var(--token-bg-soft);--bg-tertiary: var(--token-surface);--bg-card: #FCFAF7;--bg-card-muted: var(--token-bg-soft);--bg-panel: var(--token-surface-strong);--bg-hover: var(--token-surface-hover);--text-primary: var(--token-text);--text-secondary: var(--token-text-muted);--text-tertiary: #7A7672;--text-muted: var(--token-text-faint);--text-subtle: var(--token-line-strong);--border-subtle: var(--token-line-soft);--border-default: var(--token-line);--border-strong: var(--token-line-strong);--shadow-sm: var(--token-shadow-elevated);--shadow-md: var(--token-shadow-overlay);--color-success: var(--token-success);--color-success-bg: var(--token-success-muted);--color-warning: var(--token-warning);--color-warning-bg: var(--token-warning-muted);--color-error: var(--token-error);--color-error-bg: var(--token-error-muted);--color-info: var(--token-info);--color-info-bg: var(--token-info-muted);--color-pending: var(--token-text-faint);--color-pending-bg: var(--token-fill-1);--accent-clay-bg: var(--token-accent-subtle);--accent-clay-bg-strong: color-mix(in srgb, var(--token-accent) 14%, transparent);--accent-clay-border: color-mix(in srgb, var(--token-accent) 20%, transparent)}.ink.dark{--token-bg: #131815;--token-bg-soft: #1A201D;--token-surface: #212824;--token-surface-strong: #28302B;--token-line-soft: #2A322D;--token-line: #3A423D;--token-line-strong: #4A524D;--token-text: #F0EEE8;--token-text-muted: #B0AEAA;--token-text-faint: #74726e;--token-accent: #7AA87E;--token-accent-cold: #6A8EA0;--token-glow: rgba(122,168,126,.1);--token-glow-cold: rgba(106,142,160,.05);--token-surface-hover: color-mix(in srgb, var(--token-surface) 90%, var(--token-accent) 10%);--token-accent-subtle: color-mix(in srgb, var(--token-accent) 10%, transparent);--token-accent-glow: color-mix(in srgb, var(--token-accent) 6%, transparent);--token-line-dashed: color-mix(in srgb, var(--token-line-soft) 60%, transparent);--token-overlay-bg: color-mix(in srgb, var(--token-bg) 94%, transparent);--token-on-accent: #ffffff;--token-shadow-elevated: 0 1px 2px rgba(0,0,0,.2), 0 4px 14px rgba(0,0,0,.22);--token-shadow-overlay: 0 2px 4px rgba(0,0,0,.28), 0 10px 30px rgba(0,0,0,.34);--token-success: #6AB080;--token-success-muted: rgba(106,176,128,.12);--token-warning: #B89A45;--token-warning-muted: rgba(184,154,69,.12);--token-error: #C06860;--token-error-muted: rgba(192,104,96,.12);--token-info: #6A98B8;--token-info-muted: rgba(106,152,184,.12);--token-fill-1: color-mix(in srgb, var(--token-text) 4%, transparent);--token-fill-2: color-mix(in srgb, var(--token-text) 8%, transparent);--token-fill-3: color-mix(in srgb, var(--token-text) 14%, transparent);--token-fill-4: color-mix(in srgb, var(--token-text) 22%, transparent);--token-surface-glass: color-mix(in srgb, var(--token-bg-soft) 82%, transparent);--accent-clay: var(--token-accent);--accent-clay-dark: #5A8A62;--accent-clay-light: #A0CAA4;--accent-cold: var(--token-accent-cold);--bg-primary: var(--token-bg);--bg-secondary: var(--token-bg-soft);--bg-tertiary: var(--token-surface);--bg-card: var(--token-bg-soft);--bg-card-muted: var(--token-surface);--bg-panel: var(--token-surface-strong);--bg-hover: var(--token-surface-hover);--text-primary: var(--token-text);--text-secondary: var(--token-text-muted);--text-tertiary: #989692;--text-muted: var(--token-text-faint);--text-subtle: var(--token-line-strong);--border-subtle: var(--token-line-soft);--border-default: var(--token-line);--border-strong: var(--token-line-strong);--shadow-sm: var(--token-shadow-elevated);--shadow-md: var(--token-shadow-overlay);--color-success: var(--token-success);--color-success-bg: var(--token-success-muted);--color-warning: var(--token-warning);--color-warning-bg: var(--token-warning-muted);--color-error: var(--token-error);--color-error-bg: var(--token-error-muted);--color-info: var(--token-info);--color-info-bg: var(--token-info-muted);--color-pending: var(--token-text-faint);--color-pending-bg: var(--token-fill-1);--accent-clay-bg: var(--token-accent-subtle);--accent-clay-bg-strong: color-mix(in srgb, var(--token-accent) 14%, transparent);--accent-clay-border: color-mix(in srgb, var(--token-accent) 22%, transparent)}.retro{--token-bg: #f0f0e8;--token-bg-soft: #e0e0d0;--token-surface: #e8e8dc;--token-surface-strong: #dcdcc8;--token-line-soft: #c0c0a8;--token-line: #a0a088;--token-line-strong: #808068;--token-text: #1a1a1a;--token-text-muted: #4a4a3a;--token-text-faint: #7a7a6a;--token-accent: #d03030;--token-accent-cold: #3030a0;--token-glow: rgba(208,48,48,.1);--token-glow-cold: rgba(48,48,160,.08);--token-surface-hover: color-mix(in srgb, var(--token-surface) 90%, var(--token-accent) 10%);--token-accent-subtle: color-mix(in srgb, var(--token-accent) 12%, transparent);--token-accent-glow: color-mix(in srgb, var(--token-accent) 8%, transparent);--token-line-dashed: color-mix(in srgb, var(--token-line-soft) 55%, transparent);--token-overlay-bg: color-mix(in srgb, var(--token-bg) 92%, transparent);--token-on-accent: #ffffff;--token-shadow-elevated: 2px 2px 0 rgba(26,26,26,.25);--token-shadow-overlay: 3px 3px 0 rgba(26,26,26,.35);--token-success: #30a030;--token-success-muted: rgba(48,160,48,.14);--token-warning: #c8a020;--token-warning-muted: rgba(200,160,32,.14);--token-error: #d03030;--token-error-muted: rgba(208,48,48,.14);--token-info: #3030a0;--token-info-muted: rgba(48,48,160,.14);--token-fill-1: color-mix(in srgb, var(--token-text) 4%, transparent);--token-fill-2: color-mix(in srgb, var(--token-text) 8%, transparent);--token-fill-3: color-mix(in srgb, var(--token-text) 14%, transparent);--token-fill-4: color-mix(in srgb, var(--token-text) 22%, transparent);--token-surface-glass: color-mix(in srgb, var(--token-bg-soft) 88%, transparent);--accent-clay: var(--token-accent);--accent-clay-dark: #a02020;--accent-clay-light: #e06060;--accent-cold: var(--token-accent-cold);--bg-primary: var(--token-bg);--bg-secondary: var(--token-bg-soft);--bg-tertiary: var(--token-surface);--bg-card: var(--token-surface);--bg-card-muted: var(--token-bg-soft);--bg-panel: var(--token-surface-strong);--bg-hover: var(--token-surface-hover);--text-primary: var(--token-text);--text-secondary: var(--token-text-muted);--text-tertiary: #5a5a4a;--text-muted: var(--token-text-faint);--text-subtle: var(--token-line-strong);--border-subtle: var(--token-line-soft);--border-default: var(--token-line);--border-strong: var(--token-line-strong);--shadow-sm: var(--token-shadow-elevated);--shadow-md: var(--token-shadow-overlay);--color-success: var(--token-success);--color-success-bg: var(--token-success-muted);--color-warning: var(--token-warning);--color-warning-bg: var(--token-warning-muted);--color-error: var(--token-error);--color-error-bg: var(--token-error-muted);--color-info: var(--token-info);--color-info-bg: var(--token-info-muted);--color-pending: var(--token-text-faint);--color-pending-bg: var(--token-fill-1);--accent-clay-bg: var(--token-accent-subtle);--accent-clay-bg-strong: color-mix(in srgb, var(--token-accent) 20%, transparent);--accent-clay-border: color-mix(in srgb, var(--token-accent) 24%, transparent)}.retro.dark{--token-bg: #1a1a2e;--token-bg-soft: #222240;--token-surface: #2a2a50;--token-surface-strong: #323260;--token-line-soft: #3a3a70;--token-line: #4a4a90;--token-line-strong: #5a5ab0;--token-text: #e8e8d8;--token-text-muted: #c0c0a8;--token-text-faint: #808070;--token-accent: #ff4040;--token-accent-cold: #5050ff;--token-glow: rgba(255,64,64,.14);--token-glow-cold: rgba(80,80,255,.1);--token-surface-hover: color-mix(in srgb, var(--token-surface) 88%, var(--token-accent) 12%);--token-accent-subtle: color-mix(in srgb, var(--token-accent) 14%, transparent);--token-accent-glow: color-mix(in srgb, var(--token-accent) 10%, transparent);--token-line-dashed: color-mix(in srgb, var(--token-line-soft) 60%, transparent);--token-overlay-bg: color-mix(in srgb, var(--token-bg) 94%, transparent);--token-on-accent: #ffffff;--token-shadow-elevated: 2px 2px 0 rgba(0,0,0,.4);--token-shadow-overlay: 3px 3px 0 rgba(0,0,0,.5);--token-success: #40ff40;--token-success-muted: rgba(64,255,64,.16);--token-warning: #ffff40;--token-warning-muted: rgba(255,255,64,.16);--token-error: #ff4040;--token-error-muted: rgba(255,64,64,.16);--token-info: #5050ff;--token-info-muted: rgba(80,80,255,.16);--token-fill-1: color-mix(in srgb, var(--token-text) 5%, transparent);--token-fill-2: color-mix(in srgb, var(--token-text) 10%, transparent);--token-fill-3: color-mix(in srgb, var(--token-text) 16%, transparent);--token-fill-4: color-mix(in srgb, var(--token-text) 24%, transparent);--token-surface-glass: color-mix(in srgb, var(--token-bg-soft) 82%, transparent);--accent-clay: var(--token-accent);--accent-clay-dark: #d03030;--accent-clay-light: #ff6060;--accent-cold: var(--token-accent-cold);--bg-primary: var(--token-bg);--bg-secondary: var(--token-bg-soft);--bg-tertiary: var(--token-surface);--bg-card: var(--token-bg-soft);--bg-card-muted: var(--token-surface);--bg-panel: var(--token-surface-strong);--bg-hover: var(--token-surface-hover);--text-primary: var(--token-text);--text-secondary: var(--token-text-muted);--text-tertiary: #a0a090;--text-muted: var(--token-text-faint);--text-subtle: var(--token-line-strong);--border-subtle: var(--token-line-soft);--border-default: var(--token-line);--border-strong: var(--token-line-strong);--shadow-sm: var(--token-shadow-elevated);--shadow-md: var(--token-shadow-overlay);--color-success: var(--token-success);--color-success-bg: var(--token-success-muted);--color-warning: var(--token-warning);--color-warning-bg: var(--token-warning-muted);--color-error: var(--token-error);--color-error-bg: var(--token-error-muted);--color-info: var(--token-info);--color-info-bg: var(--token-info-muted);--color-pending: var(--token-text-faint);--color-pending-bg: var(--token-fill-1);--accent-clay-bg: var(--token-accent-subtle);--accent-clay-bg-strong: color-mix(in srgb, var(--token-accent) 16%, transparent);--accent-clay-border: color-mix(in srgb, var(--token-accent) 24%, transparent)}.retro{--token-canvas: var(--token-bg);--token-sidebar: color-mix(in srgb, var(--token-bg-soft) 78%, var(--token-bg) 22%);--token-panel: color-mix(in srgb, var(--token-bg-soft) 52%, var(--token-bg) 48%);--token-card: color-mix(in srgb, var(--token-bg) 80%, var(--token-surface) 20%);--token-card-strong: color-mix(in srgb, var(--token-bg) 66%, var(--token-surface) 34%);--token-control: color-mix(in srgb, var(--token-bg-soft) 62%, var(--token-bg) 38%);--token-control-hover: color-mix(in srgb, var(--token-surface-hover) 52%, var(--token-bg-soft) 48%);--token-outline-soft: color-mix(in srgb, var(--token-line-soft) 82%, var(--token-bg) 18%);--token-outline: color-mix(in srgb, var(--token-line) 84%, var(--token-bg) 16%);--token-outline-strong: color-mix(in srgb, var(--token-line-strong) 86%, var(--token-text) 8%);--token-shadow-card: 2px 2px 0 color-mix(in srgb, var(--token-text) 15%, transparent);--token-shadow-inset: inset 2px 2px 0 color-mix(in srgb, var(--token-surface) 42%, transparent), inset -1px -1px 0 color-mix(in srgb, var(--token-text) 4%, transparent);--token-top-highlight: color-mix(in srgb, var(--token-surface) 36%, transparent)}.retro.dark{--token-canvas: var(--token-bg);--token-sidebar: color-mix(in srgb, var(--token-bg-soft) 86%, var(--token-bg) 14%);--token-panel: color-mix(in srgb, var(--token-bg-soft) 72%, var(--token-bg) 28%);--token-card: color-mix(in srgb, var(--token-surface) 72%, var(--token-bg-soft) 28%);--token-card-strong: color-mix(in srgb, var(--token-surface-strong) 72%, var(--token-surface) 28%);--token-control: color-mix(in srgb, var(--token-bg-soft) 70%, var(--token-bg) 30%);--token-control-hover: color-mix(in srgb, var(--token-surface-hover) 62%, var(--token-bg-soft) 38%);--token-outline-soft: color-mix(in srgb, var(--token-line-soft) 82%, var(--token-bg) 18%);--token-outline: color-mix(in srgb, var(--token-line) 84%, var(--token-text-faint) 8%);--token-outline-strong: color-mix(in srgb, var(--token-line-strong) 86%, var(--token-text-muted) 8%);--token-shadow-card: 2px 2px 0 rgba(0,0,0,.3);--token-shadow-inset: inset 2px 2px 0 color-mix(in srgb, var(--token-text) 6%, transparent), inset -1px -1px 0 rgba(0,0,0,.22);--token-top-highlight: color-mix(in srgb, var(--token-surface) 18%, transparent)}:root{--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px}:root{--token-canvas: var(--token-bg);--token-sidebar: color-mix(in srgb, var(--token-bg-soft) 78%, var(--token-bg) 22%);--token-panel: color-mix(in srgb, var(--token-bg-soft) 52%, var(--token-bg) 48%);--token-card: color-mix(in srgb, var(--token-bg) 80%, var(--token-surface) 20%);--token-card-strong: color-mix(in srgb, var(--token-bg) 66%, var(--token-surface) 34%);--token-control: color-mix(in srgb, var(--token-bg-soft) 62%, var(--token-bg) 38%);--token-control-hover: color-mix(in srgb, var(--token-surface-hover) 52%, var(--token-bg-soft) 48%);--token-outline-soft: color-mix(in srgb, var(--token-line-soft) 82%, var(--token-bg) 18%);--token-outline: color-mix(in srgb, var(--token-line) 84%, var(--token-bg) 16%);--token-outline-strong: color-mix(in srgb, var(--token-line-strong) 86%, var(--token-text) 8%);--token-shadow-card: 0 1px 2px color-mix(in srgb, var(--token-text) 5%, transparent), 0 6px 18px color-mix(in srgb, var(--token-text) 5%, transparent);--token-shadow-inset: inset 0 1px 1px color-mix(in srgb, var(--token-surface) 42%, transparent), inset 0 -1px 1px color-mix(in srgb, var(--token-text) 4%, transparent);--token-top-highlight: color-mix(in srgb, var(--token-surface) 36%, transparent);--token-scrollbar-size: 8px;--token-scrollbar-track: transparent;--token-scrollbar-thumb: color-mix(in srgb, var(--token-text) 16%, transparent);--token-scrollbar-thumb-hover: color-mix(in srgb, var(--token-accent) 50%, transparent);--token-scrollbar-button: transparent}.dark{--token-canvas: var(--token-bg);--token-sidebar: color-mix(in srgb, var(--token-bg-soft) 86%, var(--token-bg) 14%);--token-panel: color-mix(in srgb, var(--token-bg-soft) 72%, var(--token-bg) 28%);--token-card: color-mix(in srgb, var(--token-surface) 72%, var(--token-bg-soft) 28%);--token-card-strong: color-mix(in srgb, var(--token-surface-strong) 72%, var(--token-surface) 28%);--token-control: color-mix(in srgb, var(--token-bg-soft) 70%, var(--token-bg) 30%);--token-control-hover: color-mix(in srgb, var(--token-surface-hover) 62%, var(--token-bg-soft) 38%);--token-outline-soft: color-mix(in srgb, var(--token-line-soft) 82%, var(--token-bg) 18%);--token-outline: color-mix(in srgb, var(--token-line) 84%, var(--token-text-faint) 8%);--token-outline-strong: color-mix(in srgb, var(--token-line-strong) 86%, var(--token-text-muted) 8%);--token-shadow-card: 0 1px 1px rgba(0,0,0,.22), 0 12px 28px rgba(0,0,0,.24);--token-shadow-inset: inset 0 1px 1px color-mix(in srgb, var(--token-text) 6%, transparent), inset 0 -1px 1px rgba(0,0,0,.22);--token-top-highlight: color-mix(in srgb, var(--token-surface) 18%, transparent)}.piano{--token-canvas: var(--token-bg);--token-sidebar: color-mix(in srgb, var(--token-bg-soft) 84%, var(--token-bg) 16%);--token-panel: color-mix(in srgb, var(--token-bg-soft) 68%, var(--token-bg) 32%);--token-card: color-mix(in srgb, var(--token-surface) 56%, var(--token-bg) 44%);--token-card-strong: color-mix(in srgb, var(--token-surface) 72%, var(--token-bg-soft) 28%);--token-control: color-mix(in srgb, var(--token-bg-soft) 74%, var(--token-line-soft) 26%);--token-control-hover: color-mix(in srgb, var(--token-surface-strong) 92%, var(--token-accent) 8%);--token-outline-soft: color-mix(in srgb, var(--token-line-soft) 84%, var(--token-bg) 16%);--token-outline: color-mix(in srgb, var(--token-line) 94%, var(--token-text-muted) 6%);--token-outline-strong: color-mix(in srgb, var(--token-line-strong) 92%, var(--token-text) 8%);--token-shadow-card: 0 1px 1px color-mix(in srgb, var(--token-text) 7%, transparent), 0 9px 24px color-mix(in srgb, var(--token-text) 7%, transparent);--token-shadow-inset: inset 0 1px 1px color-mix(in srgb, var(--token-surface) 70%, transparent), inset 0 -1px 1px color-mix(in srgb, var(--token-text) 5%, transparent);--token-top-highlight: color-mix(in srgb, var(--token-surface) 52%, transparent)}.piano.dark{--token-canvas: var(--token-bg);--token-sidebar: color-mix(in srgb, var(--token-bg-soft) 86%, black 14%);--token-panel: color-mix(in srgb, var(--token-bg-soft) 74%, var(--token-bg) 26%);--token-card: color-mix(in srgb, var(--token-surface) 76%, var(--token-bg-soft) 24%);--token-card-strong: color-mix(in srgb, var(--token-surface-strong) 78%, var(--token-surface) 22%);--token-control: color-mix(in srgb, var(--token-bg-soft) 72%, black 28%);--token-control-hover: color-mix(in srgb, var(--token-surface-strong) 92%, var(--token-accent) 8%);--token-outline-soft: color-mix(in srgb, var(--token-line-soft) 86%, var(--token-bg) 14%);--token-outline: color-mix(in srgb, var(--token-line) 92%, var(--token-accent) 8%);--token-outline-strong: color-mix(in srgb, var(--token-line-strong) 88%, var(--token-accent) 12%);--token-shadow-card: 0 1px 1px rgba(0,0,0,.32), 0 14px 34px rgba(0,0,0,.4);--token-shadow-inset: inset 0 1px 1px color-mix(in srgb, var(--token-text) 8%, transparent), inset 0 -1px 1px rgba(0,0,0,.3);--token-top-highlight: color-mix(in srgb, var(--token-text) 8%, transparent)}.vangogh{--token-canvas: color-mix(in srgb, var(--token-bg) 88%, #f6efd0 12%);--token-sidebar: color-mix(in srgb, var(--token-bg-soft) 78%, var(--token-bg) 22%);--token-panel: color-mix(in srgb, var(--token-bg) 70%, var(--token-bg-soft) 30%);--token-card: color-mix(in srgb, var(--token-bg) 78%, var(--token-surface) 22%);--token-card-strong: color-mix(in srgb, var(--token-bg) 58%, var(--token-surface) 42%);--token-control: color-mix(in srgb, var(--token-bg-soft) 58%, var(--token-bg) 42%);--token-control-hover: color-mix(in srgb, var(--token-surface-strong) 86%, var(--token-accent) 14%);--token-outline-soft: color-mix(in srgb, var(--token-line-soft) 80%, var(--token-bg) 20%);--token-outline: color-mix(in srgb, var(--token-line) 88%, var(--token-accent) 12%);--token-outline-strong: color-mix(in srgb, var(--token-line-strong) 84%, var(--token-accent) 16%);--token-shadow-card: 0 1px 2px color-mix(in srgb, var(--token-text) 5%, transparent), 0 8px 22px color-mix(in srgb, var(--token-text) 7%, transparent);--token-shadow-inset: inset 0 1px 1px color-mix(in srgb, var(--token-surface) 48%, transparent), inset 0 -1px 1px color-mix(in srgb, var(--token-text) 4%, transparent);--token-top-highlight: color-mix(in srgb, var(--token-surface) 30%, transparent)}.vangogh.dark{--token-canvas: var(--token-bg);--token-sidebar: color-mix(in srgb, var(--token-bg-soft) 84%, var(--token-bg) 16%);--token-panel: color-mix(in srgb, var(--token-bg-soft) 72%, var(--token-bg) 28%);--token-card: color-mix(in srgb, var(--token-surface) 72%, var(--token-bg-soft) 28%);--token-card-strong: color-mix(in srgb, var(--token-surface-strong) 76%, var(--token-surface) 24%);--token-control: color-mix(in srgb, var(--token-bg-soft) 70%, var(--token-bg) 30%);--token-control-hover: color-mix(in srgb, var(--token-surface-hover) 74%, var(--token-accent) 8%);--token-outline-soft: color-mix(in srgb, var(--token-line-soft) 82%, var(--token-bg) 18%);--token-outline: color-mix(in srgb, var(--token-line) 84%, var(--token-accent-cold) 8%);--token-outline-strong: color-mix(in srgb, var(--token-line-strong) 84%, var(--token-accent) 10%);--token-shadow-card: 0 1px 1px rgba(0,0,0,.22), 0 12px 28px rgba(0,0,0,.24);--token-shadow-inset: inset 0 1px 1px color-mix(in srgb, var(--token-text) 6%, transparent), inset 0 -1px 1px rgba(0,0,0,.22);--token-top-highlight: color-mix(in srgb, var(--token-surface) 18%, transparent)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-blink{animation:blink 1s step-end infinite}@font-face{font-family:Pixel Retro;src:local("Press Start 2P"),local("VT323"),url(https://fonts.gstatic.com/s/pressstart2p/v15/e3t4euO8T-267oIAQAu6jDQyK3nVivM.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Pixel CJK Fallback;src:local("Zpix"),local("SimSun"),local("Songti SC"),local("STSong"),local("Noto Serif SC"),local("PingFang SC"),local("Microsoft YaHei");font-weight:400;font-style:normal;font-display:swap}:root{--density-space-xs: .25rem;--density-space-sm: .5rem;--density-space-md: .75rem;--density-space-lg: 1rem;--density-input-height-sm: 28px;--density-input-height-md: 36px;--density-input-height-lg: 44px;--density-font-size-xs: 11px;--density-font-size-sm: 12px;--density-font-size-md: 13px;--density-font-size-lg: 14px;--duration-instant: 0ms;--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--ease-linear: linear;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-mono-paper: ui-monospace, SFMono-Regular, "JetBrains Mono", "Courier New", monospace;--font-heading: var(--font-body);--letter-spacing-body: 0;--letter-spacing-heading: 0;--line-height-body: 1.5;--line-height-heading: 1.2}.style-modern{--density-space-xs: .25rem;--density-space-sm: .5rem;--density-space-md: .75rem;--density-space-lg: 1rem;--density-input-height-sm: 28px;--density-input-height-md: 36px;--density-input-height-lg: 44px;--density-font-size-xs: 11px;--density-font-size-sm: 12px;--density-font-size-md: 13px;--density-font-size-lg: 14px;--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--ease-out: cubic-bezier(.16, 1, .3, 1);--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-mono-paper: ui-monospace, SFMono-Regular, "JetBrains Mono", "Courier New", monospace;--font-heading: var(--font-body);--letter-spacing-body: 0;--letter-spacing-heading: 0;--line-height-body: 1.5;--line-height-heading: 1.2}.style-retro{--density-space-xs: .125rem;--density-space-sm: .25rem;--density-space-md: .5rem;--density-space-lg: .75rem;--density-input-height-sm: 24px;--density-input-height-md: 32px;--density-input-height-lg: 40px;--density-font-size-xs: 9px;--density-font-size-sm: 10px;--density-font-size-md: 11px;--density-font-size-lg: 12px;--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--ease-out: linear;--font-body: "Pixel Retro", "Pixel CJK Fallback", "Press Start 2P", "VT323", "SimSun", "Songti SC", "STSong", monospace;--font-mono: "Pixel Retro", "VT323", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-mono-paper: "Pixel Retro", "JetBrains Mono", "Courier New", monospace;--font-heading: "Pixel Retro", "Press Start 2P", "VT323", var(--font-body);--letter-spacing-body: .02em;--letter-spacing-heading: .04em;--line-height-body: 1.5;--line-height-heading: 1.2;--radius-xs: 0px;--radius-sm: 0px;--radius-md: 2px;--radius-lg: 2px;--radius-xl: 2px;--radius-full: 0px;--token-scrollbar-size: 10px;--icen-ring: 2px solid var(--token-accent);--icen-ring-soft: 2px solid var(--token-accent);--icen-ring-error: 2px solid var(--token-error);--icen-ring-success: 2px solid var(--token-success);--icen-press: translate(2px, 2px);--icen-press-soft: translate(1px, 1px);--icen-hover-border: var(--token-accent);--icen-hover-border-strong: var(--token-accent);--icen-control-focus-shadow: inset 2px 2px 0 var(--token-line-soft), inset -1px -1px 0 var(--token-surface-strong);--icen-control-focus-border: var(--token-accent);--icen-control-error-shadow: inset 2px 2px 0 var(--token-line-soft), inset -1px -1px 0 var(--token-surface-strong);image-rendering:pixelated;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}.style-retro body{font-family:"Numeric Math",var(--font-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.style-retro h1,.style-retro h2,.style-retro h3,.style-retro h4,.style-retro h5,.style-retro h6{font-family:var(--font-heading);letter-spacing:var(--letter-spacing-heading);line-height:var(--line-height-heading);text-transform:uppercase}.style-retro .pressable,.style-retro button,.style-retro [role=button],.style-retro input[type=button],.style-retro input[type=submit],.style-retro input[type=reset]{position:relative;border-radius:var(--radius-md);border:2px solid var(--token-line-strong);box-shadow:inset -2px -2px 0 var(--token-line-soft),inset 2px 2px 0 var(--token-surface-strong),2px 2px 0 var(--token-line);transition:all var(--duration-fast) var(--ease-out)}.style-retro .pressable:after,.style-retro button:after{display:none}.style-retro .pressable:hover,.style-retro button:hover,.style-retro [role=button]:hover{border-color:var(--token-accent)}.style-retro .pressable:active,.style-retro button:active,.style-retro [role=button]:active{box-shadow:inset -2px -2px 0 var(--token-line-soft),inset 2px 2px 0 var(--token-surface-strong)}.style-retro .pressable:where(:disabled,[aria-disabled=true],[data-disabled]),.style-retro button:disabled{box-shadow:none;outline:none}.style-retro .control,.style-retro input,.style-retro textarea,.style-retro select{border-radius:var(--radius-md);border:2px solid var(--token-line);background:var(--token-bg);box-shadow:inset 2px 2px 0 var(--token-line-soft),inset -1px -1px 0 var(--token-surface-strong);transition:none}.style-retro .control input:not([type=checkbox]):not([type=radio]),.style-retro .control textarea,.style-retro .control select,.style-retro .control [contenteditable=true]{border-color:transparent!important;box-shadow:none!important;background:transparent!important}.style-retro input:hover,.style-retro textarea:hover,.style-retro select:hover,.style-retro .control:hover{border-color:var(--icen-hover-border)}.style-retro input:focus,.style-retro textarea:focus,.style-retro select:focus,.style-retro input:focus-visible,.style-retro textarea:focus-visible,.style-retro select:focus-visible,.style-retro [contenteditable=true]:focus,.style-retro [contenteditable=true]:focus-visible{outline:none!important;box-shadow:none!important;border-color:transparent!important}.style-retro input::placeholder,.style-retro textarea::placeholder{color:var(--token-text-faint);opacity:.7}.style-retro input[type=checkbox],.style-retro input[type=radio]{appearance:none;width:16px;height:16px;border:2px solid var(--token-line-strong);background:var(--token-bg);box-shadow:inset -2px -2px 0 var(--token-line-soft),inset 2px 2px 0 var(--token-surface-strong);cursor:pointer}.style-retro input[type=checkbox]:checked,.style-retro input[type=radio]:checked{background:var(--token-accent);border-color:var(--token-accent);box-shadow:inset 2px 2px color-mix(in srgb,var(--token-on-accent) 50%,transparent),inset -2px -2px color-mix(in srgb,var(--token-accent-cold) 30%,transparent)}.style-retro input[type=checkbox]:checked:after{content:"";display:block;width:6px;height:10px;margin:1px 0 0 4px;border:solid var(--token-on-accent);border-width:0 2px 2px 0;transform:rotate(45deg)}.style-retro input[type=radio]{border-radius:0}.style-retro input[type=radio]:checked:after{content:"";display:block;width:6px;height:6px;margin:3px;background:var(--token-on-accent)}.style-retro .surface-elevated,.style-retro [class*="shadow-[var(--token-shadow-card)"]{box-shadow:2px 2px 0 var(--token-line);border-width:2px;border-style:solid;border-color:var(--token-line-strong)}.style-retro .lift:hover{transform:none;box-shadow:2px 2px 0 var(--token-accent);border-color:var(--token-accent)}.style-retro *{scrollbar-width:thin;scrollbar-color:var(--token-accent) var(--token-bg-soft)}.style-retro ::-webkit-scrollbar{width:var(--token-scrollbar-size);height:var(--token-scrollbar-size)}.style-retro ::-webkit-scrollbar-track{background:var(--token-bg-soft);border:1px solid var(--token-line)}.style-retro ::-webkit-scrollbar-thumb{background:var(--token-accent);border:1px solid var(--token-line-strong);border-radius:0}.style-retro ::-webkit-scrollbar-thumb:hover{background:var(--token-accent-cold)}.style-retro ::-webkit-scrollbar-button{display:block;width:var(--token-scrollbar-size);height:var(--token-scrollbar-size);background:var(--token-bg-soft);border:1px solid var(--token-line)}.style-retro ::-webkit-scrollbar-button:hover{background:var(--token-accent-subtle)}.style-retro *{caret-color:var(--token-accent)}.style-retro a:hover,.style-retro [role=link]:hover{text-decoration:underline;text-decoration-style:dashed;text-underline-offset:3px}.style-retro .markdown-body img,.style-retro .markdown-body blockquote,.style-retro .markdown-body code,.style-retro .markdown-body pre{border-radius:0}.style-retro .backdrop-blur-sm,.style-retro .backdrop-blur-md,.style-retro .backdrop-blur-xl,.style-retro .backdrop-blur-2xl{backdrop-filter:none;-webkit-backdrop-filter:none}.style-retro .rounded-none{border-radius:0}.style-retro .rounded-sm,.style-retro .rounded,.style-retro .rounded-md,.style-retro .rounded-lg,.style-retro .rounded-xl,.style-retro .rounded-2xl,.style-retro .rounded-3xl{border-radius:var(--radius-md)}.style-retro .shadow-sm,.style-retro .shadow-md,.style-retro .shadow-lg,.style-retro .shadow-xl,.style-retro .shadow-2xl{box-shadow:var(--token-shadow-card)}.style-retro :focus-visible:not(input):not(textarea):not(select):not([contenteditable=true]){outline:2px solid var(--token-accent);outline-offset:-2px;box-shadow:none;border-radius:var(--radius-md)}.style-terminal{--font-body: ui-monospace, SFMono-Regular, "JetBrains Mono", "Courier New", "Noto Sans Mono CJK SC", "SimSun", monospace;--font-mono: ui-monospace, SFMono-Regular, "JetBrains Mono", "Consolas", "Noto Sans Mono CJK SC", monospace;--font-mono-paper: "JetBrains Mono", "Courier New", monospace;--radius-xs: 0px;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-xl: 0px;--radius-full: 0px;--token-scrollbar-size: 8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.style-terminal body{font-family:var(--font-body);line-height:1.4}@font-face{font-family:"Numeric Math";src:local("Cambria Math"),local("STIX Two Math"),local("Latin Modern Math"),local("Asana Math");unicode-range:U+0025-003A,U+00A5,U+2212,U+223C}:root{--font-body: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, "Courier New", monospace;--font-mono: var(--font-body);--font-heading: "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", SimSun, serif;--font-cjk: var(--font-heading);--line-height-body: 1.7;--line-height-heading: 1.2}body{font-family:"Numeric Math",var(--font-body);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"rlig" 1,"calt" 1;font-variant-numeric:lining-nums tabular-nums}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--line-height-heading)}.font-math{font-family:"Numeric Math",math,var(--font-body);font-variant-numeric:lining-nums tabular-nums}:root{--icen-ring: 0 0 0 2px var(--token-bg), 0 0 0 4px color-mix(in srgb, var(--token-accent) 50%, transparent);--icen-ring-soft: 0 0 0 3px color-mix(in srgb, var(--token-accent) 16%, transparent);--icen-ring-error: 0 0 0 2px var(--token-bg), 0 0 0 4px color-mix(in srgb, var(--token-error) 50%, transparent);--icen-ring-success: 0 0 0 2px var(--token-bg), 0 0 0 4px color-mix(in srgb, var(--token-success) 50%, transparent);--icen-hover-border: color-mix(in srgb, var(--token-accent) 30%, var(--token-line));--icen-hover-border-strong: color-mix(in srgb, var(--token-accent) 55%, var(--token-line));--icen-press: translateY(1px) scale(.985);--icen-press-soft: translateY(1px);--icen-disabled-opacity: .5;--icen-control-focus-shadow: var(--token-shadow-inset), 0 0 0 3px color-mix(in srgb, var(--token-accent) 14%, transparent);--icen-control-focus-border: color-mix(in srgb, var(--token-accent) 55%, var(--token-line));--icen-control-error-shadow: var(--token-shadow-inset), 0 0 0 3px color-mix(in srgb, var(--token-error) 16%, transparent);--icen-tx-fast: var(--duration-fast) var(--ease-out);--icen-tx-normal: var(--duration-normal) var(--ease-out);--icen-tx-slow: var(--duration-slow) var(--ease-out);--icen-tx-bounce: var(--duration-normal) var(--ease-bounce)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--token-bg);color:var(--token-text);font-family:"Numeric Math",var(--font-body);font-size:14px;line-height:var(--line-height-body, 1.6);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"rlig" 1,"calt" 1;font-variant-numeric:lining-nums tabular-nums}a{color:var(--token-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{text-decoration:underline;text-underline-offset:3px}a:focus-visible{outline:2px solid var(--token-accent);outline-offset:2px;border-radius:var(--radius-xs)}code,pre{font-family:var(--font-mono);background:var(--token-bg-soft);border-radius:var(--radius-xs)}code{padding:1px 5px}pre{padding:12px 14px;overflow-x:auto}pre code{padding:0;background:none}button{font:inherit;color:inherit}button:disabled{cursor:not-allowed}img,video,svg{max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{margin:0;line-height:var(--line-height-heading, 1.2)}p{margin:0 0 1em}::selection{background:color-mix(in srgb,var(--token-accent) 25%,transparent);color:inherit}.dark ::selection{background:color-mix(in srgb,var(--token-accent) 35%,transparent)}::-webkit-scrollbar{width:var(--token-scrollbar-size);height:var(--token-scrollbar-size)}::-webkit-scrollbar-track{background:var(--token-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--token-scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--token-scrollbar-thumb-hover);background-clip:padding-box}::-webkit-scrollbar-button,::-webkit-scrollbar-button:single-button{display:none;width:0;height:0}::-webkit-scrollbar-corner{background:transparent}html{scrollbar-width:thin;scrollbar-color:var(--token-scrollbar-thumb) var(--token-scrollbar-track)}.dim{color:var(--token-text-muted)}.faint{color:var(--token-text-faint)}.serif{font-family:var(--font-heading)}.numeric{font-family:"Numeric Math",var(--font-mono);font-variant-numeric:lining-nums tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:var(--density-space-sm, 8px);left:var(--density-space-sm, 8px);z-index:var(--z-tooltip);padding:8px 14px;background:var(--token-surface);color:var(--token-text);border:1px solid var(--token-line);border-radius:var(--radius-sm);box-shadow:var(--token-shadow-elevated);transform:translateY(-150%);transition:transform var(--duration-normal) var(--ease-out)}.skip-link:focus{transform:translateY(0);outline:2px solid var(--token-accent);outline-offset:2px}:root{--z-base: 0;--z-raised: 10;--z-sticky: 50;--z-chrome: 200;--z-toast: 400;--z-banner: 450;--z-dialog: 500;--z-popover: 620;--z-tooltip: 700}.pressable{position:relative;overflow:hidden;will-change:transform;-webkit-tap-highlight-color:transparent;transition:background-color var(--icen-tx-normal),border-color var(--icen-tx-normal),box-shadow var(--icen-tx-normal),color var(--icen-tx-normal),opacity var(--icen-tx-normal),transform var(--icen-tx-normal)}.pressable:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--token-surface) 24%,transparent),transparent 46%);transition:opacity var(--icen-tx-normal)}.pressable:hover:after,.pressable:focus-visible:after{opacity:1}.pressable:focus-visible{outline:none;box-shadow:var(--icen-ring)}.pressable:active{transform:var(--icen-press)}.pressable[aria-busy=true],.pressable[data-loading]{cursor:progress;opacity:.7;pointer-events:none}.pressable:disabled,.pressable[aria-disabled=true],.pressable[data-disabled]{transform:none;opacity:var(--icen-disabled-opacity);cursor:not-allowed;pointer-events:none}.pressable:disabled:after,.pressable[aria-disabled=true]:after,.pressable[data-disabled]:after{display:none}.control{transition:background-color var(--icen-tx-normal),border-color var(--icen-tx-normal),box-shadow var(--icen-tx-normal)}.control:hover{border-color:var(--icen-hover-border)}.control:focus-within{box-shadow:var(--icen-control-focus-shadow);border-color:var(--icen-control-focus-border)}.control:where(:has(:invalid),[data-invalid=true]){border-color:var(--token-error)}.control:where(:has(:invalid),[data-invalid=true]):focus-within{box-shadow:var(--icen-control-error-shadow);border-color:var(--token-error)}.control>input:not([type=checkbox]):not([type=radio]):not([type=file]),.control>textarea,.control>select{background:transparent;border:0;outline:none;box-shadow:none}.field{display:flex;flex-direction:column;gap:var(--density-space-xs)}.field-label{font-size:var(--density-font-size-sm);color:var(--token-text-muted);letter-spacing:.02em}.field-hint{font-size:var(--density-font-size-xs);color:var(--token-text-faint)}.field-error{font-size:var(--density-font-size-xs);color:var(--token-error)}.field[data-invalid=true] .field-label{color:var(--token-error)}.lift{transition:border-color var(--icen-tx-slow),box-shadow var(--icen-tx-slow),transform var(--icen-tx-slow)}.lift:hover,.lift:focus-within{transform:translateY(-1px);border-color:color-mix(in srgb,var(--token-accent) 26%,var(--token-outline-soft));box-shadow:var(--token-shadow-card)}.surface-elevated{background:var(--token-surface);border:1px solid var(--token-line-soft);border-radius:var(--radius-md);box-shadow:var(--token-shadow-card)}.focus-ring:focus-visible{outline:none;box-shadow:var(--icen-ring)}@media(prefers-reduced-motion:no-preference){.motion{transition:all var(--icen-tx-normal)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(pointer:coarse){.lift:hover{transform:none}.pressable:active{transform:translateY(0) scale(.99)}}@media(forced-colors:active){.pressable,.control,.lift,.surface-elevated,.focus-ring:focus-visible{forced-color-adjust:none}.focus-ring:focus-visible,.pressable:focus-visible{outline:2px solid Highlight;outline-offset:2px}}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}body{font-size:12pt;line-height:1.4}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")";font-size:90%}pre,blockquote{border:1px solid #999;page-break-inside:avoid}h1,h2,h3{page-break-after:avoid}.pressable,.lift,.surface-elevated{box-shadow:none!important;transform:none!important}}.btn{--btn-bg: var(--token-surface);--btn-fg: var(--token-text);--btn-border: var(--token-line-soft);--btn-bg-hover: var(--token-surface-hover);--btn-border-hover: var(--token-accent);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 var(--density-space-md);height:var(--density-input-height-md);background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--density-font-size-md);font-weight:500;letter-spacing:.01em;white-space:nowrap;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;text-decoration:none;transition:background-color var(--icen-tx-fast),border-color var(--icen-tx-fast),color var(--icen-tx-fast),box-shadow var(--icen-tx-fast),transform var(--icen-tx-fast)}.btn:hover{background:var(--btn-bg-hover);border-color:var(--btn-border-hover)}.btn:active{transform:var(--icen-press-soft)}.btn:focus-visible{outline:none;box-shadow:var(--icen-ring)}.btn:disabled,.btn[aria-disabled=true],.btn[data-disabled],.btn.is-loading{cursor:not-allowed;opacity:var(--icen-disabled-opacity);transform:none;pointer-events:none}.btn-primary{--btn-bg: var(--token-accent);--btn-fg: var(--token-on-accent, #fff);--btn-border: var(--token-accent);--btn-bg-hover: var(--token-accent-deep, color-mix(in srgb, var(--token-accent) 85%, black));--btn-border-hover: var(--token-accent-deep, var(--token-accent))}.btn-primary:hover{box-shadow:var(--token-shadow-elevated)}.btn-danger{--btn-fg: var(--token-error);--btn-border: color-mix(in srgb, var(--token-error) 35%, transparent);--btn-bg: transparent;--btn-bg-hover: var(--token-error);--btn-border-hover: var(--token-error)}.btn-danger:hover{color:var(--token-on-accent, #fff)}.btn-ghost{--btn-bg: transparent;--btn-border: transparent;--btn-bg-hover: var(--token-fill-2);--btn-border-hover: transparent}.btn-link{--btn-bg: transparent;--btn-border: transparent;--btn-fg: var(--token-accent);--btn-bg-hover: transparent;--btn-border-hover: transparent;height:auto;padding:0;border:0;border-radius:0;text-decoration:none}.btn-link:hover{text-decoration:underline;text-underline-offset:3px;background:transparent}.btn-sm{height:var(--density-input-height-sm);padding:0 var(--density-space-sm);font-size:var(--density-font-size-sm);gap:4px}.btn-lg{height:var(--density-input-height-lg);padding:0 var(--density-space-lg);font-size:var(--density-font-size-lg);gap:8px}.btn-icon{width:var(--density-input-height-md);padding:0;gap:0}.btn-icon.btn-sm{width:var(--density-input-height-sm)}.btn-icon.btn-lg{width:var(--density-input-height-lg)}.btn-block{display:flex;width:100%}.btn.is-error{--btn-border: var(--token-error);--btn-border-hover: var(--token-error)}.btn.is-loading{position:relative;color:transparent}.btn.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid color-mix(in srgb,currentColor 35%,transparent);border-top-color:currentColor;border-radius:50%;animation:btn-spin var(--duration-slow) linear infinite;opacity:1;background:none;pointer-events:none}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-icon-start,.btn-icon-end{width:1.1em;height:1.1em;flex-shrink:0}@media(prefers-reduced-motion:reduce){.btn.is-loading:after{animation-duration:1.2s}}.panel-block{background:var(--token-surface);border:1px solid var(--token-line-soft);border-radius:var(--radius-lg);box-shadow:var(--token-shadow-elevated);margin-bottom:var(--density-space-lg);overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:var(--density-space-sm);padding:var(--density-space-sm) var(--density-space-md);border-bottom:1px solid var(--token-line-soft);font-size:var(--density-font-size-xs);letter-spacing:.08em;color:var(--token-text-muted);text-transform:uppercase;font-weight:600}.panel-title>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-title-actions{display:flex;align-items:center;gap:var(--density-space-xs);flex-shrink:0}.panel-body{padding:var(--density-space-md);font-size:var(--density-font-size-md);line-height:1.6}.panel-block--flush .panel-body{padding:0}.panel-foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--density-space-sm);padding:var(--density-space-sm) var(--density-space-md);border-top:1px solid var(--token-line-soft);background:color-mix(in srgb,var(--token-bg-soft) 50%,transparent)}.panel-block--accent{border-color:color-mix(in srgb,var(--token-accent) 30%,transparent)}.panel-block--accent .panel-title{color:var(--token-accent);background:var(--token-accent-subtle)}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px var(--density-space-sm);border-radius:var(--radius-full);font-size:var(--density-font-size-xs);letter-spacing:.02em;font-weight:500;background:var(--token-surface-strong);color:var(--token-text-muted);border:1px solid var(--token-line-soft);white-space:nowrap;vertical-align:middle}.pill.ok{color:var(--token-success);border-color:color-mix(in srgb,var(--token-success) 35%,transparent);background:color-mix(in srgb,var(--token-success) 9%,transparent)}.pill.warn{color:var(--token-warning);border-color:color-mix(in srgb,var(--token-warning) 35%,transparent);background:color-mix(in srgb,var(--token-warning) 9%,transparent)}.pill.bad{color:var(--token-error);border-color:color-mix(in srgb,var(--token-error) 35%,transparent);background:color-mix(in srgb,var(--token-error) 9%,transparent)}.pill.accent{color:var(--token-accent-deep, var(--token-accent));border-color:color-mix(in srgb,var(--token-accent) 40%,transparent);background:color-mix(in srgb,var(--token-accent) 9%,transparent)}.pill.info{color:var(--token-info);border-color:color-mix(in srgb,var(--token-info) 35%,transparent);background:color-mix(in srgb,var(--token-info) 9%,transparent)}.pill--dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:var(--radius-full);background:currentColor;flex-shrink:0}.pill--outline{background:transparent!important}.pill--sm{padding:1px var(--density-space-xs);font-size:10px}.pill--lg{padding:4px calc(var(--density-space-sm) + 2px);font-size:var(--density-font-size-sm)}.pill--solid{background:var(--token-accent);color:var(--token-on-accent, #fff);border-color:var(--token-accent)}.pill--solid.ok{background:var(--token-success);border-color:var(--token-success);color:var(--token-on-accent, #fff)}.pill--solid.warn{background:var(--token-warning);border-color:var(--token-warning);color:var(--token-on-accent, #fff)}.pill--solid.bad{background:var(--token-error);border-color:var(--token-error);color:var(--token-on-accent, #fff)}.pill--solid.info{background:var(--token-info);border-color:var(--token-info);color:var(--token-on-accent, #fff)}.form{display:flex;flex-direction:column;gap:var(--density-space-md)}.form-field{display:flex;flex-direction:column;gap:var(--density-space-xs);margin:0;padding:0;border:0}.form-label{font-size:var(--density-font-size-sm);color:var(--token-text-muted);letter-spacing:.02em;font-weight:500}.form-label .req{color:var(--token-error);margin-left:2px}.form-input,.form-textarea{width:100%;padding:0 var(--density-space-md);height:var(--density-input-height-md);background:var(--token-control);color:var(--token-text);border:1px solid var(--token-outline-soft);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--density-font-size-md);outline:none;transition:border-color var(--icen-tx-fast),box-shadow var(--icen-tx-fast),background-color var(--icen-tx-fast)}.form-textarea{height:auto;min-height:calc(6em + 24px);padding:var(--density-space-sm) var(--density-space-md);line-height:1.5;resize:vertical}.form-input::placeholder,.form-textarea::placeholder{color:color-mix(in srgb,var(--token-text-faint) 60%,transparent)}.form-input:hover,.form-textarea:hover{border-color:var(--icen-hover-border)}.form-input:focus-visible,.form-textarea:focus-visible{border-color:var(--icen-control-focus-border);box-shadow:var(--icen-control-focus-shadow)}.form-input:disabled,.form-textarea:disabled,.form-input[aria-disabled=true],.form-textarea[aria-disabled=true]{opacity:var(--icen-disabled-opacity);cursor:not-allowed;background:var(--token-bg-soft)}.form-input:where(:invalid:not(:placeholder-shown),[data-invalid=true]),.form-textarea:where(:invalid:not(:placeholder-shown),[data-invalid=true]){border-color:var(--token-error)}.form-input:where(:invalid:not(:placeholder-shown),[data-invalid=true]):focus-visible,.form-textarea:where(:invalid:not(:placeholder-shown),[data-invalid=true]):focus-visible{border-color:var(--token-error);box-shadow:var(--icen-control-error-shadow)}.form-input--sm,.form-textarea--sm{height:var(--density-input-height-sm);font-size:var(--density-font-size-sm)}.form-input--lg,.form-textarea--lg{height:var(--density-input-height-lg);font-size:var(--density-font-size-lg)}.form-hint{font-size:var(--density-font-size-xs);color:var(--token-text-faint);line-height:1.4}.form-error{font-size:var(--density-font-size-xs);color:var(--token-error);line-height:1.4}.form-field[data-invalid=true] .form-label{color:var(--token-error)}.banner-ok,.banner-err{display:flex;align-items:flex-start;gap:var(--density-space-sm);padding:var(--density-space-sm) var(--density-space-md);margin-bottom:var(--density-space-md);border-radius:var(--radius-md);font-size:var(--density-font-size-sm);line-height:1.5;border:1px solid transparent}.banner-ok{background:var(--token-success-muted);color:var(--token-success);border-color:color-mix(in srgb,var(--token-success) 25%,transparent)}.banner-err{background:var(--token-error-muted);color:var(--token-error);border-color:color-mix(in srgb,var(--token-error) 25%,transparent)}.banner-block{align-items:center;padding:var(--density-space-md)}@media(prefers-reduced-motion:reduce){.banner-ok,.banner-err{transition:none}}.page-tabs,.admin-tabs{display:flex;gap:2px;flex-wrap:wrap;border-bottom:1px solid var(--token-line-soft);margin-bottom:var(--density-space-lg)}.page-tab{background:none;border:0;cursor:pointer;padding:var(--density-space-sm) var(--density-space-md);font-family:var(--font-mono);font-size:var(--density-font-size-md);letter-spacing:.05em;color:var(--token-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color var(--icen-tx-fast),border-color var(--icen-tx-fast)}.page-tab:hover{color:var(--token-accent)}.page-tab:focus-visible{outline:none;border-radius:var(--radius-sm);box-shadow:var(--icen-ring)}.page-tab.active,.page-tab[aria-selected=true]{color:var(--token-accent);border-bottom-color:var(--token-accent);font-weight:700}.admin-tabs a{padding:var(--density-space-sm) var(--density-space-md);font-size:var(--density-font-size-md);color:var(--token-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;text-decoration:none;transition:color var(--icen-tx-fast),border-color var(--icen-tx-fast)}.admin-tabs a:hover{color:var(--token-accent);text-decoration:none}.admin-tabs a:focus-visible{outline:none;border-radius:var(--radius-sm);box-shadow:var(--icen-ring)}.admin-tabs a.active,.admin-tabs a[aria-current=page]{color:var(--token-accent);border-bottom-color:var(--token-accent)}.page-tabs--cards{border-bottom:0;gap:var(--density-space-xs);margin-bottom:var(--density-space-md)}.page-tabs--cards .page-tab{padding:var(--density-space-xs) var(--density-space-md);border:1px solid var(--token-outline-soft);border-radius:var(--radius-full);margin-bottom:0}.page-tabs--cards .page-tab.active,.page-tabs--cards .page-tab[aria-selected=true]{background:var(--token-accent);color:var(--token-on-accent, #fff);border-color:var(--token-accent);font-weight:500}.page-tabs--equal .page-tab,.admin-tabs--equal a{flex:1;text-align:center}@media(prefers-reduced-motion:reduce){.page-tab,.admin-tabs a{transition:none}}.toast-container{position:fixed;right:var(--density-space-md);bottom:var(--density-space-md);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--density-space-sm);align-items:flex-end;pointer-events:none}.toast{pointer-events:auto;display:inline-flex;align-items:center;gap:var(--density-space-sm);background:var(--token-surface);color:var(--token-text);border:1px solid var(--token-line-soft);border-left:3px solid var(--token-line-strong);border-radius:var(--radius-sm);box-shadow:var(--token-shadow-overlay);padding:var(--density-space-sm) var(--density-space-md);font-size:var(--density-font-size-md);line-height:1.4;max-width:380px;animation:icen-toast-in var(--icen-tx-slow)}.toast.ok{border-left-color:var(--token-success)}.toast.err{border-left-color:var(--token-error)}.toast.warn{border-left-color:var(--token-warning)}.toast-msg{flex:1;min-width:0;word-break:break-word}.toast-action{flex-shrink:0;padding:0;background:none;border:0;cursor:pointer;color:var(--token-accent);font:inherit;font-size:var(--density-font-size-sm);font-weight:500;text-decoration:underline;text-underline-offset:3px;-webkit-tap-highlight-color:transparent;transition:color var(--icen-tx-fast)}.toast-action:hover{color:var(--token-accent-deep, var(--token-accent))}.toast-action:focus-visible{outline:none;border-radius:var(--radius-xs);box-shadow:var(--icen-ring)}.toast.leaving{opacity:0;transform:translateY(8px);transition:opacity var(--icen-tx-normal),transform var(--icen-tx-normal)}@keyframes icen-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.toast-container{right:var(--density-space-sm);bottom:var(--density-space-sm);left:var(--density-space-sm);align-items:stretch}.toast{max-width:none}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}:root{--bg: var(--token-bg);--panel: var(--token-surface);--panel-2: var(--token-surface-strong);--line: var(--token-line-soft);--text: var(--token-text);--dim: var(--token-text-muted);--faint: var(--token-text-faint);--accent: var(--token-accent);--accent-deep: var(--token-accent-deep);--code-bg: #f0eee6;--c-green: var(--token-success);--c-yellow: var(--token-warning);--c-red: var(--token-error);--font-mono: var(--font-mono);--font-cjk: var(--font-heading)}body{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.wrap{max-width:720px;margin:0 auto;padding:0 20px}.topbar{border-bottom:1px solid var(--line);background:var(--panel)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:56px}.brand{display:flex;align-items:baseline;gap:10px;color:var(--text)}.brand:hover{text-decoration:none}.brand-mark{color:var(--accent);font-size:12px;letter-spacing:4px;font-weight:700}.brand-name{font-family:var(--font-cjk);font-size:17px}.topnav{display:flex;align-items:center;gap:18px;font-size:12px;letter-spacing:1px}.topnav a{color:var(--dim)}.topnav a:hover{color:var(--accent);text-decoration:none}.theme-toggle{background:none;border:1px solid var(--line);border-radius:99px;color:var(--dim);font-family:var(--font-mono);font-size:11px;padding:3px 12px;cursor:pointer;letter-spacing:1px}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.footer{border-top:1px solid var(--line);margin-top:64px}.footer-inner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px;color:var(--faint);font-size:11.5px}.app-page{padding:56px 0 24px}.app-title{font-size:26px;font-weight:700;margin:0 0 28px;font-family:var(--font-cjk)}.app-sub{color:var(--dim);font-size:13px;margin:-18px 0 28px;font-family:var(--font-cjk)}.app-pad{padding:20px}.app-status{padding:20px;color:var(--dim)}.app-dim{color:var(--faint);font-size:12.5px}.app-actions{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}.auth-card{padding:28px 24px}.auth-links{display:flex;justify-content:space-between;margin-top:18px;font-size:12.5px}.auth-alt{color:var(--dim)}.auth-alt:hover{color:var(--accent)}.steps{display:flex;gap:8px;margin-bottom:24px}.steps .step{flex:1;height:3px;border-radius:2px;background:var(--line)}.steps .step.active{background:var(--accent)}.meta-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid var(--line)}.meta-row:last-child{border-bottom:0}.meta-key{color:var(--faint);font-size:12px;flex-shrink:0}.meta-val{font-size:13.5px;word-break:break-all;text-align:right}.key-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.key-display{font-size:18px;letter-spacing:.12em;background:var(--code-bg);border:1px solid rgba(217,119,87,.3);border-radius:8px;padding:10px 16px;color:var(--accent-deep)}.key-once{background:#d977570f;border:1px dashed rgba(217,119,87,.5);border-radius:10px;padding:16px 18px;margin-bottom:14px}.key-once .key-once-tip{color:var(--accent-deep);font-size:12px;margin-top:10px;font-family:var(--font-cjk)}.copy-btn{background:none;border:1px solid var(--line);border-radius:6px;color:var(--dim);font-family:var(--font-mono);font-size:11px;padding:5px 12px;cursor:pointer;letter-spacing:1px}.copy-btn:hover{border-color:var(--accent);color:var(--accent)}.copy-btn.done{color:var(--c-green);border-color:#3d8a5a66}.hero{padding:88px 0 40px;text-align:center}.hero-mark{color:var(--accent);font-size:13px;letter-spacing:6px}.hero-title{font-family:var(--font-cjk);font-size:clamp(34px,6vw,48px);margin:14px 0 12px;line-height:1.2}.hero-sub{color:var(--dim);font-family:var(--font-cjk);font-size:14.5px;max-width:520px;margin:0 auto 32px}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:48px}.feat-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px 20px}.feat-card h3{font-family:var(--font-cjk);font-size:15.5px;margin:0 0 8px}.feat-card p{color:var(--dim);font-size:12.5px;margin:0;font-family:var(--font-cjk)}.feat-tag{color:var(--accent);font-size:10.5px;letter-spacing:2px}.mono{font-family:var(--font-mono)}@media(max-width:640px){.hero{padding:56px 0 32px}.meta-row{flex-direction:column;gap:2px}.meta-val{text-align:left}}.oauth-sep{display:flex;align-items:center;gap:12px;margin:22px 0 14px;color:var(--faint);font-size:12px;letter-spacing:1px}.oauth-sep:before,.oauth-sep:after{content:"";flex:1;border-top:1px solid var(--line)}.oauth-row{display:flex;flex-direction:column;gap:10px}.oauth-row .btn{text-align:center}.banner-ok{background:#3d8a5a14;color:var(--c-green);border:1px solid rgba(61,138,90,.25);border-radius:8px;padding:10px 14px;font-size:12.5px;margin-bottom:20px;font-family:var(--font-cjk)}.banner-err{background:#c0392b12;color:var(--c-red);border:1px solid rgba(192,57,43,.25);border-radius:8px;padding:10px 14px;font-size:12.5px;margin-bottom:20px;font-family:var(--font-cjk)}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:24px}.plan-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #1f1e1d0d;padding:22px 20px;display:flex;flex-direction:column}.plan-card h3{font-family:var(--font-cjk);font-size:16.5px;margin:0 0 6px}.plan-card .plan-desc{color:var(--dim);font-size:12.5px;margin:0 0 14px;font-family:var(--font-cjk)}.plan-price{color:var(--accent);font-size:26px;font-weight:700;margin-bottom:4px}.plan-price .plan-interval{color:var(--faint);font-size:12px;font-weight:400;margin-left:6px}.plan-grants{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 16px}.plan-card .plan-buy{margin-top:auto}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.list-row:last-child{border-bottom:0}.list-main{min-width:0}.list-sub{color:var(--faint);font-size:12px;margin-top:2px;word-break:break-all}.list-side{display:flex;align-items:center;gap:10px;flex-shrink:0}.danger-zone{border:1px solid rgba(192,57,43,.35)}.danger-zone .panel-title{color:var(--c-red);border-bottom-color:#c0392b33}.danger-tip{color:var(--c-red);font-size:12.5px;font-family:var(--font-cjk)}.avatar-img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}.profile-hero{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #1f1e1d0d;padding:22px 24px;margin-bottom:24px}.profile-hero-avatar{flex-shrink:0}.profile-avatar-img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:1px solid var(--line);display:block}.profile-avatar-fallback{width:64px;height:64px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700}.profile-hero-main{flex:1;min-width:200px}.profile-hero-name{font-family:var(--font-cjk);font-size:21px;font-weight:700;line-height:1.3}.profile-hero-meta{color:var(--faint);font-size:12.5px;margin-top:2px}.profile-hero-email{color:var(--dim);font-size:12.5px;margin-top:6px}.profile-hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-left:auto}.profile-hero-side-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.profile-hero-created{color:var(--faint);font-size:11.5px}@media(max-width:640px){.profile-hero{align-items:flex-start}.profile-hero-side{align-items:flex-start;margin-left:0}.profile-hero-side-meta{justify-content:flex-start}}.ov-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:24px}.ov-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #1f1e1d0d;padding:16px 18px}.ov-label{color:var(--faint);font-size:11px;letter-spacing:1px}.ov-value{font-size:15.5px;font-weight:700;margin:6px 0 3px;word-break:break-all}.ov-sub{color:var(--dim);font-size:12px}.todo-card{background:var(--panel);border:1px solid rgba(184,134,11,.45);border-radius:12px;margin-bottom:24px;overflow:hidden}.todo-title{padding:12px 20px;border-bottom:1px solid rgba(184,134,11,.25);color:var(--c-yellow);font-size:12px;letter-spacing:2px}.todo-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;border-bottom:1px solid var(--line);font-size:13px;flex-wrap:wrap}.todo-row:last-child{border-bottom:0}.sysinfo-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;border-bottom:1px solid var(--line);font-size:13px;flex-wrap:wrap}.sysinfo-label{color:var(--faint);font-size:12px;flex-shrink:0}