:root{--primary-hue: 240;--secondary-hue: 300;--accent-hue: 180;--success-hue: 120;--warning-hue: 45;--danger-hue: 0;--primary: hsl(var(--primary-hue), 100%, 67%);--primary-light: hsl(var(--primary-hue), 100%, 80%);--primary-dark: hsl(var(--primary-hue), 100%, 50%);--secondary: hsl(var(--secondary-hue), 100%, 67%);--accent: hsl(var(--accent-hue), 100%, 67%);--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .12);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);--dark-glass-bg: rgba(0, 0, 0, .15);--dark-glass-border: rgba(255, 255, 255, .08);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--gold-50: #fffbeb;--gold-100: #fef3c7;--gold-200: #fde68a;--gold-300: #fcd34d;--gold-400: #fbbf24;--gold-500: #f59e0b;--gold-600: #d97706;--gold-700: #b45309;--gold-gradient-primary: linear-gradient(135deg, #fbbf24, #f59e0b);--gold-gradient-secondary: linear-gradient(135deg, #f59e0b, #d97706);--gold-gradient-light: linear-gradient(135deg, #fcd34d, #fbbf24);--gold-border-subtle: rgba(251, 191, 36, .15);--gold-border-light: rgba(251, 191, 36, .25);--gold-border-medium: rgba(251, 191, 36, .4);--gold-glow: 0 0 20px rgba(251, 191, 36, .3);--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--bg-primary-rgb: 10, 10, 10;--bg-secondary-rgb: 26, 26, 26;--bg-tertiary-rgb: 42, 42, 42;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--text-muted: rgba(255, 255, 255, .4);--text-primary-rgb: 255, 255, 255;--surface-rgb: 255, 255, 255;--border-primary: rgba(255, 255, 255, .15);--border-secondary: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .05);--progress-track-bg: rgba(255, 255, 255, .08);--shadow-card: 0 4px 15px rgba(0, 0, 0, .3);--shadow-elevated: 0 8px 30px rgba(0, 0, 0, .4);--shadow-glow: 0 8px 25px rgba(255, 255, 255, .1);--shadow-glow-sm: 0 4px 15px rgba(255, 255, 255, .1);--gold-primary: #FFD700;--gold-secondary: #FFA500;--gold-primary-rgb: 255, 215, 0;--gold-secondary-rgb: 255, 165, 0;--lx-gold-text: var(--gold-primary, #FFD700);--bg-surface: rgba(255, 255, 255, .05);--bg-surface-hover: rgba(255, 255, 255, .08);--bg-surface-active: rgba(255, 255, 255, .12);--bg-surface-elevated: rgba(30, 30, 30, .98);--bg-overlay: rgba(0, 0, 0, .7);--bg-card: rgba(255, 255, 255, .05);--color-success: #22c55e;--color-success-rgb: 34, 197, 94;--color-warning: #eab308;--color-warning-rgb: 234, 179, 8;--color-danger: #ef4444;--color-danger-rgb: 239, 68, 68;--color-info: #6366f1;--color-info-rgb: 99, 102, 241;--text-on-gold: #000000;--bg-elevated: #1f1f1f;--bg-gradient: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #2a2a2a 100%);--loading-bg: rgba(0, 0, 0, .7);--loading-content-bg: rgba(30, 30, 30, .95);--scrollbar-track: rgba(255, 255, 255, .1);--scrollbar-thumb: rgba(255, 255, 255, .3);--scrollbar-thumb-hover: rgba(255, 255, 255, .5);--chart-line-color: rgba(139, 92, 246, 1);--chart-line-bg: rgba(139, 92, 246, .1);--chart-pie-1: rgba(139, 92, 246, .8);--chart-pie-2: rgba(236, 72, 153, .8);--chart-pie-3: rgba(249, 115, 22, .8);--chart-pie-4: rgba(34, 197, 94, .8);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--tutorial-media-bg: #000;--color-success-darker: #16a34a;--gold-accent-rgb: 255, 193, 7;--updated-badge-bg-rgb: 59, 130, 246;--updated-badge-text: #60a5fa;--badge-text-on-cap-gradient: #ffffff;--badge-text-shadow-on-cap-gradient: 0 1px 2px rgba(0, 0, 0, .25);--badge-fallback-gradient: linear-gradient(135deg, #6366f1, #8b5cf6);--wb-connector-default: #555555;--wb-embed-placeholder-text: #888888}[data-theme=light]{--bg-primary: #f8f9fa;--bg-secondary: #f0f0f5;--bg-tertiary: #e8e8ed;--bg-primary-rgb: 248, 249, 250;--bg-secondary-rgb: 240, 240, 245;--bg-tertiary-rgb: 232, 232, 237;--text-primary: #1a1a2e;--text-secondary: rgba(26, 26, 46, .7);--text-tertiary: rgba(26, 26, 46, .5);--text-muted: rgba(26, 26, 46, .4);--text-primary-rgb: 26, 26, 46;--surface-rgb: 0, 0, 0;--border-primary: rgba(0, 0, 0, .12);--border-secondary: rgba(0, 0, 0, .08);--border-subtle: rgba(0, 0, 0, .04);--progress-track-bg: rgba(0, 0, 0, .15);--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(0, 0, 0, .1);--dark-glass-bg: rgba(0, 0, 0, .04);--dark-glass-border: rgba(0, 0, 0, .08);--shadow-card: 0 4px 15px rgba(0, 0, 0, .08);--shadow-elevated: 0 8px 30px rgba(0, 0, 0, .12);--shadow-glow: 0 8px 25px rgba(0, 0, 0, .08);--shadow-glow-sm: 0 4px 15px rgba(0, 0, 0, .06);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .06);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .06);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .1);--gold-primary-rgb: 180, 83, 9;--gold-secondary-rgb: 217, 119, 6;--gold-border-subtle: rgba(180, 83, 9, .15);--gold-border-light: rgba(180, 83, 9, .25);--gold-border-medium: rgba(180, 83, 9, .4);--gold-glow: 0 0 20px rgba(180, 83, 9, .15);--lx-gold-text: #b45309;--bg-surface: rgba(0, 0, 0, .03);--bg-surface-hover: rgba(0, 0, 0, .06);--bg-surface-active: rgba(0, 0, 0, .09);--bg-surface-elevated: rgba(255, 255, 255, .98);--bg-overlay: rgba(0, 0, 0, .5);--bg-card: rgba(255, 255, 255, .8);--color-success: #16a34a;--color-success-rgb: 22, 163, 74;--color-warning: #ca8a04;--color-warning-rgb: 202, 138, 4;--color-danger: #dc2626;--color-danger-rgb: 220, 38, 38;--color-info: #4f46e5;--color-info-rgb: 79, 70, 229;--text-on-gold: #000000;--bg-elevated: #ffffff;--bg-gradient: linear-gradient(135deg, #f8f9fa 0%, #f0f0f5 50%, #e8e8ed 100%);--loading-bg: rgba(255, 255, 255, .7);--loading-content-bg: rgba(255, 255, 255, .95);--scrollbar-track: rgba(0, 0, 0, .05);--scrollbar-thumb: rgba(0, 0, 0, .2);--scrollbar-thumb-hover: rgba(0, 0, 0, .35);--chart-line-color: rgba(109, 40, 217, 1);--chart-line-bg: rgba(109, 40, 217, .1);--chart-pie-1: rgba(109, 40, 217, .8);--chart-pie-2: rgba(219, 39, 119, .8);--chart-pie-3: rgba(234, 88, 12, .8);--chart-pie-4: rgba(22, 163, 74, .8);--tutorial-media-bg: #f0f0f0;--color-success-darker: #15803d;--gold-accent-rgb: 217, 119, 6;--updated-badge-bg-rgb: 37, 99, 235;--updated-badge-text: #1d4ed8;--wb-embed-placeholder-text: #5a5a5a}[data-theme=wood]{--bg-primary: #1a1a18;--bg-secondary: #1e2a24;--bg-tertiary: #2a2520;--bg-primary-rgb: 26, 26, 24;--bg-secondary-rgb: 30, 42, 36;--bg-tertiary-rgb: 42, 37, 32;--text-primary: #e8dcc8;--text-secondary: rgba(232, 220, 200, .7);--text-tertiary: rgba(232, 220, 200, .45);--text-muted: rgba(232, 220, 200, .35);--text-primary-rgb: 232, 220, 200;--surface-rgb: 200, 149, 106;--border-primary: #3a3228;--border-secondary: #2e2822;--border-subtle: rgba(200, 149, 106, .08);--progress-track-bg: rgba(232, 220, 200, .1);--glass-bg: rgba(42, 37, 32, .6);--glass-border: rgba(200, 149, 106, .12);--dark-glass-bg: rgba(26, 26, 24, .3);--dark-glass-border: rgba(200, 149, 106, .08);--shadow-card: 0 2px 8px rgba(20, 12, 6, .4);--shadow-elevated: 0 4px 16px rgba(20, 12, 6, .5);--shadow-glow: 0 8px 25px rgba(200, 149, 106, .15);--shadow-glow-sm: 0 4px 15px rgba(200, 149, 106, .1);--shadow-sm: 0 2px 8px rgba(20, 12, 6, .4);--shadow-md: 0 4px 16px rgba(20, 12, 6, .5);--shadow-lg: 0 8px 32px rgba(20, 12, 6, .6);--shadow-xl: 0 20px 25px rgba(20, 12, 6, .5);--shadow-2xl: 0 25px 50px rgba(20, 12, 6, .6);--gold-primary: #c8956a;--gold-secondary: #d4a87a;--gold-primary-rgb: 200, 149, 106;--gold-secondary-rgb: 212, 168, 122;--gold-border-subtle: rgba(200, 149, 106, .15);--gold-border-light: rgba(200, 149, 106, .25);--gold-border-medium: rgba(200, 149, 106, .4);--gold-glow: 0 0 20px rgba(200, 149, 106, .25);--lx-gold-text: var(--gold-primary, #c8956a);--bg-surface: rgba(200, 149, 106, .05);--bg-surface-hover: rgba(200, 149, 106, .08);--bg-surface-active: rgba(200, 149, 106, .12);--bg-surface-elevated: rgba(42, 37, 32, .98);--bg-overlay: rgba(20, 12, 6, .7);--bg-card: rgba(42, 37, 32, .8);--color-success: #2d8659;--color-success-rgb: 45, 134, 89;--color-warning: #d4a87a;--color-warning-rgb: 212, 168, 122;--color-danger: #c0392b;--color-danger-rgb: 192, 57, 43;--color-info: #7a8bb5;--color-info-rgb: 122, 139, 181;--text-on-gold: #1a1a18;--bg-elevated: #2a2520;--bg-gradient: linear-gradient(135deg, #1a1a18 0%, #1e2a24 50%, #2a2520 100%);--loading-bg: rgba(26, 26, 24, .7);--loading-content-bg: rgba(42, 37, 32, .95);--scrollbar-track: rgba(200, 149, 106, .1);--scrollbar-thumb: rgba(200, 149, 106, .3);--scrollbar-thumb-hover: rgba(200, 149, 106, .5);--wood-grain-main: repeating-linear-gradient( 85deg, rgba(200, 149, 106, .04) 0px, transparent 2px, transparent 6px ), repeating-linear-gradient( 82deg, rgba(200, 149, 106, .025) 0px, transparent 1px, transparent 10px ), repeating-linear-gradient( 78deg, rgba(200, 149, 106, .015) 0px, transparent 1px, transparent 20px );--wood-grain-card: repeating-linear-gradient( 83deg, rgba(200, 149, 106, .03) 0px, transparent 1px, transparent 5px ), radial-gradient( ellipse at 70% 30%, rgba(200, 149, 106, .05) 0%, transparent 50% );--wood-grain-sidebar: repeating-linear-gradient( 88deg, rgba(200, 149, 106, .03) 0px, transparent 1px, transparent 4px ), radial-gradient( ellipse at 30% 70%, rgba(200, 149, 106, .07) 0%, transparent 60% );--wood-grain-subtle: repeating-linear-gradient( 85deg, rgba(200, 149, 106, .025) 0px, transparent 1px, transparent 7px ), repeating-linear-gradient( 80deg, rgba(200, 149, 106, .015) 0px, transparent 1px, transparent 15px );--wood-border-gradient: linear-gradient(90deg, #3a2820, #c8956a, #5a3d2e, #d4a87a, #5a3d2e, #c8956a, #3a2820);--wood-divider-gradient: linear-gradient(90deg, transparent, rgba(200, 149, 106, .15), transparent);--chart-line-color: rgba(200, 149, 106, 1);--chart-line-bg: rgba(200, 149, 106, .1);--chart-pie-1: rgba(200, 149, 106, .8);--chart-pie-2: rgba(212, 168, 122, .8);--chart-pie-3: rgba(168, 115, 78, .8);--chart-pie-4: rgba(139, 92, 60, .8);--tutorial-media-bg: #1a0e00;--color-success-darker: #1e5f40;--gold-accent-rgb: 212, 168, 122;--updated-badge-bg-rgb: 122, 139, 181;--updated-badge-text: #7a8bb5;--wb-connector-default: #9a8f80}[data-theme=sakura_night]{--bg-primary: #1a1019;--bg-secondary: #261a28;--bg-tertiary: #33243a;--bg-primary-rgb: 26, 16, 25;--bg-secondary-rgb: 38, 26, 40;--bg-tertiary-rgb: 51, 36, 58;--text-primary: #f5e6ee;--text-secondary: rgba(245, 230, 238, .7);--text-tertiary: rgba(245, 230, 238, .5);--text-muted: rgba(245, 230, 238, .4);--text-primary-rgb: 245, 230, 238;--surface-rgb: 255, 220, 233;--border-primary: rgba(255, 200, 220, .15);--border-secondary: rgba(255, 200, 220, .08);--border-subtle: rgba(255, 200, 220, .05);--progress-track-bg: rgba(255, 220, 233, .1);--glass-bg: rgba(255, 220, 233, .06);--glass-border: rgba(255, 200, 220, .12);--dark-glass-bg: rgba(15, 8, 14, .3);--dark-glass-border: rgba(255, 200, 220, .08);--shadow-card: 0 4px 15px rgba(15, 8, 14, .5);--shadow-elevated: 0 8px 30px rgba(15, 8, 14, .6);--shadow-glow: 0 8px 25px rgba(255, 157, 196, .15);--shadow-glow-sm: 0 4px 15px rgba(255, 157, 196, .1);--shadow-sm: 0 2px 8px rgba(15, 8, 14, .4);--shadow-md: 0 4px 16px rgba(15, 8, 14, .5);--shadow-lg: 0 8px 32px rgba(15, 8, 14, .6);--shadow-xl: 0 20px 25px rgba(15, 8, 14, .5);--shadow-2xl: 0 25px 50px rgba(15, 8, 14, .6);--gold-primary: #ff9dc4;--gold-secondary: #f06595;--gold-primary-rgb: 255, 157, 196;--gold-secondary-rgb: 240, 101, 149;--gold-border-subtle: rgba(255, 157, 196, .15);--gold-border-light: rgba(255, 157, 196, .25);--gold-border-medium: rgba(255, 157, 196, .4);--gold-glow: 0 0 20px rgba(255, 157, 196, .3);--lx-gold-text: var(--gold-primary, #ff9dc4);--gold-gradient-primary: linear-gradient(135deg, #ffb3d1, #ff7eb0);--gold-gradient-secondary: linear-gradient(135deg, #ff7eb0, #f06595);--gold-gradient-light: linear-gradient(135deg, #ffd0e2, #ffb3d1);--bg-surface: rgba(255, 220, 233, .05);--bg-surface-hover: rgba(255, 220, 233, .08);--bg-surface-active: rgba(255, 220, 233, .12);--bg-surface-elevated: rgba(40, 28, 44, .98);--bg-overlay: rgba(15, 8, 14, .7);--bg-card: rgba(40, 28, 44, .8);--color-success: #57c98c;--color-success-rgb: 87, 201, 140;--color-warning: #efc05a;--color-warning-rgb: 239, 192, 90;--color-danger: #e5484d;--color-danger-rgb: 229, 72, 77;--color-info: #9d8df1;--color-info-rgb: 157, 141, 241;--text-on-gold: #2a1424;--bg-elevated: #281c2c;--bg-gradient: linear-gradient(135deg, #1a1019 0%, #261a28 50%, #33243a 100%);--loading-bg: rgba(15, 8, 14, .7);--loading-content-bg: rgba(40, 28, 44, .95);--scrollbar-track: rgba(255, 220, 233, .1);--scrollbar-thumb: rgba(255, 157, 196, .3);--scrollbar-thumb-hover: rgba(255, 157, 196, .5);--sakura-petal-card: radial-gradient(ellipse 8px 5px at 18% 24%, rgba(255, 157, 196, .06), transparent 62%), radial-gradient(ellipse 7px 4px at 72% 38%, rgba(255, 180, 210, .05), transparent 62%), radial-gradient(ellipse 7px 4px at 46% 80%, rgba(255, 157, 196, .045), transparent 62%);--sakura-petal-main: radial-gradient(ellipse 10px 6px at 12% 18%, rgba(255, 157, 196, .05), transparent 60%), radial-gradient(ellipse 8px 5px at 64% 30%, rgba(255, 180, 210, .04), transparent 60%), radial-gradient(ellipse 9px 5px at 38% 72%, rgba(255, 157, 196, .035), transparent 60%), radial-gradient(ellipse 8px 5px at 86% 78%, rgba(255, 180, 210, .04), transparent 60%);--sakura-petal-sidebar: radial-gradient(ellipse 8px 5px at 30% 20%, rgba(255, 157, 196, .05), transparent 60%), radial-gradient(ellipse 7px 4px at 60% 68%, rgba(255, 180, 210, .04), transparent 60%);--sakura-petal-subtle: radial-gradient(ellipse 7px 4px at 25% 30%, rgba(255, 157, 196, .03), transparent 60%), radial-gradient(ellipse 6px 4px at 65% 70%, rgba(255, 180, 210, .025), transparent 60%);--sakura-divider-gradient: linear-gradient(90deg, transparent, rgba(255, 157, 196, .18), transparent);--sakura-border-gradient: linear-gradient(90deg, #2a1424, #ff9dc4, #4a2838, #f06595, #4a2838, #ff9dc4, #2a1424);--chart-line-color: rgba(255, 157, 196, 1);--chart-line-bg: rgba(255, 157, 196, .1);--chart-pie-1: rgba(255, 157, 196, .85);--chart-pie-2: rgba(157, 141, 241, .8);--chart-pie-3: rgba(239, 192, 90, .85);--chart-pie-4: rgba(87, 201, 140, .8);--tutorial-media-bg: #14080f;--color-success-darker: #2f9d68;--gold-accent-rgb: 255, 180, 210;--updated-badge-bg-rgb: 157, 141, 241;--updated-badge-text: #b9aef7;--wb-connector-default: #9b8a95}[data-theme=sakura_day]{--bg-primary: #fff5f8;--bg-secondary: #ffeaf1;--bg-tertiary: #ffdce8;--bg-primary-rgb: 255, 245, 248;--bg-secondary-rgb: 255, 234, 241;--bg-tertiary-rgb: 255, 220, 232;--text-primary: #3d2b32;--text-secondary: rgba(61, 43, 50, .72);--text-tertiary: rgba(61, 43, 50, .55);--text-muted: rgba(61, 43, 50, .4);--text-primary-rgb: 61, 43, 50;--surface-rgb: 173, 20, 87;--border-primary: rgba(194, 24, 91, .18);--border-secondary: rgba(194, 24, 91, .1);--border-subtle: rgba(194, 24, 91, .05);--progress-track-bg: rgba(194, 24, 91, .15);--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(194, 24, 91, .12);--dark-glass-bg: rgba(194, 24, 91, .04);--dark-glass-border: rgba(194, 24, 91, .08);--shadow-card: 0 4px 15px rgba(122, 30, 60, .1);--shadow-elevated: 0 8px 30px rgba(122, 30, 60, .14);--shadow-glow: 0 8px 25px rgba(194, 24, 91, .1);--shadow-glow-sm: 0 4px 15px rgba(194, 24, 91, .08);--shadow-sm: 0 2px 4px rgba(122, 30, 60, .08);--shadow-md: 0 4px 6px rgba(122, 30, 60, .08);--shadow-lg: 0 10px 15px rgba(122, 30, 60, .08);--shadow-xl: 0 20px 25px rgba(122, 30, 60, .08);--shadow-2xl: 0 25px 50px rgba(122, 30, 60, .12);--gold-primary: #d6336c;--gold-secondary: #ad1457;--gold-primary-rgb: 214, 51, 108;--gold-secondary-rgb: 173, 20, 87;--gold-border-subtle: rgba(194, 24, 91, .15);--gold-border-light: rgba(194, 24, 91, .25);--gold-border-medium: rgba(194, 24, 91, .4);--gold-glow: 0 0 20px rgba(194, 24, 91, .15);--lx-gold-text: #c2185b;--gold-gradient-primary: linear-gradient(135deg, #f06595, #d6336c);--gold-gradient-secondary: linear-gradient(135deg, #d6336c, #ad1457);--gold-gradient-light: linear-gradient(135deg, #ffc0d4, #f06595);--bg-surface: rgba(173, 20, 87, .05);--bg-surface-hover: rgba(173, 20, 87, .09);--bg-surface-active: rgba(173, 20, 87, .13);--bg-surface-elevated: rgba(255, 250, 252, .98);--bg-overlay: rgba(60, 20, 35, .5);--bg-card: rgba(255, 255, 255, .85);--color-success: #15803d;--color-success-rgb: 21, 128, 61;--color-warning: #a45a09;--color-warning-rgb: 164, 90, 9;--color-danger: #d32f2f;--color-danger-rgb: 211, 47, 47;--color-info: #5b54c9;--color-info-rgb: 91, 84, 201;--text-on-gold: #ffffff;--bg-elevated: #fffafc;--bg-gradient: linear-gradient(135deg, #fff5f8 0%, #ffeaf1 50%, #ffdce8 100%);--loading-bg: rgba(255, 245, 248, .7);--loading-content-bg: rgba(255, 250, 252, .95);--scrollbar-track: rgba(194, 24, 91, .08);--scrollbar-thumb: rgba(194, 24, 91, .3);--scrollbar-thumb-hover: rgba(194, 24, 91, .5);--sakura-petal-card: radial-gradient(ellipse 8px 5px at 18% 24%, rgba(214, 51, 108, .1), transparent 62%), radial-gradient(ellipse 7px 4px at 72% 38%, rgba(236, 64, 122, .07), transparent 62%), radial-gradient(ellipse 7px 4px at 46% 80%, rgba(214, 51, 108, .08), transparent 62%);--sakura-petal-main: radial-gradient(ellipse 10px 6px at 12% 18%, rgba(214, 51, 108, .07), transparent 60%), radial-gradient(ellipse 8px 5px at 64% 30%, rgba(236, 64, 122, .05), transparent 60%), radial-gradient(ellipse 9px 5px at 38% 72%, rgba(214, 51, 108, .05), transparent 60%), radial-gradient(ellipse 8px 5px at 86% 78%, rgba(236, 64, 122, .05), transparent 60%);--sakura-petal-sidebar: radial-gradient(ellipse 8px 5px at 30% 20%, rgba(214, 51, 108, .07), transparent 60%), radial-gradient(ellipse 7px 4px at 60% 68%, rgba(236, 64, 122, .05), transparent 60%);--sakura-petal-subtle: radial-gradient(ellipse 7px 4px at 25% 30%, rgba(214, 51, 108, .05), transparent 60%), radial-gradient(ellipse 6px 4px at 65% 70%, rgba(236, 64, 122, .04), transparent 60%);--sakura-divider-gradient: linear-gradient(90deg, transparent, rgba(194, 24, 91, .18), transparent);--chart-line-color: rgba(194, 24, 91, 1);--chart-line-bg: rgba(194, 24, 91, .1);--chart-pie-1: rgba(194, 24, 91, .8);--chart-pie-2: rgba(91, 84, 201, .8);--chart-pie-3: rgba(164, 90, 9, .8);--chart-pie-4: rgba(21, 128, 61, .8);--tutorial-media-bg: #ffe4ee;--color-success-darker: #166534;--gold-accent-rgb: 214, 51, 108;--updated-badge-bg-rgb: 91, 84, 201;--updated-badge-text: #4338ca;--wb-embed-placeholder-text: #5a5a5a}