:root{--color-primary-50:#fef9e7;--color-primary-100:#fef3c7;--color-primary-200:#fde68a;--color-primary-300:#fcd34d;--color-primary-400:#fbbf24;--color-primary-500:#fab908;--color-primary-600:#d97706;--color-primary-700:#b45309;--color-primary-800:#92400e;--color-primary-900:#78350f;--color-secondary-50:#f9fafb;--color-secondary-100:#f3f4f6;--color-secondary-200:#e5e7eb;--color-secondary-300:#d1d5db;--color-secondary-400:#9ca3af;--color-secondary-500:#6b7280;--color-secondary-600:#4b5563;--color-secondary-700:#374151;--color-secondary-800:#2d2d2d;--color-secondary-900:#1f2937;--color-accent-50:var(--color-primary-50);--color-accent-100:var(--color-primary-100);--color-accent-200:var(--color-primary-200);--color-accent-300:var(--color-primary-300);--color-accent-400:var(--color-primary-400);--color-accent-500:var(--color-primary-500);--color-accent-600:var(--color-primary-600);--color-accent-700:var(--color-primary-700);--color-accent-800:var(--color-primary-800);--color-accent-900:var(--color-primary-900);--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a3a3a3;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-success-light:#d1fae5;--color-success:#10b981;--color-success-dark:#047857;--color-warning-light:#fef3c7;--color-warning:#f59e0b;--color-warning-dark:#d97706;--color-error-light:#fee2e2;--color-error:#ef4444;--color-error-dark:#dc2626;--color-info-light:#dbeafe;--color-info:#3b82f6;--color-info-dark:#1d4ed8;--cta-bg:#fab908;--cta-bg-hover:#fbbf24;--cta-text:#111827;--cta-shadow:0 10px 20px -10px rgba(250,185,8,0.45);--color-heading:var(--color-neutral-900);--color-linkedin:#0a66c2;--color-linkedin-hover:#0b5cad;--color-google-blue:#4285f4;--color-google-green:#34a853;--color-google-yellow:#fbbc05;--color-google-red:#ea4335;--color-surface-shell:#000000;--color-surface-panel:#2d2d2d;--color-surface-card:var(--color-neutral-50);--color-surface-subtle:#f9fafb;--color-surface-overlay:rgba(0,0,0,0.72);--color-border-strong:color-mix(in srgb,var(--cta-bg) 42%,transparent);--color-border-subtle:color-mix(in srgb,var(--color-secondary-800) 18%,white);--color-text-primary:var(--color-neutral-900);--color-text-inverse:#ffffff;--color-text-muted:#4b5563;--color-text-subtle:#9ca3af;--font-primary:var(--font-playfair),"Playfair Display","Noto Serif",serif;--font-secondary:var(--font-afacad),"Afacad","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"Fira Code","Courier New",monospace;--radius-none:0;--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--shadow-primary:0 10px 15px -3px rgba(250,185,8,0.3),0 4px 6px -4px rgba(250,185,8,0.3);--shadow-secondary:0 10px 15px -3px rgba(45,45,45,0.2),0 4px 6px -4px rgba(45,45,45,0.2);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--shadow-sm:0 0 0 1px var(--color-neutral-900);--shadow-md:0 0 0 2px var(--color-neutral-900);--shadow-lg:0 0 0 3px var(--color-neutral-900)}}:root{--foreground-rgb:0,0,0;--background-start-rgb:255,255,255;--background-end-rgb:255,255,255;--primary:250,185,8;--secondary:45,45,45;--accent:250,185,8;--black:0,0,0;--dark-grey:45,45,45;--white:255,255,255}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:45,45,45}}html[data-mantine-color-scheme=dark]{color-scheme:dark;--mantine-color-text:var(--mantine-color-gray-1);--mantine-color-dimmed:var(--mantine-color-gray-2);--color-heading:var(--mantine-color-white);--color-text-primary:var(--mantine-color-gray-1);--color-text-inverse:var(--mantine-color-ink-9);--color-text-muted:var(--mantine-color-gray-2);--color-text-subtle:var(--mantine-color-gray-3);--color-surface-shell:var(--mantine-color-ink-9);--color-surface-panel:var(--mantine-color-ink-8);--color-surface-card:var(--mantine-color-ink-8);--color-surface-subtle:var(--mantine-color-ink-7);--color-border-strong:var(--mantine-color-ink-6);--color-border-subtle:var(--mantine-color-ink-6)}body{color:var(--color-text-primary);background:var(--color-surface-shell);font-family:var(--font-secondary);font-size:18px;line-height:1.7;letter-spacing:0}body.consent-banner-open{padding-bottom:var(--consent-banner-height,0)}li,ol,p,ul{font-size:18px;line-height:1.7}h1,h2,h3,h4,li,ol,p,ul{font-family:var(--font-secondary)}h1,h2,h3,h4{letter-spacing:0;color:var(--color-heading)}h1{font-size:clamp(2rem,2.5vw,2.75rem);line-height:1.2}h2{font-size:clamp(1.625rem,2vw,2.1rem);line-height:1.25}h3{font-size:clamp(1.375rem,1.6vw,1.6rem);line-height:1.3}.lesson-prose{font-family:var(--font-secondary);font-size:1.15rem;line-height:1.8;letter-spacing:0}.lesson-prose,.lesson-prose p{color:var(--lesson-prose-text,currentColor)}.lesson-prose p{margin-bottom:1.1em}.lesson-prose h1,.lesson-prose h2,.lesson-prose h3,.lesson-prose h4{font-family:var(--font-secondary);margin-top:1.6em;margin-bottom:.6em;color:var(--lesson-prose-heading,var(--color-heading));letter-spacing:0}.lesson-prose ol,.lesson-prose ul{padding-left:1.4em;margin-bottom:1.2em;line-height:1.8;color:var(--lesson-prose-text,currentColor)}.lesson-prose li{margin-bottom:.6em;color:var(--lesson-prose-text,currentColor)}.lesson-prose a{color:var(--lesson-prose-link,var(--cta-bg));text-decoration-thickness:.08em;text-underline-offset:.18em}.lesson-prose blockquote{color:var(--lesson-prose-muted,currentColor);border-left:3px solid var(--lesson-prose-accent,var(--cta-bg));padding-left:1em}.lesson-prose code{background:var(--lesson-prose-code-bg,color-mix(in srgb,currentColor 10%,transparent));color:var(--lesson-prose-code-text,currentColor);border-radius:var(--radius-md);padding:.1em .28em}.lesson-prose-dark{--lesson-prose-heading:var(--mantine-color-white);--lesson-prose-text:var(--mantine-color-gray-2);--lesson-prose-muted:var(--mantine-color-gray-3);--lesson-prose-link:var(--mantine-color-amanoba-4);--lesson-prose-accent:var(--mantine-color-amanoba-5);--lesson-prose-code-bg:var(--mantine-color-ink-9);--lesson-prose-code-text:var(--mantine-color-gray-1)}.text-balance{text-wrap:balance}.focus-visible-ring:focus-visible{outline:2px solid var(--mantine-color-amanoba-5);outline-offset:2px}.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}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface-shell)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}@keyframes achievement-pop{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0deg);opacity:1}}@keyframes level-up{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-20px) scale(1.1)}75%{transform:translateY(-10px) scale(1.05)}}@keyframes points-counter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-achievement-pop{animation:achievement-pop .6s cubic-bezier(.68,-.55,.265,1.55)}.animate-level-up{animation:level-up .8s ease-out}.animate-points-counter{animation:points-counter .3s ease-out}.rich-text-editor.ProseMirror{outline:none}.rich-text-editor.ProseMirror,.rich-text-editor.ProseMirror li,.rich-text-editor.ProseMirror ol,.rich-text-editor.ProseMirror p,.rich-text-editor.ProseMirror ul{color:var(--color-text-primary)!important}.rich-text-editor.ProseMirror h1,.rich-text-editor.ProseMirror h2,.rich-text-editor.ProseMirror h3,.rich-text-editor.ProseMirror h4,.rich-text-editor.ProseMirror h5,.rich-text-editor.ProseMirror h6{color:var(--color-heading)!important}.rich-text-editor.ProseMirror blockquote{color:var(--color-text-muted)!important;border-left:3px solid var(--color-secondary-700);padding-left:1em;margin:1em 0}.rich-text-editor.ProseMirror a{color:var(--cta-bg)!important;text-decoration:underline}.rich-text-editor.ProseMirror p.is-editor-empty:first-child:before{color:var(--color-secondary-400)!important}@media (max-width:768px){body{line-height:1.55;padding-left:0;padding-right:0}h1{font-size:22px;line-height:1.25}h2{font-size:19px;line-height:1.3}h3{font-size:17px;line-height:1.35}.page-container{padding-left:16px;padding-right:16px}[role=button],a.button,button{min-height:44px;min-width:44px;padding:12px 16px}.game-board,.game-canvas,.game-controls{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.game-container{overscroll-behavior-y:contain;position:fixed;width:100%;height:100%}*{-webkit-tap-highlight-color:rgba(99,102,241,.2)}body{font-size:16px;line-height:1.5}.game-madoku,.game-memory,.game-quizzz,.game-whackpop{max-width:100vw;padding:16px;box-sizing:border-box}.dashboard-grid,.dashboard-grid-2,.dashboard-grid-3{grid-template-columns:1fr!important}.mobile-full-width{width:100%}.mobile-sticky-header{position:sticky;top:0;z-index:50;background:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.touch-spacing{margin:16px 0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@media (max-width:768px) and (orientation:landscape){header{padding:8px 16px}.game-container{height:100vh}.landscape-hide{display:none}}@media (display-mode:standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.pwa-safe-area{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}.pb-safe{padding-bottom:max(1rem,env(safe-area-inset-bottom,1rem))}.swipeable{touch-action:pan-y pinch-zoom}.no-scroll{overflow:hidden;position:fixed;width:100%}@media (max-width:768px){.loading-skeleton{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}}.CookieConsentBanner_banner__j6qA8{position:fixed;inset-inline:0;bottom:0;z-index:50;max-height:min(70vh,360px);overflow-y:auto;border-top:1px solid var(--mantine-color-gray-3)}