@theme{ --color-ai: #7c3aed; --color-ai-subtle: #f5f3ff; --color-ai-foreground: #ffffff; --color-text-ai: #6d28d9; --color-mastery-mastered: #16a34a; --color-mastery-mastered-bg: #dcfce7; --color-mastery-strong: #0063e6; --color-mastery-strong-bg: #eef4ff; --color-mastery-good: #d97706; --color-mastery-good-bg: #fffbeb; --color-mastery-gap: #dc2626; --color-mastery-gap-bg: #fee2e2; --color-mastery-untested: #9ca3af; --color-mastery-untested-bg: #f3f4f6; --color-block-assessment: #0063e6; --color-block-assessment-bg: #eef4ff; --color-block-live: #dc2626; --color-block-live-bg: #fee2e2; --color-block-study: #16a34a; --color-block-study-bg: #dcfce7; --color-block-trivia: #d97706; --color-block-trivia-bg: #fffbeb; --color-block-guided: #7c3aed; --color-block-guided-bg: #f5f3ff; --color-action-primary: #0063e6; --color-action-primary-hover: #004bb8; --color-action-primary-pressed: #003a8f; --color-action-primary-disabled: #c7dbff; --color-action-accent: #f5922e; --color-action-accent-hover: #d97706; --color-action-accent-pressed: #b45309; --color-action-neutral: #f3f4f6; --color-action-neutral-hover: #e5e7eb; --color-action-danger: #dc2626; --color-action-danger-hover: #b91c1c; --color-amber-50: #fffbeb; --color-amber-200: #fde68a; --color-amber-500: #f5922e; --color-amber-600: #d97706; --color-amber-700: #b45309; --color-amber-900: #92400e; --font-display: "Sora", "Inter", -apple-system, sans-serif; --shadow-ai-glow: 0 8px 24px rgba(124, 58, 237, .35); --shadow-brand-glow: 0 6px 20px rgba(0, 99, 230, .3); --shadow-accent-glow: 0 6px 20px rgba(245, 146, 46, .3); --gradient-brand: linear-gradient(135deg, #0063e6, #2f83ff); --gradient-accent: linear-gradient(135deg, #f5922e, #d97706); --gradient-ai: linear-gradient(135deg, #7c3aed, #9333ea); --gradient-grade-a: linear-gradient(135deg, #16a34a, #22c55e); --gradient-grade-b: linear-gradient(135deg, #0063e6, #2f83ff); --gradient-grade-c: linear-gradient(135deg, #d97706, #f5922e); --gradient-grade-df: linear-gradient(135deg, #dc2626, #ef4444); --animate-tut-bob: tut-bob 2s ease-in-out infinite; --animate-tut-flame: tut-flame 1.4s ease-in-out infinite; --animate-tut-live-dot: tut-live-dot 1s ease-in-out infinite; --animate-tut-dot: tut-dot 1.2s infinite ease-in-out; --animate-tut-slide-up: tut-slide-up .28s ease-out both; --animate-tut-slide-sheet: tut-slide-sheet .32s cubic-bezier(.16, 1, .3, 1); --animate-tut-pulse: tut-pulse .6s ease-out; --animate-tut-scale-in: tut-scale-in .6s ease-out both; --animate-tut-count: tut-count .7s ease-out both; }.tuteria-student-home{--palette-blue-950: #002766;--palette-blue-900: #003a8f;--palette-blue-800: #004bb8;--palette-blue-700: #0063e6;--palette-blue-500: #2f83ff;--palette-blue-300: #8fb8ff;--palette-blue-200: #c7dbff;--palette-blue-50: #eef4ff;--palette-amber-700: #b45309;--palette-amber-600: #d97706;--palette-amber-500: #f5922e;--palette-amber-200: #fde68a;--palette-amber-50: #fffbeb;--palette-neutral-950: #0d1117;--palette-neutral-900: #111827;--palette-neutral-800: #1f2937;--palette-neutral-700: #374151;--palette-neutral-600: #4b5563;--palette-neutral-500: #6b7280;--palette-neutral-400: #9ca3af;--palette-neutral-300: #d1d5db;--palette-neutral-200: #e5e7eb;--palette-neutral-100: #f3f4f6;--palette-neutral-50: #f9fafb;--palette-white: #ffffff;--palette-black: #000000;--palette-green-700: #15803d;--palette-green-600: #16a34a;--palette-green-500: #22c55e;--palette-green-100: #dcfce7;--palette-red-700: #b91c1c;--palette-red-600: #dc2626;--palette-red-500: #ef4444;--palette-red-100: #fee2e2;--palette-yellow-700: #b45309;--palette-yellow-500: #eab308;--palette-yellow-100: #fef3c7;--palette-purple-700: #6d28d9;--palette-purple-600: #7c3aed;--palette-purple-500: #9333ea;--palette-purple-100: #ede9fe;--palette-purple-50: #f5f3ff;--surface-app: var(--tut-semantic-surface-app, var(--palette-neutral-50));--surface-raised: var(--tut-semantic-surface-raised, var(--palette-white));--surface-sunken: var(--tut-semantic-surface-sunken, var(--palette-neutral-100));--surface-inverse: var(--tut-semantic-surface-inverse, var(--palette-blue-900));--surface-overlay: rgba(13, 17, 23, .5);--surface-brand: var(--tut-semantic-surface-brand, var(--palette-blue-700));--surface-brand-subtle: var(--tut-semantic-surface-brandSubtle, var(--palette-blue-50));--surface-accent: var(--palette-amber-500);--surface-accent-subtle: var(--palette-amber-50);--surface-ai: var(--palette-purple-600);--surface-ai-subtle: var(--palette-purple-50);--surface-success: var(--palette-green-100);--surface-warning: var(--palette-yellow-100);--surface-danger: var(--palette-red-100);--surface-info: var(--palette-blue-50);--text-primary: var(--tut-semantic-text-primary, var(--palette-neutral-800));--text-secondary: var(--tut-semantic-text-secondary, var(--palette-neutral-600));--text-tertiary: var(--tut-semantic-text-tertiary, var(--palette-neutral-400));--text-disabled: var(--palette-neutral-300);--text-heading: var(--tut-semantic-text-heading, var(--palette-blue-900));--text-on-brand: var(--palette-white);--text-on-accent: var(--palette-white);--text-on-dark: var(--palette-white);--text-link: var(--palette-blue-700);--text-success: var(--palette-green-700);--text-warning: var(--palette-amber-700);--text-danger: var(--palette-red-700);--text-info: var(--palette-blue-700);--text-ai: var(--palette-purple-700);--border-subtle: var(--tut-semantic-border-subtle, var(--palette-neutral-200));--border-strong: var(--palette-neutral-400);--border-focus: var(--palette-blue-700);--border-success: var(--palette-green-600);--border-warning: var(--palette-amber-500);--border-danger: var(--palette-red-600);--action-primary: var(--palette-blue-700);--action-primary-hover: var(--palette-blue-800);--action-primary-pressed: var(--palette-blue-900);--action-primary-disabled: var(--palette-blue-200);--action-accent: var(--palette-amber-500);--action-accent-hover: var(--palette-amber-600);--action-accent-pressed: var(--palette-amber-700);--action-neutral: var(--palette-neutral-100);--action-neutral-hover: var(--palette-neutral-200);--action-danger: var(--palette-red-600);--action-danger-hover: var(--palette-red-700);--mastery-mastered: var(--palette-green-600);--mastery-strong: var(--palette-blue-700);--mastery-good: var(--palette-amber-600);--mastery-gap: var(--palette-red-600);--mastery-untested: var(--palette-neutral-400);--mastery-mastered-bg: var(--palette-green-100);--mastery-strong-bg: var(--palette-blue-50);--mastery-good-bg: var(--palette-amber-50);--mastery-gap-bg: var(--palette-red-100);--mastery-untested-bg: var(--palette-neutral-100);--block-assessment: var(--palette-blue-700);--block-assessment-bg: var(--palette-blue-50);--block-live: var(--palette-red-600);--block-live-bg: var(--palette-red-100);--block-study: var(--palette-green-600);--block-study-bg: var(--palette-green-100);--block-trivia: var(--palette-amber-600);--block-trivia-bg: var(--palette-amber-50);--block-guided: var(--palette-purple-600);--block-guided-bg: var(--palette-purple-50);--gradient-brand: linear-gradient(135deg, var(--palette-blue-700), var(--palette-blue-500));--gradient-accent: linear-gradient(135deg, var(--palette-amber-500), var(--palette-amber-600));--gradient-ai: linear-gradient(135deg, var(--palette-purple-600), var(--palette-purple-500));--gradient-grade-a: linear-gradient(135deg, var(--palette-green-600), var(--palette-green-500));--gradient-grade-b: linear-gradient(135deg, var(--palette-blue-700), var(--palette-blue-500));--gradient-grade-c: linear-gradient(135deg, var(--palette-amber-600), var(--palette-amber-500));--gradient-grade-df: linear-gradient(135deg, var(--palette-red-600), var(--palette-red-500));--font-sans: var( --tut-typography-fontFamily-sans, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif );--font-display: var( --tut-typography-fontFamily-display, "Sora", "Inter", -apple-system, sans-serif );--font-mono: var( --tut-typography-fontFamily-mono, "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace );--font-size-display-xl: 48px;--font-size-display-lg: 36px;--font-size-display-md: 28px;--font-size-heading-lg: 22px;--font-size-heading-md: 18px;--font-size-heading-sm: 16px;--font-size-body-lg: 16px;--font-size-body-md: 14px;--font-size-body-sm: 13px;--font-size-label-lg: 14px;--font-size-label-md: 12px;--font-size-label-sm: 11px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-screen-margin: var(--space-5);--space-section-gap: var(--space-6);--space-card-padding: var(--space-4);--space-stack: var(--space-3);--space-inline: var(--space-2);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--radius-button: var(--radius-full);--radius-input: var(--radius-sm);--radius-card: var(--radius-md);--radius-hero: var(--radius-lg);--radius-sheet: var(--radius-xl);--radius-pill: var(--radius-full);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .14);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .18);--shadow-ai: 0 8px 24px rgba(124, 58, 237, .35);--elevation-card: var(--shadow-sm);--elevation-raised: var(--shadow-md);--elevation-sheet: var(--shadow-lg);--elevation-modal: var(--shadow-xl);--elevation-ai-glow: var(--shadow-ai);--screen-width: 390px;--screen-height: 844px;--nav-bottom-height: 90px;--status-bar-height: 44px;--ease-micro: ease-out;--ease-standard: ease-in-out;--ease-screen-enter: cubic-bezier(.25, .46, .45, .94);--ease-sheet-open: cubic-bezier(.16, 1, .3, 1);--dur-micro: .1s;--dur-standard: .2s;--dur-screen: .28s;--dur-sheet: .32s;--dur-celebration: .6s;font-family:var(--font-sans);font-size:var(--font-size-body-lg);color:var(--text-primary);background:var(--surface-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tuteria-student-home .t-display-xl{font-family:var(--font-display);font-size:var(--font-size-display-xl);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--text-heading)}.tuteria-student-home .t-display-lg{font-family:var(--font-display);font-size:var(--font-size-display-lg);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--text-heading)}.tuteria-student-home .t-display-md{font-family:var(--font-display);font-size:var(--font-size-display-md);font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--text-heading)}.tuteria-student-home .t-heading-lg{font-family:var(--font-sans);font-size:var(--font-size-heading-lg);font-weight:600;line-height:1.3;color:var(--text-primary)}.tuteria-student-home .t-heading-md{font-family:var(--font-sans);font-size:var(--font-size-heading-md);font-weight:600;line-height:1.35;color:var(--text-primary)}.tuteria-student-home .t-heading-sm{font-family:var(--font-sans);font-size:var(--font-size-heading-sm);font-weight:600;line-height:1.4;color:var(--text-primary)}.tuteria-student-home .t-body-lg{font-family:var(--font-sans);font-size:var(--font-size-body-lg);font-weight:400;line-height:1.5;color:var(--text-primary)}.tuteria-student-home .t-body-md{font-family:var(--font-sans);font-size:var(--font-size-body-md);font-weight:400;line-height:1.5;color:var(--text-primary)}.tuteria-student-home .t-body-sm{font-family:var(--font-sans);font-size:var(--font-size-body-sm);font-weight:400;line-height:1.5;color:var(--text-secondary)}.tuteria-student-home .t-label-lg{font-family:var(--font-sans);font-size:var(--font-size-label-lg);font-weight:500;line-height:1.2;letter-spacing:.01em;color:var(--text-primary)}.tuteria-student-home .t-label-md{font-family:var(--font-sans);font-size:var(--font-size-label-md);font-weight:500;line-height:1.2;letter-spacing:.02em;color:var(--text-secondary)}.tuteria-student-home .t-label-sm{font-family:var(--font-sans);font-size:var(--font-size-label-sm);font-weight:600;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.tuteria-student-home .t-mono{font-family:var(--font-mono);font-size:var(--font-size-body-md);line-height:1.4}@keyframes tut-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes tut-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.85}}@keyframes tut-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes tut-flame{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.08) rotate(2deg)}}@keyframes tut-count{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes tut-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes tut-slide-sheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes tut-scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes tut-shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}@keyframes tut-confetti{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(720deg);opacity:0}}@keyframes tut-live-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}@keyframes tut-dot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}.tuteria-student-home .tut-scroll::-webkit-scrollbar{width:0;height:0;display:none}.tuteria-student-home .tut-scroll{scrollbar-width:none}.tuteria-student-home .tut-nosb::-webkit-scrollbar{width:0;height:0;display:none}.tuteria-student-home .tut-nosb{scrollbar-width:none}