:root{--brand-pink: #e91e8c;--brand-purple: #7b61ff;--brand-violet: #6c3de0;--brand-green: #2ecc71;--brand-yellow: #f9c74f;--brand-orange: #ff8c42;--brand-ink: #2d2d3f;--surface-app: #f7f5fc;--surface-public: #e8f0fe;--surface-card: #ffffff;--surface-sunken: #faf8ff;--surface-control: #f4f0fe;--surface-pill: #f0ecff;--surface-hero: linear-gradient(120deg, #fbe6f4, #efe7fe);--surface-hero-wide: linear-gradient(120deg, #fbe6f4 0%, #efe7fe 52%, #e6edfd 100%);--text-strong: #2d2d3f;--text-muted: #5a5a6e;--icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1.5 1.5 6 6l4.5-4.5' stroke='%235a5a6e' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--chart-1: #2a78d6;--chart-2: #eb6834;--chart-3: #1baf7a;--chart-4: #eda100;--chart-5: #e87ba4;--chart-zone-red: #d03b3b;--chart-zone-yellow: #ec835a;--chart-zone-light: #6da7ec;--chart-zone-green: #256abf;--text-faint: #b9afd4;--text-on-accent: #ffffff;--line: #e7e1f5;--line-soft: #f2eefa;--line-control: #d9cff5;--accent: #e91e8c;--accent-secondary: #7b61ff;--accent-action: #6c3de0;--accent-action-bg: #6c3de0;--accent-action-text: #ffffff;--accent-positive: #2ecc71;--accent-info: #0ea5e9;--accent-link: #2563eb;--state-positive-bg: #e7f9ef;--state-positive-text: #0f7a3f;--state-warning-bg: #fff6e8;--state-warning-text: #92400e;--state-warning-text-soft: #a16207;--state-warning-line: #f9c74f;--state-attention-bg: #fdecf5;--state-attention-text: #c2156f;--state-star-bg: #fef6e0;--state-star-text: #8a6414;--state-danger-bg: #fee2e2;--state-danger-text: #991b1b;--shadow-card: 0 8px 32px rgba(45, 45, 63, .08);--shadow-raised: 0 4px 18px rgba(45, 45, 63, .06);--shadow-subtle: 0 2px 8px rgba(45, 45, 63, .04);--radius-card: 20px;--radius-block: 18px;--radius-control: 13px;--radius-pill: 20px;--radius-avatar: 28px;--font-body: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]):not([data-theme=cute]){--surface-app: #17141f;--surface-public: #1b2138;--surface-card: #221e2e;--surface-sunken: #2a2438;--surface-control: #332a45;--surface-pill: #332a45;--surface-hero: linear-gradient(120deg, #3a2140, #2a2348);--surface-hero-wide: linear-gradient(120deg, #2e1b33 0%, #241f3c 52%, #1b2138 100%);--text-strong: #f5f2fa;--text-muted: #a79fb8;--icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1.5 1.5 6 6l4.5-4.5' stroke='%23a79fb8' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--chart-1: #3987e5;--chart-2: #d95926;--chart-3: #199e70;--chart-4: #c98500;--chart-5: #d55181;--chart-zone-red: #b0363a;--chart-zone-yellow: #dd7060;--chart-zone-light: #4f93e6;--chart-zone-green: #2c5fb0;--text-faint: #6f6685;--line: #3a3248;--line-soft: #332b47;--line-control: #453b5c;--accent: #ff4fa8;--accent-secondary: #9b85ff;--accent-action: #9b85ff;--accent-action-bg: #6c3de0;--accent-action-text: #ffffff;--accent-positive: #3edd82;--accent-info: #38bdf8;--accent-link: #5b93f5;--state-positive-bg: #16351f;--state-positive-text: #5fd98d;--state-warning-bg: #3a2c16;--state-warning-text: #fbbf24;--state-warning-text-soft: #e8b54a;--state-attention-bg: #3a1c2e;--state-attention-text: #ff4fa8;--state-star-bg: #3a300f;--state-star-text: #e8b54a;--state-danger-bg: #3a1a1a;--state-danger-text: #ef6b6b;--shadow-card: 0 8px 32px rgba(0, 0, 0, .45);--shadow-raised: 0 4px 18px rgba(0, 0, 0, .38);--shadow-subtle: 0 2px 8px rgba(0, 0, 0, .32);color-scheme:dark}}:root[data-theme=dark]{--surface-app: #17141f;--surface-public: #1b2138;--surface-card: #221e2e;--surface-sunken: #2a2438;--surface-control: #332a45;--surface-pill: #332a45;--surface-hero: linear-gradient(120deg, #3a2140, #2a2348);--surface-hero-wide: linear-gradient(120deg, #2e1b33 0%, #241f3c 52%, #1b2138 100%);--text-strong: #f5f2fa;--text-muted: #a79fb8;--icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1.5 1.5 6 6l4.5-4.5' stroke='%23a79fb8' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--chart-1: #3987e5;--chart-2: #d95926;--chart-3: #199e70;--chart-4: #c98500;--chart-5: #d55181;--chart-zone-red: #b0363a;--chart-zone-yellow: #dd7060;--chart-zone-light: #4f93e6;--chart-zone-green: #2c5fb0;--text-faint: #6f6685;--line: #3a3248;--line-soft: #332b47;--line-control: #453b5c;--accent: #ff4fa8;--accent-secondary: #9b85ff;--accent-action: #9b85ff;--accent-action-bg: #6c3de0;--accent-action-text: #ffffff;--accent-positive: #3edd82;--accent-info: #38bdf8;--accent-link: #5b93f5;--state-positive-bg: #16351f;--state-positive-text: #5fd98d;--state-warning-bg: #3a2c16;--state-warning-text: #fbbf24;--state-warning-text-soft: #e8b54a;--state-attention-bg: #3a1c2e;--state-attention-text: #ff4fa8;--state-star-bg: #3a300f;--state-star-text: #e8b54a;--state-danger-bg: #3a1a1a;--state-danger-text: #ef6b6b;--shadow-card: 0 8px 32px rgba(0, 0, 0, .45);--shadow-raised: 0 4px 18px rgba(0, 0, 0, .38);--shadow-subtle: 0 2px 8px rgba(0, 0, 0, .32);color-scheme:dark}:root[data-theme=cute]{--surface-app: #fff0f7;--surface-public: #ffeaf4;--surface-card: #ffffff;--surface-sunken: #fff6fb;--surface-control: #ffe6f2;--surface-pill: #ffe0ef;--surface-hero: linear-gradient(120deg, #ffd3ea, #f3defe);--surface-hero-wide: linear-gradient(120deg, #ffd3ea 0%, #f9dcf6 52%, #eedffe 100%);--text-strong: #4a1f3f;--text-muted: #7d4a6f;--icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1.5 1.5 6 6l4.5-4.5' stroke='%237d4a6f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--text-faint: #e3a9c9;--line: #f8d3e6;--line-soft: #fde7f2;--line-control: #f2bcd9;--accent: #e91e8c;--accent-secondary: #ff6fb5;--accent-action: #b8136b;--accent-action-bg: #d6127a;--accent-action-text: #ffffff;--state-attention-bg: #ffe3f1;--state-attention-text: #b0125f;--shadow-card: 0 8px 32px rgba(233, 30, 140, .1);--shadow-raised: 0 4px 18px rgba(233, 30, 140, .08);--shadow-subtle: 0 2px 8px rgba(233, 30, 140, .06);color-scheme:light}:root{--grade-basic: linear-gradient(135deg, #0ea5e9, #0284c7);--grade-expert: linear-gradient(135deg, #10b981, #059669);--grade-pro: linear-gradient(135deg, #6c3de0, #8b5cf6);--grade-mvu: linear-gradient(135deg, #0ea5e9, #2563eb);--grade-laoshi-master: linear-gradient(135deg, #dc2626, #991b1b);--grade-laoshi-young: linear-gradient(135deg, #f97316, #c2410c);--grade-other: linear-gradient(135deg, #64748b, #334155);--grade-basic-flat: #0ea5e9;--grade-expert-flat: #10b981;--grade-pro-flat: #6c3de0;--grade-mvu-flat: #2563eb;--grade-laoshi-master-flat: #991b1b;--grade-laoshi-young-flat: #c2410c;--grade-other-flat: #475569}:root{--club-speaking-bg: #dbeafe;--club-speaking-line: #3b82f6;--club-speaking-text: #1e40af;--club-reading-bg: #fef3c7;--club-reading-line: #f59e0b;--club-reading-text: #92400e;--club-master-bg: #fce7f3;--club-master-line: #ec4899;--club-master-text: #9d174d;--club-webinar-bg: #dcfce7;--club-webinar-line: #22c55e;--club-webinar-text: #166534;--club-gaming-bg: #ede9fe;--club-gaming-line: #7c3aed;--club-gaming-text: #5b21b6;--club-other-bg: #f1f5f9;--club-other-line: #94a3b8;--club-other-text: #475569}@media (prefers-color-scheme: dark){:root:not([data-theme=light]):not([data-theme=cute]){--club-speaking-bg: #16233d;--club-speaking-line: #5b93f5;--club-speaking-text: #9dc2fa;--club-reading-bg: #33270f;--club-reading-line: #f59e0b;--club-reading-text: #f2c464;--club-master-bg: #351427;--club-master-line: #ec4899;--club-master-text: #f49ac4;--club-webinar-bg: #123123;--club-webinar-line: #3edd82;--club-webinar-text: #7be3a6;--club-gaming-bg: #241a3d;--club-gaming-line: #9b85ff;--club-gaming-text: #bfa8ff;--club-other-bg: #262a33;--club-other-line: #8b96a8;--club-other-text: #a8b2c2}}:root[data-theme=dark]{--club-speaking-bg: #16233d;--club-speaking-line: #5b93f5;--club-speaking-text: #9dc2fa;--club-reading-bg: #33270f;--club-reading-line: #f59e0b;--club-reading-text: #f2c464;--club-master-bg: #351427;--club-master-line: #ec4899;--club-master-text: #f49ac4;--club-webinar-bg: #123123;--club-webinar-line: #3edd82;--club-webinar-text: #7be3a6;--club-gaming-bg: #241a3d;--club-gaming-line: #9b85ff;--club-gaming-text: #bfa8ff;--club-other-bg: #262a33;--club-other-line: #8b96a8;--club-other-text: #a8b2c2}:root{--primary: #6c3de0;--primary-light: #8b5cf6;--primary-dark: #5b21b6;--secondary: #0ea5e9;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--text-primary: #1f2937;--text-secondary: #6b7280;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--border: #e5e7eb;--border-light: #f3f4f6;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--gradient-primary: linear-gradient(135deg, var(--primary), var(--primary-light));--gradient-secondary: linear-gradient(135deg, var(--secondary), #0284c7);--gradient-success: linear-gradient(135deg, var(--success), #059669);--gradient-warning: linear-gradient(135deg, var(--warning), #d97706);--gradient-cool: linear-gradient(135deg, #0ea5e9, #3b82f6);--gradient-warm: linear-gradient(135deg, #f59e0b, #f97316);--pink: #e91e8c;--blue-bg: #e8f0fe;--purple: #7b61ff;--purple-light: #f0ecff;--green: #2ecc71;--green-light: #eafaf1;--yellow: #f9c74f;--yellow-light: #fff8e1;--orange: #ff8c42;--gray-text: #5a5a6e;--dark: #2d2d3f;--white: #ffffff;--card-shadow: 0 8px 32px rgba(0, 0, 0, .08);--radius: 20px;--sidebar-bg: #fffbf2;--sidebar-text: #2d2d3f;--sidebar-muted: #5a5a6e;--sidebar-border: #f0ecff}*{box-sizing:border-box}html{font-size:106.25%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;font-family:var(--font-body);background:var(--surface-app);color:var(--text-strong);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%}select[class]{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:28px;background-image:var(--icon-chevron);background-repeat:no-repeat;background-position:right 10px center}select[class][size]:not([size="1"]),select[class][multiple]{padding-right:10px;background-image:none}:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:2px}::selection{background:var(--surface-pill);color:var(--text-strong)}