:root{--background:#fffff7;--foreground:#111827;--white:#fff;--accent:#4aa03b;--accent-hover:#42a334;--accent-soft:rgba(116,255,92,.12);--accent-glow:rgba(116,255,92,.35);--secondary:#47b4ff;--secondary-hover:#2ea1f0;--secondary-soft:rgba(71,180,255,.1);--secondary-glow:rgba(71,180,255,.3);--gray-50:#fafaf8;--gray-100:#f3f3ef;--gray-200:#e8e8e2;--gray-300:#d4d4cc;--gray-400:#a8a89e;--gray-500:#78786e;--gray-600:#54544c;--gray-700:#3a3a34;--danger:#ff6b6b;--danger-soft:hsla(0,100%,71%,.1);--warning:#ffb84d;--warning-soft:rgba(255,184,77,.1);--success:#4ade80;--success-soft:rgba(74,222,128,.1);--info:#47b4ff;--info-soft:rgba(71,180,255,.08);--surface:hsla(0,0%,100%,.72);--surface-raised:hsla(0,0%,100%,.88);--surface-overlay:rgba(255,253,247,.92);--border-default:rgba(0,0,0,.06);--border-hover:rgba(0,0,0,.1);--border-active:var(--secondary);--shadow-xs:0 1px 2px rgba(0,0,0,.03);--shadow-sm:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.02);--shadow-md:0 4px 12px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.03);--shadow-lg:0 8px 28px rgba(0,0,0,.07),0 2px 8px rgba(0,0,0,.03);--shadow-xl:0 16px 48px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.04);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.25,0.46,0.45,0.94);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--border:#e5e7eb;--gray-800:#1f2937;--primary:#000;--border-light:#f3f4f6;--success-border:#bbf7d0;--warning-border:#fef08a;--danger-border:#fecaca;--muted-foreground:#6b7280;--auto-color-1:rgba(71,180,255,.4);--auto-color-2:#eab308;--auto-color-3:#94a3b8;--auto-color-4:#b45309;--auto-color-5:#166534;--auto-color-6:rgba(74,222,128,.3);--auto-color-7:#1e40af;--auto-color-8:rgba(139,92,246,.15);--auto-color-9:#5b21b6;--auto-color-10:rgba(139,92,246,.3);--auto-color-11:rgba(239,68,68,.1);--auto-color-12:#ef4444;--auto-color-13:rgba(59,130,246,.1);--auto-color-14:#3b82f6;--auto-color-15:rgba(16,185,129,.1);--auto-color-16:#10b981;--auto-color-17:#8b5cf6;--auto-color-18:#991b1b;--auto-color-19:rgba(245,158,11,.2);--auto-color-20:hsla(0,100%,71%,.4);--auto-color-21:rgba(99,102,241,.15);--auto-color-22:hsla(0,0%,100%,0);--auto-color-23:hsla(0,0%,100%,.4);--auto-color-24:rgba(0,0,0,.4);--auto-color-25:rgba(0,0,0,.25);--auto-color-26:#fbbf24;--auto-color-27:hsla(0,0%,100%,.2);--quiz-score-font-size:1rem;--quiz-score-font-weight:600;--header-height:3.75rem;--header-top:1rem;--header-total-offset:calc(var(--header-height) + var(--header-top) + 1.25rem)}@media (min-width:40rem){:root{--quiz-score-font-size:1.125rem;--quiz-score-font-weight:700}}.app-page-wrapper{width:100%;min-height:100vh}.app-page-wrapper:has(.isLandingPage){background-image:url(/uploads/landing/hero_bg_full.png);background-size:cover;background-position:top;background-repeat:no-repeat;background-attachment:fixed}@media (min-width:48rem){.app-page-wrapper:not(:has(.isLandingPage)){padding-top:var(--header-total-offset)}}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;width:100%;overflow-x:hidden}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-roboto),sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{background:none;border:none;padding:0;cursor:pointer;font:inherit}a,button{color:inherit}a{text-decoration:none}ul{list-style-type:disc}ol,ul{list-style-position:outside;padding-left:1.5rem;margin:.5rem 0}ol{list-style-type:decimal}li{margin-bottom:.25rem}[contenteditable=true],body,button,input,select,textarea{font-family:var(--font-roboto,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji",system-ui,-apple-system,sans-serif)}h1,h2,h3,h4,h5,h6,p{margin:0}