:root{--brand: #2563EB;--brand-hover: #1D4ED8;--brand-active: #1E40AF;--brand-soft: #DBEAFE;--neutral-0: #FFFFFF;--neutral-50: #FAFAF9;--neutral-100: #F5F5F4;--neutral-200: #E7E5E4;--neutral-300: #D6D3D1;--neutral-400: #A8A29E;--neutral-500: #78716C;--neutral-600: #57534E;--neutral-700: #44403C;--neutral-800: #292524;--neutral-900: #1C1917;--success: #16A34A;--success-soft: #F0FDF4;--warning: #D97706;--warning-soft: #FFFBEB;--error: #DC2626;--error-soft: #FEF2F2;--surface-page: var(--neutral-50);--surface-card: var(--neutral-0);--surface-elevated: var(--neutral-0);--surface-muted: var(--neutral-100);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--text-muted: var(--neutral-500);--text-faint: var(--neutral-400);--text-inverse: var(--neutral-0);--border: var(--neutral-200);--border-muted: var(--neutral-100);--border-strong: var(--neutral-300);--interactive: var(--brand);--interactive-hover: var(--brand-hover);--focus-ring: 0 0 0 3px rgba(37, 99, 235, .3);--state-hover: var(--neutral-100);--state-active: var(--neutral-200);--state-selected: var(--brand-soft);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Literata", "Georgia", "Times New Roman", serif;--font-display: "Fraunces", "Georgia", serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--leading-story: 1.85;--max-width-story: 62ch;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2.25rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .02);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .06), 0 4px 6px rgba(0, 0, 0, .03);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .08), 0 8px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .12);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .04);--shadow-glow-sm: 0 0 8px rgba(37, 99, 235, .2);--shadow-glow-md: 0 0 16px rgba(37, 99, 235, .25);--shadow-glow-lg: 0 0 32px rgba(37, 99, 235, .3);--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 70;--z-toast: 80;--z-overlay: 90;--z-max: 100;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .4s;--duration-slowest: .5s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-apple: cubic-bezier(.25, .1, .25, 1);--ease-apple-decelerate: cubic-bezier(.33, 1, .68, 1);--ease-apple-accelerate: cubic-bezier(.32, 0, .67, 0);--transition-colors: color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);--transition-opacity: opacity var(--duration-normal) var(--ease-out);--transition-transform: transform var(--duration-normal) var(--ease-out);--transition-shadow: box-shadow var(--duration-normal) var(--ease-out);--transition-all: all var(--duration-normal) var(--ease-out);--max-width-content: 1200px;--max-width-prose: 65ch;--sidebar-width: 280px;--grammar-noun: #1f2937;--grammar-article: #7dd3fc;--grammar-adjective: #3b82f6;--grammar-pronoun: #a855f7;--grammar-verb: #ef4444;--grammar-adverb: #f97316;--grammar-preposition: #22c55e;--grammar-conjunction: #ec4899;--grammar-interjection: #eab308;--role-admin: #16A34A;--role-admin-bg: #F0FDF4;--role-admin-border: #BBF7D0;--role-guide: #2563EB;--role-guide-bg: #DBEAFE;--role-guide-border: #BFDBFE;--role-student: #D97706;--role-student-bg: #FFFBEB;--role-student-border: #FDE68A;--role-parent: #7C3AED;--role-parent-bg: #F5F3FF;--role-parent-border: #DDD6FE;--phil-primary: #5C4D3D;--phil-secondary: #6B8E6B;--phil-text: #5C4D3D;--phil-muted: #8B7355;--phil-surface: #FEFCF9;--phil-accent: #6B8E6B;--phil-accent-light: #E8F0E8;--phil-highlight: #F5F0E8;--phil-shadow: rgba(92, 77, 61, .08);--phil-indigo: #6366F1;--phil-emerald: #10B981;--phil-amber: #F59E0B;--phil-pink: #EC4899;--phil-purple: #8B5CF6;--curriculum-nebula: #6B8E6B;--curriculum-starforge: #E67E22;--curriculum-frontier: #3498DB;--primary: var(--brand);--primary-hover: var(--brand-hover);--primary-light: var(--brand-soft);--accent: var(--brand);--accent-hover: var(--brand-hover);--accent-light: var(--brand-soft);--bg: var(--surface-page);--bg-page: var(--surface-page);--bg-card: var(--surface-card);--bg-muted: var(--surface-muted);--card: var(--surface-card);--text: var(--text-primary);--muted: var(--text-muted);--border-default: var(--border);--border-focus: var(--brand);--interactive-primary: var(--brand);--interactive-primary-hover: var(--brand-hover);--hover-bg: var(--state-hover);--active-bg: var(--state-active);--success-light: var(--success-soft);--warning-light: var(--warning-soft);--danger: var(--error);--danger-light: var(--error-soft);--info: var(--brand);--info-light: var(--brand-soft);--shadow-focus: var(--focus-ring);--font-normal: var(--weight-normal);--font-medium: var(--weight-medium);--font-semibold: var(--weight-semibold);--font-bold: var(--weight-bold);--primary-color: var(--brand);--primary-color-alpha: rgba(37, 99, 235, .1);--sky-500: var(--brand);--sky-600: var(--brand-hover);--slate-50: var(--neutral-50);--slate-100: var(--neutral-100);--slate-200: var(--neutral-200);--slate-300: var(--neutral-300);--slate-400: var(--neutral-400);--slate-500: var(--neutral-500);--slate-600: var(--neutral-600);--slate-700: var(--neutral-700);--slate-800: var(--neutral-800);--slate-900: var(--neutral-900);--stone-50: var(--neutral-50);--stone-100: var(--neutral-100);--stone-200: var(--neutral-200);--stone-300: var(--neutral-300);--stone-400: var(--neutral-400);--stone-500: var(--neutral-500);--stone-600: var(--neutral-600);--stone-700: var(--neutral-700);--stone-800: var(--neutral-800);--stone-900: var(--neutral-900)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root[data-theme=dark]{--surface-page: var(--neutral-900);--surface-card: var(--neutral-800);--surface-elevated: var(--neutral-700);--surface-muted: var(--neutral-800);--text-primary: var(--neutral-50);--text-secondary: var(--neutral-300);--text-muted: var(--neutral-400);--text-faint: var(--neutral-500);--border: var(--neutral-700);--border-muted: var(--neutral-800);--border-strong: var(--neutral-600);--brand: #3B82F6;--brand-hover: #2563EB;--brand-soft: rgba(59, 130, 246, .15);--state-hover: var(--neutral-700);--state-active: var(--neutral-600);--state-selected: rgba(59, 130, 246, .2);--success: #22C55E;--success-soft: rgba(34, 197, 94, .15);--warning: #FBBF24;--warning-soft: rgba(251, 191, 36, .15);--error: #F87171;--error-soft: rgba(248, 113, 113, .15);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .35), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4), 0 4px 6px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .5), 0 8px 10px rgba(0, 0, 0, .3);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .6);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .2);--shadow-glow-sm: 0 0 8px rgba(59, 130, 246, .25);--shadow-glow-md: 0 0 16px rgba(59, 130, 246, .3);--shadow-glow-lg: 0 0 32px rgba(59, 130, 246, .35);--primary-color-alpha: rgba(59, 130, 246, .1)}:root{--code-bg: #1C1917;--code-header-bg: #292524;--code-text: #E7E5E4;--user-message-bg: var(--brand-primary);--user-message-text: white;--assistant-message-bg: var(--surface-muted);--assistant-message-text: var(--text-primary);--system-message-bg: var(--semantic-warning-soft);--system-message-text: var(--semantic-warning-text);--scrollbar-thumb: var(--stone-300);--scrollbar-thumb-hover: var(--stone-400);--chat-width: 360px;--content-padding: 2rem;--primary-color-alpha: rgba(37, 99, 235, .1);--accent-alpha: rgba(124, 58, 237, .1)}:root[data-theme=dark]{--code-bg: #0D0C0B;--code-header-bg: #1C1917;--code-text: #F5F5F4;--user-message-text: #1C1917;--system-message-bg: rgba(217, 119, 6, .15);--system-message-text: #FDE68A;--scrollbar-thumb: var(--stone-600);--scrollbar-thumb-hover: var(--stone-500);--primary-color-alpha: rgba(59, 130, 246, .1);--accent-alpha: rgba(167, 139, 250, .1)}@media (max-width: 1200px){:root{--sidebar-width: 250px;--chat-width: 320px}}@media (max-width: 1024px){:root{--sidebar-width: 220px;--chat-width: 300px;--content-padding: 1.5rem}}@media (max-width: 768px){:root{--content-padding: 1rem}}@media (pointer: coarse){button,a,input[type=button],input[type=submit],input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}}.definition-card{background:linear-gradient(135deg,#fef3c7,#fef9c3);border:1px solid #fbbf24;border-left:4px solid #f59e0b;border-radius:12px;padding:1rem 1.25rem;margin:1rem 0;box-shadow:0 2px 8px #f59e0b1a}.definition-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.definition-icon{font-size:1.1rem}.definition-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#92400e}.definition-content{color:#78350f}.definition-term{display:block;font-size:1.1rem;font-weight:700;color:#78350f;margin-bottom:.5rem}.definition-text{margin:0;font-size:.95rem;line-height:1.6;color:#92400e}:root[data-theme=dark] .definition-card{background:linear-gradient(135deg,#fbbf2426,#fde0471a);border-color:#fbbf2466;border-left-color:#f59e0b}:root[data-theme=dark] .definition-label{color:#fbbf24}:root[data-theme=dark] .definition-content,:root[data-theme=dark] .definition-term,:root[data-theme=dark] .definition-text{color:#fde68a}.elaboration-card{background:linear-gradient(135deg,#ede9fe,#f3e8ff);border:1px solid #c4b5fd;border-left:4px solid #8b5cf6;border-radius:12px;padding:1rem 1.25rem;margin:1rem 0;box-shadow:0 2px 8px #8b5cf61a}.elaboration-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.elaboration-icon{font-size:1.1rem}.elaboration-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6d28d9}.elaboration-text{margin:0;font-size:.95rem;line-height:1.6;color:#5b21b6}:root[data-theme=dark] .elaboration-card{background:linear-gradient(135deg,#8b5cf626,#a78bfa1a);border-color:#8b5cf666;border-left-color:#8b5cf6}:root[data-theme=dark] .elaboration-label{color:#a78bfa}:root[data-theme=dark] .elaboration-text{color:#ddd6fe}.relevance-card{background:linear-gradient(135deg,#dcfce7,#d1fae5);border:1px solid #86efac;border-left:4px solid #22c55e;border-radius:12px;padding:1rem 1.25rem;margin:1rem 0;box-shadow:0 2px 8px #22c55e1a}.relevance-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.relevance-icon{font-size:1.1rem}.relevance-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#166534}.relevance-text{margin:0;font-size:.95rem;line-height:1.6;color:#15803d}:root[data-theme=dark] .relevance-card{background:linear-gradient(135deg,#22c55e26,#4ade801a);border-color:#22c55e66;border-left-color:#22c55e}:root[data-theme=dark] .relevance-label{color:#4ade80}:root[data-theme=dark] .relevance-text{color:#bbf7d0}[data-theme=nebula]{--nebula-cream: #FDF8F3;--nebula-sand-50: #FAF6F1;--nebula-sand-100: #F5EDE3;--nebula-sand-200: #E8DDD0;--nebula-sand-300: #D4C4B0;--nebula-sand-400: #B8A089;--nebula-sand-500: #96816A;--nebula-sand-600: #7A6854;--nebula-sand-700: #5C4F40;--nebula-sand-800: #3D352C;--nebula-sand-900: #2A2420;--nebula-leaf: #5B8C5A;--nebula-leaf-soft: #E8F2E8;--nebula-terracotta: #C67B5C;--nebula-terracotta-soft: #FAEDE8;--nebula-sky: #6B9AC4;--nebula-sky-soft: #E8F0F7;--surface-page: var(--nebula-sand-50);--surface-card: var(--nebula-cream);--surface-elevated: #FFFFFF;--surface-muted: var(--nebula-sand-100);--text-primary: var(--nebula-sand-800);--text-secondary: var(--nebula-sand-600);--text-muted: var(--nebula-sand-500);--text-faint: var(--nebula-sand-400);--border: var(--nebula-sand-200);--border-muted: var(--nebula-sand-100);--border-strong: var(--nebula-sand-300);--state-hover: var(--nebula-sand-100);--state-active: var(--nebula-sand-200);--shadow-sm: 0 1px 2px rgba(90, 70, 50, .04);--shadow-md: 0 4px 12px rgba(90, 70, 50, .06);--shadow-lg: 0 12px 24px rgba(90, 70, 50, .08);--bg: var(--surface-page);--bg-page: var(--surface-page);--bg-card: var(--surface-card);--bg-muted: var(--surface-muted);--card: var(--surface-card);--text: var(--text-primary);--muted: var(--text-muted)}[data-theme=nebula] .content,[data-theme=nebula] .focus-section{font-size:1.05rem;line-height:1.75}[data-theme=nebula] h1,[data-theme=nebula] h2,[data-theme=nebula] h3{color:var(--nebula-sand-800);font-weight:600}[data-theme=nebula] .block-callout{background:var(--nebula-leaf-soft);border-left-color:var(--nebula-leaf)}[data-theme=nebula] .block-callout.callout-warning{background:var(--nebula-terracotta-soft);border-left-color:var(--nebula-terracotta)}[data-theme=nebula] .block-callout.callout-info{background:var(--nebula-sky-soft);border-left-color:var(--nebula-sky)}[data-theme=nebula] pre,[data-theme=nebula] code{background:var(--nebula-sand-100);color:var(--nebula-sand-800)}[data-theme=nebula] pre{border:1px solid var(--nebula-sand-200)}[data-theme=nebula] .content a:not(.btn):not(button),[data-theme=nebula] .focus-section a:not(.btn):not(button){color:var(--nebula-leaf)}[data-theme=nebula] .content a:not(.btn):not(button):hover,[data-theme=nebula] .focus-section a:not(.btn):not(button):hover{color:#4a7349}[data-theme=nebula] .puzzle-container{background:var(--nebula-cream);border:2px solid var(--nebula-sand-200);border-radius:16px}[data-theme=nebula] .focus-backdrop{background:linear-gradient(180deg,var(--nebula-cream) 0%,var(--nebula-sand-50) 100%)}[data-theme=nebula] .focus-section{background:var(--nebula-cream);border-radius:20px;padding:2.5rem;box-shadow:var(--shadow-md);margin:1rem;height:calc(100% - 2rem)}[data-theme=nebula] .progress-dot .dot-inner{background:var(--nebula-sand-300)}[data-theme=nebula] .progress-dot.active .dot-inner{background:var(--nebula-leaf);box-shadow:0 0 0 4px #5b8c5a33}[data-theme=nebula] .progress-dot.completed .dot-inner{background:var(--nebula-leaf)}[data-theme=nebula] .reading-progress-fill{background:linear-gradient(90deg,var(--nebula-leaf) 0%,var(--nebula-terracotta) 100%)}.container{width:100%;max-width:var(--max-width-content);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.section{padding-top:var(--space-8);padding-bottom:var(--space-8)}.section-sm{padding-top:var(--space-4);padding-bottom:var(--space-4)}.section-lg{padding-top:var(--space-12);padding-bottom:var(--space-12)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-cols-auto-sm{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid-cols-auto-lg{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-auto{grid-auto-rows:minmax(0,1fr)}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-6{grid-column:span 6 / span 6}.col-span-12{grid-column:span 12 / span 12}.col-span-full{grid-column:1 / -1}.row-span-1{grid-row:span 1 / span 1}.row-span-2{grid-row:span 2 / span 2}.row-span-3{grid-row:span 3 / span 3}.row-span-full{grid-row:1 / -1}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.top-1{top:var(--space-1)}.top-2{top:var(--space-2)}.top-4{top:var(--space-4)}.right-0{right:0}.right-1{right:var(--space-1)}.right-2{right:var(--space-2)}.right-4{right:var(--space-4)}.bottom-0{bottom:0}.bottom-1{bottom:var(--space-1)}.bottom-2{bottom:var(--space-2)}.bottom-4{bottom:var(--space-4)}.left-0{left:0}.left-1{left:var(--space-1)}.left-2{left:var(--space-2)}.left-4{left:var(--space-4)}.inset-0{top:0;right:0;bottom:0;left:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-100{z-index:100}.z-1000{z-index:1000}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-6{margin-left:var(--space-6);margin-right:var(--space-6)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-auto{margin-top:auto}.mr-0{margin-right:0}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-6{margin-right:var(--space-6)}.mr-8{margin-right:var(--space-8)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-auto{margin-bottom:auto}.ml-0{margin-left:0}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-6{margin-left:var(--space-6)}.ml-8{margin-left:var(--space-8)}.ml-auto{margin-left:auto}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.pt-0{padding-top:0}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-6{padding-top:var(--space-6)}.pt-8{padding-top:var(--space-8)}.pr-0{padding-right:0}.pr-1{padding-right:var(--space-1)}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pr-4{padding-right:var(--space-4)}.pr-6{padding-right:var(--space-6)}.pr-8{padding-right:var(--space-8)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-6{padding-bottom:var(--space-6)}.pb-8{padding-bottom:var(--space-8)}.pl-0{padding-left:0}.pl-1{padding-left:var(--space-1)}.pl-2{padding-left:var(--space-2)}.pl-3{padding-left:var(--space-3)}.pl-4{padding-left:var(--space-4)}.pl-6{padding-left:var(--space-6)}.pl-8{padding-left:var(--space-8)}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.w-max{width:max-content}.w-min{width:min-content}.h-full{height:100%}.h-auto{height:auto}.h-fit{height:fit-content}.h-screen{height:100vh}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.max-w-content{max-width:var(--max-width-content)}.max-w-prose{max-width:var(--max-width-prose)}@media (max-width: 1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-col{flex-direction:column}.lg\:hidden{display:none}}@media (max-width: 768px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:hidden{display:none}.md\:px-4{padding-left:var(--space-4);padding-right:var(--space-4)}}@media (max-width: 480px){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:flex-col{flex-direction:column}.sm\:hidden{display:none}.sm\:px-2{padding-left:var(--space-2);padding-right:var(--space-2)}}.card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:all var(--duration-fast) var(--ease-out)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--interactive)}.card-elevated{box-shadow:var(--shadow-md)}.card-elevated:hover{box-shadow:var(--shadow-lg)}.btn{border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);line-height:1}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--interactive);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--interactive-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--surface-muted);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--state-hover);border-color:var(--interactive);color:var(--interactive)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#15803d;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--state-hover);color:var(--text-primary)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.badge{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);display:inline-flex;align-items:center;gap:var(--space-1);line-height:1}.badge-primary{background:var(--interactive);color:#fff}.badge-success{background:var(--success);color:#fff}.badge-muted{background:var(--surface-muted);color:var(--text-secondary)}.progress-bar{display:flex;align-items:center;gap:var(--space-2)}.progress-track{flex-grow:1;background:var(--state-hover);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--interactive);border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out)}.progress-track-sm{height:4px}.progress-track-md{height:6px}.progress-track-lg{height:8px}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-normal{font-weight:var(--weight-normal)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.text-inverse{color:var(--text-inverse)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.border{border:1px solid var(--border)}.border-0{border:0}.border-2{border-width:2px}.border-muted{border-color:var(--border-muted)}.border-strong{border-color:var(--border-strong)}.border-interactive{border-color:var(--interactive)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-none{box-shadow:none}.bg-page{background-color:var(--surface-page)}.bg-card{background-color:var(--surface-card)}.bg-muted{background-color:var(--surface-muted)}.bg-hover{background-color:var(--state-hover)}.bg-active{background-color:var(--state-active)}.transition,.transition-fast{transition:all var(--duration-fast) var(--ease-out)}.transition-normal{transition:all var(--duration-normal) var(--ease-out)}.transition-slow{transition:all var(--duration-slow) var(--ease-out)}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-110:hover{transform:scale(1.1)}.hover\:-translate-y-1:hover{transform:translateY(-4px)}.hover\:-translate-y-2:hover{transform:translateY(-8px)}.chart-container{--chart-padding: 1.5rem;background:var(--surface-card, #ffffff);border:1px solid var(--border, #e5e5e5);border-radius:var(--radius-lg, 12px);padding:var(--chart-padding);display:flex;flex-direction:column}@media (max-width: 1024px){.chart-container{--chart-padding: 1.25rem}}@media (max-width: 768px){.chart-container{--chart-padding: 1rem}}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-shrink:0;flex-wrap:wrap;gap:.5rem}.chart-title{font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0}.chart-legend{display:flex;gap:1rem;font-size:.875rem;color:var(--text-muted, #6b7280)}.chart-legend-item{display:flex;align-items:center;gap:.375rem}.chart-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}@media (max-width: 768px){.chart-header{flex-direction:column;align-items:flex-start;gap:.25rem}.chart-title{font-size:.875rem}.chart-legend{display:none}}.chart-summary{display:none;gap:.625rem;font-size:.6875rem;font-weight:400;color:var(--text-muted, #9ca3af);margin-top:.5rem}.chart-summary-stat{display:flex;align-items:center;gap:.25rem}.chart-summary .chart-legend-dot{width:6px;height:6px}@media (max-width: 768px){.chart-summary{display:flex;flex-wrap:wrap}}.puzzle-container{background:var(--card);border:2px solid var(--border);border-radius:16px;padding:1.5rem}.puzzle-container-flush{background:transparent;border:none;padding:0}.puzzle-header{margin-bottom:1rem}.puzzle-header h3{font-size:1.25rem;font-weight:700;color:var(--text);margin:0 0 .5rem}.puzzle-header p{font-size:.9rem;color:var(--muted);margin:0}.puzzle-progress{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--bg);border-radius:8px;font-size:.85rem;color:var(--muted);margin-bottom:1.5rem}.puzzle-progress-label{font-weight:500}.puzzle-progress-score{font-weight:600;color:var(--text)}.puzzle-progress-dots{display:flex;gap:.5rem;align-items:center}.puzzle-progress-dot{width:10px;height:10px;border-radius:50%;background:var(--border);transition:all .2s}.puzzle-progress-dot.current{background:var(--accent);transform:scale(1.2)}.puzzle-progress-dot.correct{background:#10b981}.puzzle-progress-dot.incorrect{background:#ef4444}.puzzle-problem{background:var(--bg);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;text-align:center}.puzzle-problem-label{font-size:.9rem;color:var(--muted);margin-bottom:.75rem}.puzzle-problem-display{font-size:2rem;font-weight:700;color:var(--accent)}.puzzle-workspace{background:var(--bg);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.puzzle-btn{padding:.75rem 2rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.puzzle-btn:disabled{opacity:.5;cursor:not-allowed}.puzzle-btn-primary{background:var(--accent);color:#fff}.puzzle-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.puzzle-btn-success{background:#10b981;color:#fff}.puzzle-btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.puzzle-btn-secondary{background:var(--bg);color:var(--text);border:2px solid var(--border)}.puzzle-btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.puzzle-btn-sm{padding:.5rem 1rem;font-size:.875rem}.puzzle-btn-icon{width:44px;height:44px;padding:0;border-radius:50%;font-size:1.25rem}.puzzle-feedback{padding:1rem;border-radius:10px;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.puzzle-feedback-correct{background:#10b98126;color:#10b981}.puzzle-feedback-incorrect{background:#ef444426;color:#ef4444}.puzzle-feedback-almost{background:#f59e0b26;color:#f59e0b}.puzzle-feedback-hint{background:#6366f126;color:var(--accent)}.puzzle-feedback-icon{font-size:1.2rem}.puzzle-results{background:var(--bg);border:2px solid var(--border);border-radius:12px;padding:2rem;text-align:center;margin-bottom:1.5rem}.puzzle-results-perfect{border-color:#10b981;background:#10b9811a}.puzzle-results-icon{font-size:3rem;margin-bottom:.75rem}.puzzle-results h4{margin:0 0 .5rem;color:var(--text);font-size:1.5rem}.puzzle-results-score{margin:0;color:var(--muted);font-size:1.1rem}.puzzle-results-insight{margin:1rem 0;font-style:italic;color:var(--text);font-size:.9rem;line-height:1.5}.puzzle-hints{background:var(--bg);border-radius:10px;padding:1rem;margin-top:1rem}.puzzle-hints-toggle{display:flex;align-items:center;gap:.5rem;color:var(--accent);cursor:pointer;font-size:.9rem;font-weight:500}.puzzle-hints-content{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border);color:var(--text);font-size:.9rem;line-height:1.5}.puzzle-hints-counter{font-size:.8rem;color:var(--muted)}.puzzle-info{background:var(--bg);border-radius:10px;padding:1rem;font-size:.85rem;margin-top:1.5rem}.puzzle-info strong{color:var(--text);display:block;margin-bottom:.5rem}.puzzle-info ul{margin:0;padding-left:1.25rem;color:var(--muted)}.puzzle-info li{margin:.25rem 0}.puzzle-info em{color:var(--accent)}.puzzle-controls{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.puzzle-counter{display:flex;align-items:center;gap:1rem}.puzzle-counter-btn{width:40px;height:36px;border:2px solid var(--border);border-radius:6px;background:var(--card);color:var(--text);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.puzzle-counter-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent);color:#fff}.puzzle-counter-btn:disabled{opacity:.4;cursor:not-allowed}.puzzle-counter-value{min-width:3rem;text-align:center;font-weight:600;color:var(--text)}.puzzle-input{font-size:1.5rem;padding:.75rem 1.5rem;border:2px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);text-align:center;width:150px;transition:border-color .2s}.puzzle-input:focus{outline:none;border-color:var(--accent)}.puzzle-input:disabled{opacity:.6;cursor:not-allowed}.puzzle-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.puzzle-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.puzzle-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 500px){.puzzle-container{padding:1rem}.puzzle-grid-2{grid-template-columns:1fr}.puzzle-grid-3,.puzzle-grid-4{grid-template-columns:repeat(2,1fr)}.puzzle-btn{padding:.625rem 1.5rem;font-size:.9rem}.puzzle-controls{flex-direction:column}}:root{--puzzle-accent: var(--brand, #2563eb);--puzzle-accent-soft: var(--brand-soft, #dbeafe);--puzzle-accent-hover: var(--brand-hover, #1d4ed8);--puzzle-drag-bg: rgba(99, 102, 241, .1);--puzzle-drag-border: var(--puzzle-accent);--puzzle-drop-highlight: rgba(99, 102, 241, .15);--puzzle-selected-bg: var(--puzzle-accent-soft);--puzzle-selected-border: var(--puzzle-accent);--puzzle-card-bg: var(--card, #ffffff);--puzzle-card-border: var(--border, #e2e8f0);--puzzle-card-radius: 12px;--puzzle-slot-bg: #f8fafc;--puzzle-slot-border: var(--border, #e2e8f0);--puzzle-slot-border-style: dashed;--puzzle-tray-border: var(--border, #e2e8f0);--puzzle-tray-bg: transparent;--puzzle-banner-bg: #e0e7ff;--puzzle-banner-text: #3730a3;--puzzle-banner-icon-bg: #f0f0ff;--puzzle-banner-icon-border: #c7d2fe}[data-puzzle-theme=philosophy]{--puzzle-accent: #8b6f2a;--puzzle-accent-soft: #efe7d6;--puzzle-accent-hover: #7a5f1f;--puzzle-drag-bg: rgba(139, 111, 42, .1);--puzzle-banner-bg: #efe7d6;--puzzle-banner-text: #6b5335;--puzzle-banner-icon-bg: #f7f2e8;--puzzle-banner-icon-border: #bfa984}[data-puzzle-theme=mathematics]{--puzzle-accent: #2563eb;--puzzle-accent-soft: #dbeafe;--puzzle-accent-hover: #1d4ed8;--puzzle-drag-bg: rgba(37, 99, 235, .1);--puzzle-banner-bg: #dbeafe;--puzzle-banner-text: #1e40af;--puzzle-banner-icon-bg: #eff6ff;--puzzle-banner-icon-border: #93c5fd}[data-puzzle-theme=science]{--puzzle-accent: #059669;--puzzle-accent-soft: #d1fae5;--puzzle-accent-hover: #047857;--puzzle-drag-bg: rgba(5, 150, 105, .1);--puzzle-banner-bg: #d1fae5;--puzzle-banner-text: #065f46;--puzzle-banner-icon-bg: #ecfdf5;--puzzle-banner-icon-border: #6ee7b7}[data-puzzle-theme=technology]{--puzzle-accent: #7c3aed;--puzzle-accent-soft: #ede9fe;--puzzle-accent-hover: #6d28d9;--puzzle-drag-bg: rgba(124, 58, 237, .1);--puzzle-banner-bg: #ede9fe;--puzzle-banner-text: #5b21b6;--puzzle-banner-icon-bg: #f5f3ff;--puzzle-banner-icon-border: #a78bfa}[data-puzzle-theme=language]{--puzzle-accent: #d97706;--puzzle-accent-soft: #fef3c7;--puzzle-accent-hover: #b45309;--puzzle-drag-bg: rgba(217, 119, 6, .1);--puzzle-banner-bg: #fef3c7;--puzzle-banner-text: #92400e;--puzzle-banner-icon-bg: #fffbeb;--puzzle-banner-icon-border: #fcd34d}[data-puzzle-theme=practical-life]{--puzzle-accent: #78716c;--puzzle-accent-soft: #f5f5f4;--puzzle-accent-hover: #57534e;--puzzle-drag-bg: rgba(120, 113, 108, .1);--puzzle-banner-bg: #f5f5f4;--puzzle-banner-text: #44403c;--puzzle-banner-icon-bg: #fafaf9;--puzzle-banner-icon-border: #d6d3d1}[data-puzzle-theme=music]{--puzzle-accent: #db2777;--puzzle-accent-soft: #fce7f3;--puzzle-accent-hover: #be185d;--puzzle-drag-bg: rgba(219, 39, 119, .1);--puzzle-banner-bg: #fce7f3;--puzzle-banner-text: #9d174d;--puzzle-banner-icon-bg: #fdf2f8;--puzzle-banner-icon-border: #f9a8d4}[data-puzzle-theme=geometry]{--puzzle-accent: #0891b2;--puzzle-accent-soft: #cffafe;--puzzle-accent-hover: #0e7490;--puzzle-drag-bg: rgba(8, 145, 178, .1);--puzzle-banner-bg: #cffafe;--puzzle-banner-text: #155e75;--puzzle-banner-icon-bg: #ecfeff;--puzzle-banner-icon-border: #67e8f9}[data-puzzle-theme=college]{--puzzle-accent: #4f46e5;--puzzle-accent-soft: #e0e7ff;--puzzle-accent-hover: #4338ca;--puzzle-drag-bg: rgba(79, 70, 229, .1);--puzzle-banner-bg: #e0e7ff;--puzzle-banner-text: #3730a3;--puzzle-banner-icon-bg: #eef2ff;--puzzle-banner-icon-border: #a5b4fc}.lesson-page{display:grid;grid-template-columns:var(--sidebar-width) 1fr var(--chat-width);grid-template-areas:"sidebar content chat";height:100vh;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--content-bg)}.lesson-sidebar{grid-area:sidebar;overflow:hidden}.lesson-content{grid-area:content;overflow-y:auto}.chat-panel{grid-area:chat;overflow:hidden}@media (max-width: 1200px){.lesson-page{grid-template-columns:250px 1fr 320px}:root{--sidebar-width: 250px;--chat-width: 320px}}@media (max-width: 1024px){.lesson-page{grid-template-columns:220px 1fr 300px}:root{--sidebar-width: 220px;--chat-width: 300px;--content-padding: 1.5rem}}@media (max-width: 768px){.lesson-page{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"sidebar" "content" "chat"}.lesson-sidebar{max-height:200px;overflow-y:auto}.chat-panel{max-height:300px}:root{--content-padding: 1rem}}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}::selection{background-color:var(--primary-color-alpha);color:var(--text-primary)}*{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;padding:0;font-family:inherit;background-color:var(--content-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;font-size:inherit}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;text-decoration:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.philosophy-page{max-width:1100px;margin:0 auto;padding:2rem;min-height:100vh}.philosophy-page--scientific{--phil-primary: var(--phil-indigo);--phil-accent: var(--phil-emerald);--phil-accent-light: #EEF2FF;--phil-surface: var(--neutral-0);--phil-highlight: #E0E7FF;--phil-muted: var(--neutral-500);--phil-text: var(--neutral-700)}.phil-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;position:relative}.phil-header--with-back{padding-top:0}.phil-title{font-size:2.75rem;font-weight:700;color:var(--phil-primary);margin:0 0 .5rem;letter-spacing:-.02em}.phil-subtitle{font-size:1.25rem;color:var(--phil-muted);margin:0;font-style:italic}.phil-back-button{display:inline-flex;align-items:center;gap:.5rem;background:var(--phil-surface);border:1px solid var(--phil-muted);color:var(--phil-primary);padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.phil-back-button:hover{background:var(--phil-accent-light);border-color:var(--phil-accent)}.phil-back-button svg{width:16px;height:16px}.phil-back-button--positioned{position:absolute;left:0;top:0}.phil-intro{background:linear-gradient(135deg,var(--phil-accent-light),var(--phil-highlight));border-radius:24px;padding:2.5rem;margin-bottom:3rem;text-align:center}.phil-intro p{font-size:1.25rem;line-height:1.7;color:var(--phil-primary);max-width:700px;margin:0 auto}.phil-intro p:not(:last-child){margin-bottom:1.5rem}.phil-intro--left{text-align:left}.phil-intro--left p{margin:0}.phil-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 2px 16px var(--phil-shadow);transition:all .3s ease;position:relative}.phil-card--interactive:hover{transform:translateY(-4px);box-shadow:0 8px 32px var(--phil-shadow)}.phil-card--bordered{border-top:4px solid var(--phil-accent)}.phil-card--dashed{opacity:.85;border:2px dashed var(--phil-surface)}.phil-card h2{font-size:1.375rem;font-weight:600;color:var(--phil-primary);margin:0 0 .75rem}.phil-card h3{font-size:1.125rem;font-weight:600;color:var(--phil-primary);margin:0 0 .5rem}.phil-card p{font-size:.9375rem;line-height:1.65;color:var(--phil-text);margin:0}.phil-card strong{color:var(--phil-primary)}.phil-section{background:#fff;border-radius:24px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 2px 16px var(--phil-shadow)}.phil-section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--phil-surface)}.phil-section-header h2{font-size:1.5rem;font-weight:600;color:var(--phil-primary);margin:0}.phil-section-icon{font-size:2rem}.phil-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.phil-grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.phil-grid--3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.phil-grid--4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.phil-icon{width:56px;height:56px;margin-bottom:1rem;color:var(--phil-primary)}.phil-icon svg{width:100%;height:100%}.phil-icon--lg{width:80px;height:80px}.phil-icon--sm{width:40px;height:40px}.phil-badge{display:inline-block;background:var(--phil-surface);color:var(--phil-muted);font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.phil-badge--accent{background:var(--phil-accent-light);color:var(--phil-accent)}.phil-badge--positioned{position:absolute;top:1rem;right:1rem}.phil-quote{font-size:1.125rem;font-style:italic;color:var(--phil-primary);max-width:650px;margin:0 auto;line-height:1.7;padding:0 1rem;text-align:center}.phil-quote cite{display:block;margin-top:1rem;font-size:.875rem;font-style:normal;color:var(--phil-accent);font-weight:500}.phil-quote--bordered{border-left:3px solid var(--phil-accent);padding-left:1rem;text-align:left}.phil-cta{display:inline-flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.phil-cta--primary{background:var(--phil-accent);color:#fff}.phil-cta--primary:hover{background:#5a7d5a;transform:translateY(-2px);box-shadow:0 4px 16px #6b8e6b4d}.philosophy-page--scientific .phil-cta--primary{background:var(--phil-primary)}.philosophy-page--scientific .phil-cta--primary:hover{background:#4f46e5;box-shadow:0 4px 16px #6366f14d}.phil-cta--secondary{background:#fff;color:var(--phil-primary);border:2px solid var(--phil-surface)}.phil-cta--secondary:hover{border-color:var(--phil-primary);transform:translateY(-2px)}.phil-cta-subtitle{font-size:.75rem;font-weight:400;opacity:.8}.phil-cta-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.phil-footer{text-align:center;padding:3rem 0 1rem}.phil-flow{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.phil-flow-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:var(--phil-surface);border-radius:16px;min-width:140px}.phil-flow-step-icon{font-size:1.75rem}.phil-flow-step-label{font-size:.875rem;font-weight:500;color:var(--phil-primary)}.phil-flow-arrow{font-size:1.5rem;color:var(--phil-muted);opacity:.5}.phil-flow-note{font-size:.9375rem;color:var(--phil-muted);font-style:italic;margin:0;text-align:center}.phil-table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden;border:1px solid var(--phil-surface)}.phil-table tbody tr{border-bottom:1px solid var(--phil-surface)}.phil-table tbody tr:last-child{border-bottom:none}.phil-table td{padding:.75rem 1rem;font-size:.875rem}.phil-table td:first-child{font-weight:500;color:var(--phil-primary)}.phil-table td:last-child{color:var(--phil-text)}.phil-info-card{padding:1.25rem;background:var(--phil-surface);border-radius:12px}.phil-info-card h4{font-size:.9375rem;font-weight:600;color:var(--phil-primary);margin:0 0 .5rem}.phil-info-card p{font-size:.875rem;color:var(--phil-muted);margin:0;line-height:1.5}.phil-info-card--highlight{background:var(--phil-accent-light);border-left:3px solid var(--phil-accent)}.phil-info-card--warning{background:#fff8f0;border-left:3px solid #E8A598}.phil-tags{display:flex;flex-wrap:wrap;gap:.5rem}.phil-tag{padding:.375rem .875rem;border-radius:999px;font-size:.8125rem;font-weight:500;background:var(--phil-surface);color:var(--phil-primary)}.phil-tag--physics{background:#eef2ff;color:#4338ca}.phil-tag--chemistry{background:#fef3c7;color:#b45309}.phil-tag--biology{background:#d1fae5;color:#065f46}.phil-tag--history{background:#fff7ed;color:#c2410c}.phil-tag--math{background:#ede9fe;color:#5b21b6}.phil-tag--language{background:#fff1f2;color:#be123c}.phil-tag--philosophy{background:#f5f3ff;color:#6d28d9}.phil-tag--science{background:#ecfeff;color:#0e7490}@media (max-width: 768px){.philosophy-page{padding:1rem}.phil-title{font-size:2rem}.phil-intro{padding:1.5rem}.phil-intro p{font-size:1.0625rem}.phil-section,.phil-card{padding:1.5rem}.phil-grid{grid-template-columns:1fr}.phil-flow{flex-direction:column}.phil-flow-arrow{transform:rotate(90deg)}.phil-flow-step{width:100%;max-width:200px}.phil-cta-group{flex-direction:column;align-items:center}.phil-cta{width:100%;max-width:280px}.phil-back-button--positioned{position:relative;margin-bottom:1rem}.phil-header--with-back{padding-top:0}}@media (max-width: 480px){.phil-grid--3,.phil-grid--4{grid-template-columns:1fr}}.generated-image-container{margin:2rem 0;text-align:center;display:flex;flex-direction:column;align-items:center}.generated-image{max-height:500px;width:auto;max-width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border);object-fit:contain}.generated-image-container .image-caption{margin-top:.75rem;font-size:.9rem;color:var(--muted);font-style:italic}.ai-image-placeholder{margin:2rem 0;padding:2rem;background:var(--accent-light);border:2px dashed var(--accent);border-radius:var(--radius-md);text-align:center}.ai-image-placeholder .image-caption{color:var(--muted);font-size:.9rem;font-style:italic}.image-caption{max-width:60ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-caption:has(+*),.image-caption:empty{display:none}.tally-group{display:inline-flex;align-items:center;gap:4px;height:1.6em;padding:.2rem .5rem;margin:0 .25rem;border-radius:.25rem;vertical-align:middle;position:relative}.tally-line{display:inline-block;width:3px;height:1.2em;background:var(--tally-color, #3b82f6);border-radius:1px}.tally-crossed{overflow:visible}.tally-crossed:after{content:"";position:absolute;top:50%;left:.2rem;right:.2rem;height:3px;background:var(--tally-color, #3b82f6);transform:translateY(-50%) rotate(-35deg);border-radius:2px;z-index:1}.navbar.svelte-2meyoj{background:var(--surface-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:200;box-shadow:var(--shadow-sm);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-container.svelte-2meyoj{max-width:var(--max-width-content);margin:0 auto;padding:0 var(--space-4);display:flex;align-items:center;justify-content:space-between;height:4.5rem;gap:var(--space-4)}.nav-brand.svelte-2meyoj .brand-title:where(.svelte-2meyoj){font-size:var(--text-xl);font-weight:var(--weight-bold);margin:0;color:#503131;letter-spacing:-.02em;background:none;border:none;cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);text-decoration:none}.nav-brand.svelte-2meyoj .brand-title:where(.svelte-2meyoj):hover{background:var(--state-hover);color:var(--interactive-hover)}.nav-brand.svelte-2meyoj .brand-title:where(.svelte-2meyoj):focus-visible{outline:2px solid var(--interactive);outline-offset:2px}.nav-menu.svelte-2meyoj{display:flex;gap:var(--space-1);align-items:center;flex:1;justify-content:center}.nav-dropdown.svelte-2meyoj{position:relative}.nav-link.svelte-2meyoj{background:none;border:none;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);position:relative;display:flex;align-items:center;gap:var(--space-2);text-decoration:none;white-space:nowrap}.nav-link.svelte-2meyoj:hover{background:var(--state-hover);color:var(--text-primary)}.nav-link.svelte-2meyoj:focus-visible{outline:2px solid var(--interactive);outline-offset:2px}.nav-link.active.svelte-2meyoj{color:var(--interactive);font-weight:var(--weight-semibold);background:var(--state-selected)}.nav-link.active.svelte-2meyoj:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--interactive);border-radius:var(--radius-full)}.dropdown-arrow.svelte-2meyoj{width:12px;height:12px;opacity:.7;transition:transform .2s ease}.dropdown-arrow.open.svelte-2meyoj{transform:rotate(180deg)}.dropdown-menu.svelte-2meyoj{position:absolute;top:calc(100% + var(--space-2));left:0;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-width:200px;padding:var(--space-2);z-index:1000;animation:svelte-2meyoj-slideDown var(--duration-normal) var(--ease-out);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@keyframes svelte-2meyoj-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item.svelte-2meyoj{width:100%;background:none;border:none;color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:left;display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.dropdown-item.svelte-2meyoj:hover{background:var(--state-hover);color:var(--interactive)}.dropdown-item.svelte-2meyoj:focus-visible{outline:2px solid var(--interactive);outline-offset:-2px}.dropdown-item.active.svelte-2meyoj{color:var(--interactive);font-weight:var(--weight-semibold);background:var(--state-selected)}.dropdown-item-icon.svelte-2meyoj{width:16px;height:16px;opacity:.6;flex-shrink:0}.dropdown-item.svelte-2meyoj:hover .dropdown-item-icon:where(.svelte-2meyoj),.dropdown-item.active.svelte-2meyoj .dropdown-item-icon:where(.svelte-2meyoj){opacity:1}.dropdown-section-header.svelte-2meyoj{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-4);margin-top:var(--space-1)}.dashboard-item.svelte-2meyoj{font-weight:var(--weight-medium)}.dropdown-item.admin-item.svelte-2meyoj{color:var(--text-primary)}.dropdown-item.admin-item.svelte-2meyoj:hover{background:var(--state-hover);color:var(--interactive)}.dropdown-item.admin-item.active.svelte-2meyoj{color:var(--interactive);font-weight:var(--weight-semibold);background:var(--state-selected)}.philosophy-dropdown.svelte-2meyoj .dropdown-menu:where(.svelte-2meyoj){min-width:260px}.academy-menu.svelte-2meyoj{min-width:280px;padding:var(--space-2)}.academy-item.svelte-2meyoj{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.academy-item-icon-img.svelte-2meyoj{width:32px;height:32px;object-fit:contain;flex-shrink:0}.academy-item-content.svelte-2meyoj{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.academy-item-header.svelte-2meyoj{display:flex;align-items:center;gap:var(--space-2)}.academy-item-name.svelte-2meyoj{font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--text-primary)}.academy-item-subtitle.svelte-2meyoj{font-size:var(--text-xs);color:var(--text-muted);padding:1px 6px;background:var(--state-hover);border-radius:var(--radius-sm)}.academy-item-description.svelte-2meyoj{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4}.academy-item.svelte-2meyoj:hover .academy-item-name:where(.svelte-2meyoj){color:var(--interactive)}.academy-item.active.svelte-2meyoj{background:none}.academy-item.active.svelte-2meyoj .academy-item-name:where(.svelte-2meyoj){color:var(--interactive)}.external-icon.svelte-2meyoj{width:12px;height:12px;margin-left:.25rem;opacity:.7;transition:opacity var(--duration-fast) var(--ease-out)}.nav-link.external.svelte-2meyoj:hover .external-icon:where(.svelte-2meyoj){opacity:1}.external-icon-small.svelte-2meyoj{width:10px;height:10px;margin-left:auto;opacity:.6;transition:opacity var(--duration-fast) var(--ease-out);flex-shrink:0}.dropdown-item.external.svelte-2meyoj:hover .external-icon-small:where(.svelte-2meyoj){opacity:1}.nav-auth.svelte-2meyoj{display:flex;align-items:center;gap:1rem}.auth-loading.svelte-2meyoj{color:var(--muted);font-size:.9rem}.user-menu-dropdown.svelte-2meyoj{position:relative}.user-menu-trigger.svelte-2meyoj{display:flex;align-items:center;gap:var(--space-3);background:none;border:none;padding:var(--space-2);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.user-menu-trigger.svelte-2meyoj:hover{background:var(--state-hover)}.user-menu-trigger.svelte-2meyoj:focus-visible{outline:2px solid var(--interactive);outline-offset:2px}.user-avatar.svelte-2meyoj,.user-avatar-placeholder.svelte-2meyoj{width:36px;height:36px;border-radius:var(--radius-full);border:2px solid var(--border);flex-shrink:0;object-fit:cover}.user-avatar-placeholder.svelte-2meyoj{display:flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--interactive);font-weight:var(--weight-semibold);font-size:var(--text-sm);border-color:var(--interactive)}.user-avatar-placeholder.large.svelte-2meyoj{width:48px;height:48px;font-size:var(--text-lg)}.user-name.svelte-2meyoj{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-menu.svelte-2meyoj{right:0;left:auto;min-width:240px;padding:var(--space-3)}.user-dropdown-header.svelte-2meyoj{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);margin-bottom:var(--space-2)}.user-avatar-large.svelte-2meyoj{width:48px;height:48px;border-radius:var(--radius-full);border:2px solid var(--border);flex-shrink:0;object-fit:cover}.user-dropdown-info.svelte-2meyoj{flex:1;min-width:0}.user-dropdown-name.svelte-2meyoj{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-email.svelte-2meyoj{font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-divider.svelte-2meyoj{height:1px;background:var(--border);margin:var(--space-2) 0}.logout-item.svelte-2meyoj{color:var(--error)}.logout-item.svelte-2meyoj:hover{background:var(--error-soft);color:var(--error)}.login-btn.svelte-2meyoj{background:var(--interactive);color:var(--text-inverse);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.login-btn.svelte-2meyoj:hover{background:var(--interactive-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.login-btn.svelte-2meyoj:focus-visible{outline:2px solid var(--interactive);outline-offset:2px}.nav-mobile-toggle.svelte-2meyoj{display:none}@media (max-width: 768px){.nav-container.svelte-2meyoj{flex-wrap:wrap;gap:0;min-height:4rem;padding:0 var(--space-4)}.nav-menu.svelte-2meyoj{display:none;position:fixed;top:4.5rem;left:0;right:0;width:100vw;flex-direction:column;gap:0;padding:0;border-top:1px solid var(--border);max-height:0;overflow:hidden;opacity:0;transition:max-height var(--duration-slow) var(--ease-out),opacity var(--duration-slow) var(--ease-out);background:var(--surface-card, #ffffff);z-index:250;box-shadow:0 8px 32px #0000001f}.nav-menu.open.svelte-2meyoj{display:flex;max-height:calc(100vh - 4.5rem);max-height:calc(100dvh - 4.5rem);opacity:1;overflow-y:auto;padding:var(--space-2) 0}.nav-menu.svelte-2meyoj .nav-link:where(.svelte-2meyoj){width:100%;padding:var(--space-4) var(--space-6, 1.5rem);justify-content:flex-start;border-radius:0;border-bottom:1px solid var(--border);font-size:1rem}.nav-menu.svelte-2meyoj .nav-link.active:where(.svelte-2meyoj):after{left:0;transform:none;width:3px;height:100%;bottom:0;border-radius:0}.nav-menu.svelte-2meyoj .nav-link:where(.svelte-2meyoj):last-child{border-bottom:none}.nav-dropdown.svelte-2meyoj{width:100%}.nav-dropdown.svelte-2meyoj .dropdown-toggle:where(.svelte-2meyoj){width:100%;justify-content:space-between;padding:var(--space-4) var(--space-6, 1.5rem);font-size:1rem}.nav-dropdown.svelte-2meyoj .dropdown-menu:where(.svelte-2meyoj){position:static;width:100%;margin-top:0;border:none;border-top:1px solid var(--border);border-radius:0;box-shadow:none;animation:none;background:var(--surface-secondary, #f8f8f8);padding:var(--space-2) 0}.nav-dropdown.svelte-2meyoj .dropdown-menu:where(.svelte-2meyoj) .dropdown-item:where(.svelte-2meyoj){padding:var(--space-3) var(--space-6, 1.5rem) var(--space-3) var(--space-8, 2rem)}.nav-auth.svelte-2meyoj{position:fixed;bottom:0;left:0;right:0;width:100vw;justify-content:center;margin-top:0;padding:var(--space-4) var(--space-6, 1.5rem);border-top:1px solid var(--border);display:none;background:var(--surface-card, #ffffff);z-index:251;box-shadow:0 -4px 16px #00000014}.nav-menu.open.svelte-2meyoj~.nav-auth:where(.svelte-2meyoj){display:flex}.user-menu-dropdown.svelte-2meyoj{width:100%}.user-menu-trigger.svelte-2meyoj{width:100%;justify-content:center}.user-name.svelte-2meyoj{max-width:none}.user-dropdown-menu.svelte-2meyoj{position:static;width:100%;margin-top:var(--space-2);border:none;border-top:1px solid var(--border);border-radius:0;box-shadow:none;animation:none}.nav-mobile-toggle.svelte-2meyoj{display:block;order:1}.mobile-menu-btn.svelte-2meyoj{background:none;border:2px solid transparent;cursor:pointer;padding:var(--space-2);display:flex;flex-direction:column;gap:6px;min-width:48px;min-height:48px;align-items:center;justify-content:center;transition:all var(--duration-normal) var(--ease-out);border-radius:var(--radius-md)}.mobile-menu-btn.svelte-2meyoj span:where(.svelte-2meyoj){width:26px;height:3px;background:var(--text-primary, #333);transition:all var(--duration-normal) var(--ease-out);border-radius:var(--radius-full)}.mobile-menu-btn.open.svelte-2meyoj{background:var(--surface-secondary, #f5f5f5);border-color:var(--border, #e0e0e0)}.mobile-menu-btn.open.svelte-2meyoj span:where(.svelte-2meyoj){background:var(--text-primary, #333);width:24px;height:3px}.mobile-menu-btn.open.svelte-2meyoj span:where(.svelte-2meyoj):nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-btn.open.svelte-2meyoj span:where(.svelte-2meyoj):nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-btn.open.svelte-2meyoj span:where(.svelte-2meyoj):nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu-btn.svelte-2meyoj:hover{background:var(--state-hover, #f0f0f0)}.mobile-menu-btn.svelte-2meyoj:active{transform:scale(.95)}.mobile-menu-btn.svelte-2meyoj:focus-visible{outline:2px solid var(--interactive);outline-offset:2px}.nav-menu.svelte-2meyoj,.nav-auth.svelte-2meyoj{display:none!important}}.mobile-menu-backdrop.svelte-2meyoj,.unified-mobile-menu.svelte-2meyoj{display:none}@media (max-width: 768px){.mobile-menu-backdrop.svelte-2meyoj{display:block;position:fixed;top:4.5rem;left:0;right:0;bottom:0;background:#00000080;z-index:998;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.unified-mobile-menu.svelte-2meyoj{display:flex;position:fixed;top:4.5rem;left:0;right:0;bottom:0;background:var(--surface-card, #ffffff);z-index:999;flex-direction:column;overflow-y:auto;animation:svelte-2meyoj-slideDown var(--duration-normal, .2s) var(--ease-out, ease-out)}.mobile-user-profile.svelte-2meyoj{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-4, 1rem) var(--space-5, 1.25rem);border-bottom:1px solid var(--border, #e0e0e0);background:var(--surface-secondary, #f8f8f8)}.mobile-user-avatar.svelte-2meyoj,.mobile-user-avatar-placeholder.svelte-2meyoj{width:48px;height:48px;border-radius:50%;border:2px solid var(--border, #e0e0e0);flex-shrink:0;object-fit:cover}.mobile-user-avatar-placeholder.svelte-2meyoj{display:flex;align-items:center;justify-content:center;background:var(--brand-soft, #e8f4fc);color:var(--interactive, #2563eb);font-weight:600;font-size:1.125rem}.mobile-user-info.svelte-2meyoj{display:flex;flex-direction:column;gap:2px;min-width:0}.mobile-user-name.svelte-2meyoj{font-size:1rem;font-weight:600;color:var(--text-primary, #333);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-user-email.svelte-2meyoj{font-size:.875rem;color:var(--text-muted, #666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-items.svelte-2meyoj{flex:1;padding:.5rem 0}.mobile-nav-item.svelte-2meyoj{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;color:var(--text-primary, #333);text-decoration:none;font-size:1rem;font-weight:500;transition:all .15s ease;border:none;background:none;width:100%;cursor:pointer;text-align:left}.mobile-nav-item.svelte-2meyoj:hover{background:var(--state-hover, #f5f5f5)}.mobile-nav-item.active.svelte-2meyoj{color:var(--interactive, #2563eb);background:var(--state-selected, #e8f4fc)}.mobile-nav-item.svelte-2meyoj svg:where(.svelte-2meyoj){flex-shrink:0;opacity:.7}.mobile-nav-item.active.svelte-2meyoj svg:where(.svelte-2meyoj){opacity:1}.mobile-nav-item.logout.svelte-2meyoj{color:var(--error, #dc2626)}.mobile-nav-item.logout.svelte-2meyoj:hover{background:var(--error-soft, #fef2f2)}.mobile-nav-section.svelte-2meyoj{padding:.5rem 0;border-top:1px solid var(--border, #e0e0e0)}.mobile-nav-section-label.svelte-2meyoj{display:block;padding:.5rem 1.25rem;font-size:.75rem;font-weight:600;color:var(--text-muted, #666);text-transform:uppercase;letter-spacing:.05em}.mobile-nav-item.sub-item.svelte-2meyoj{padding-left:2rem;font-size:.9375rem}.mobile-nav-item-icon.svelte-2meyoj{width:24px;height:24px;object-fit:contain;flex-shrink:0}.external-icon-mobile.svelte-2meyoj{margin-left:auto;opacity:.5}.mobile-menu-footer.svelte-2meyoj{padding:1rem 1.25rem;border-top:1px solid var(--border, #e0e0e0);background:var(--surface-secondary, #f8f8f8)}.mobile-sign-in-btn.svelte-2meyoj{width:100%;background:var(--interactive, #2563eb);color:#fff;border:none;padding:.75rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease}.mobile-sign-in-btn.svelte-2meyoj:hover{background:var(--interactive-hover, #1d4ed8)}}.footer.svelte-bw6mw2{background:var(--card);border-top:1px solid var(--border);margin-top:4rem;padding:3rem 2rem 1.5rem}.footer-content.svelte-bw6mw2{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section.svelte-bw6mw2 h3:where(.svelte-bw6mw2){font-size:1.25rem;font-weight:700;color:var(--text);margin:0 0 .75rem}.footer-section.svelte-bw6mw2 h4:where(.svelte-bw6mw2){font-size:1rem;font-weight:600;color:var(--text);margin:0 0 1rem}.footer-section.svelte-bw6mw2 p:where(.svelte-bw6mw2){color:var(--muted);font-size:.9rem;line-height:1.6;margin:0}.footer-links.svelte-bw6mw2{display:flex;flex-direction:column;gap:.75rem}.footer-links.svelte-bw6mw2 a:where(.svelte-bw6mw2){color:var(--muted);text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-links.svelte-bw6mw2 a:where(.svelte-bw6mw2):hover{color:var(--accent);text-decoration:underline}.footer-bottom.svelte-bw6mw2{max-width:1200px;margin:0 auto;padding-top:2rem;border-top:1px solid var(--border);text-align:center}.footer-bottom.svelte-bw6mw2 p:where(.svelte-bw6mw2){color:var(--muted);font-size:.875rem;margin:0}@media (max-width: 768px){.footer.svelte-bw6mw2{padding:2rem 1rem 1rem}.footer-content.svelte-bw6mw2{grid-template-columns:1fr;gap:1.5rem}.footer-links.svelte-bw6mw2{gap:.5rem}}.ambient-container.svelte-9qqpno{position:relative}.ambient-toggle-row.svelte-9qqpno{display:flex;align-items:center;gap:2px}.ambient-toggle.svelte-9qqpno{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fffbf5eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(139,115,85,.15);border-radius:50px 0 0 50px;cursor:pointer;transition:all .3s ease;font-size:12px;color:#8b7355;font-weight:500;box-shadow:0 2px 8px #8b73551a,inset 0 1px #fffc;position:relative}.ambient-toggle.svelte-9qqpno:hover{background:#fffffff2;border-color:#6b8e6b66;color:#6b8e6b}.ambient-toggle.playing.svelte-9qqpno{background:#e8f0e8f2;border-color:#6b8e6b66;color:#6b8e6b}.toggle-icon.svelte-9qqpno{font-size:14px;line-height:1}.toggle-label.svelte-9qqpno{font-weight:500}.playing-indicator.svelte-9qqpno{position:absolute;top:4px;right:4px;width:6px;height:6px;background:#6b8e6b;border-radius:50%;animation:svelte-9qqpno-pulse 2s ease-in-out infinite}@keyframes svelte-9qqpno-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.expand-button.svelte-9qqpno{display:flex;align-items:center;justify-content:center;padding:8px;background:#fffbf5eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(139,115,85,.15);border-left:none;border-radius:0 50px 50px 0;cursor:pointer;transition:all .3s ease;color:#8b7355;box-shadow:0 2px 8px #8b73551a,inset 0 1px #fffc}.expand-button.svelte-9qqpno:hover{background:#fffffff2;color:#6b8e6b}.expand-button.svelte-9qqpno svg:where(.svelte-9qqpno){width:14px;height:14px;transition:transform .2s ease}.expand-button.expanded.svelte-9qqpno svg:where(.svelte-9qqpno){transform:rotate(180deg)}.soundscape-menu.svelte-9qqpno{position:absolute;bottom:calc(100% + 8px);right:0;background:#fffbf5fa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(139,115,85,.15);border-radius:16px;padding:8px;min-width:260px;box-shadow:0 8px 32px #8b735526,0 2px 8px #0000000d;animation:svelte-9qqpno-slideUp .2s ease}@keyframes svelte-9qqpno-slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.menu-header.svelte-9qqpno{padding:8px 12px 12px;font-size:11px;font-weight:600;color:#a0896c;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(139,115,85,.1);margin-bottom:4px}.soundscape-option.svelte-9qqpno{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left}.soundscape-option.svelte-9qqpno:hover{background:#6b8e6b14}.soundscape-option.active.svelte-9qqpno{background:#6b8e6b1f}.option-icon.svelte-9qqpno{font-size:20px;line-height:1;flex-shrink:0}.option-content.svelte-9qqpno{flex:1;min-width:0}.option-name.svelte-9qqpno{display:block;font-size:13px;font-weight:600;color:#5c4d3d;margin-bottom:2px}.option-desc.svelte-9qqpno{display:block;font-size:11px;color:#a0896c;line-height:1.3}.option-check.svelte-9qqpno{color:#6b8e6b;font-size:14px;font-weight:600}@media (max-width: 480px){.soundscape-menu.svelte-9qqpno{min-width:240px;right:-8px}.toggle-label.svelte-9qqpno{display:none}.ambient-toggle.svelte-9qqpno{padding:10px 12px;border-radius:50px}.expand-button.svelte-9qqpno{display:none}.ambient-toggle.svelte-9qqpno{border-radius:50px}}.dev-switcher.svelte-1oiu4g8{position:fixed;bottom:20px;right:20px;z-index:9999;font-family:system-ui,-apple-system,sans-serif}.toggle-btn.svelte-1oiu4g8{width:48px;height:48px;border-radius:50%;background:#1a1a2e;border:2px solid #4a4a6a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 12px #0000004d;transition:transform .2s,box-shadow .2s}.toggle-btn.svelte-1oiu4g8:hover{transform:scale(1.05);box-shadow:0 6px 16px #0006}.icon.svelte-1oiu4g8{font-size:1.25rem}.badge.svelte-1oiu4g8{position:absolute;top:-4px;right:-4px;background:#ff6b6b;color:#fff;font-size:.6rem;font-weight:700;padding:2px 4px;border-radius:4px}.panel.svelte-1oiu4g8{position:absolute;bottom:56px;right:0;width:260px;background:#1a1a2e;border:1px solid #4a4a6a;border-radius:12px;box-shadow:0 8px 32px #0006;overflow:hidden}.panel-header.svelte-1oiu4g8{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #4a4a6a;color:#fff;font-weight:600;font-size:.9rem}.close-btn.svelte-1oiu4g8{background:none;border:none;color:#888;font-size:1.25rem;cursor:pointer;padding:0;line-height:1}.close-btn.svelte-1oiu4g8:hover{color:#fff}.user-list.svelte-1oiu4g8{max-height:320px;overflow-y:auto}.user-item.svelte-1oiu4g8{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:transparent;border:none;border-bottom:1px solid #2a2a4a;color:#ccc;cursor:pointer;text-align:left;transition:background .15s}.user-item.svelte-1oiu4g8:last-child{border-bottom:none}.user-item.svelte-1oiu4g8:hover{background:#2a2a4a}.user-item.active.svelte-1oiu4g8{background:#3a3a5a;color:#fff}.user-item.child.svelte-1oiu4g8{background:linear-gradient(90deg,rgba(76,175,80,.1) 0%,transparent 100%)}.user-item.child.svelte-1oiu4g8:hover{background:linear-gradient(90deg,#4caf5033,#2a2a4a)}.user-item.svelte-1oiu4g8:disabled{opacity:.5;cursor:wait}.user-avatar.svelte-1oiu4g8{font-size:1.25rem}.user-info.svelte-1oiu4g8{flex:1;display:flex;flex-direction:column;gap:2px}.user-label.svelte-1oiu4g8{font-size:.85rem;font-weight:500}.user-role.svelte-1oiu4g8{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.check.svelte-1oiu4g8{color:#4caf50;font-weight:700}.panel-footer.svelte-1oiu4g8{padding:8px 16px;border-top:1px solid #4a4a6a;background:#151525}.hint.svelte-1oiu4g8{font-size:.7rem;color:#666}html{font-family:-apple-system,system-ui,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.app.svelte-tafs96{min-height:100vh;background:var(--bg);color:var(--text)}.main-content.svelte-tafs96{min-height:calc(100vh - 4rem)}.main-content.dashboard-mode.svelte-tafs96{min-height:100vh}@media (max-width: 768px){.main-content.svelte-tafs96{min-height:calc(100vh - 4rem)}}.ambient-control.svelte-tafs96{position:fixed;bottom:24px;right:24px;z-index:100;opacity:.75;transition:all .3s ease}.ambient-control.svelte-tafs96:hover{opacity:1;transform:scale(1.05)}@media (max-width: 768px){.ambient-control.svelte-tafs96{bottom:16px;right:16px}}