:root{--font-sans:Outfit,system-ui,"Helvetica Neue",Arial,sans-serif;--font-display:"Baloo 2",system-ui,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,monospace}:root{--green-900:#12261C;--green-800:#3F5A14;--green-700:#5E7F1C;--green-600:#7A9A24;--green-500:#8CAE2B;--green-400:#B4CC84;--green-300:#D3D8BF;--green-200:#E6E8D3;--green-100:#EDEDDF;--green-050:#F5F2E6;--orange-600:#B57A0E;--orange-500:#E9A21B;--orange-300:#F3CC7A;--orange-100:#FBEBC8;--crimson-700:#A32A1F;--crimson-600:#C13A2E;--crimson-200:#F4CFC9;--crimson-100:#FBEAE6;--cream-050:#FAF8F0;--cream-100:#F5F2E6;--cream-200:#EFEBDD;--ink-900:#16251B;--ink-700:#44594A;--ink-500:#53665A;--ink-300:#6F8275;--white:#FFFFFF;--black:#000000;--surface-app:#F5F2E6;--surface-card:#FFFFFF;--surface-panel:#E6E8D3;--surface-panel-soft:#EDEDDF;--surface-sheet:#FFFFFF;--surface-sheet-error:#FBEAE6;--surface-inverse:#16251B;--surface-option:#FFFFFF;--surface-option-resolved:#DCEBD2;--surface-scrim:rgba(6,16,11,.55);--surface-glass:rgba(255,255,255,.26);--text-strong:#16251B;--text-body:#44594A;--text-muted:#53665A;--text-faint:#6F8275;--text-brand:#16251B;--text-on-dark:#FFFFFF;--text-on-dark-muted:rgba(255,255,255,.82);--text-latin:#53665A;--accent-primary:#8CAE2B;--accent-primary-hover:#7E9D24;--accent-secondary:#53665A;--accent-highlight:#E9A21B;--accent-locked:#E6E8D3;--accentbtn:#8CAE2B;--goldtext:#7E5B0E;--goodtext:#1C6335;--badink:#A32A1F;--feedback-correct:#247A42;--feedback-wrong:#C13A2E;--text-on-accent:#12261C;--text-on-correct:#FFFFFF;--text-on-wrong:#FFFFFF;--text-on-highlight:#0C2415;--xp-track:#E6E8D3;--xp-fill:#E9A21B;--border-width:2px;--border-card:#D3D8BF;--border-soft:#D3D8BF;--border-panel:#D3D8BF;--border-correct:#247A42;--border-wrong:#C13A2E;--border-strong:#D3D8BF;--map-land:#B4CC84;--map-land-stroke:#F5F2E6}:root{--text-display:33px;--text-display-lh:1.06;--text-title:25px;--text-title-lh:1.12;--text-heading:22px;--text-heading-lh:1.15;--text-subheading:19px;--text-subheading-lh:1.3;--text-body-size:15px;--text-body-lh:1.45;--text-small:13px;--text-small-lh:1.4;--text-caption:12px;--text-caption-lh:1.35;--text-eyebrow:12px;--text-eyebrow-lh:1;--weight-regular:400;--weight-medium:500;--weight-bold:700;--weight-display:800;--tracking-eyebrow:.16em;--tracking-title:-.015em;--tracking-tight:-.01em;--tracking-normal:0;--case-title:none;--type-question:var(--weight-display) var(--text-title)/var(--text-title-lh) var(--font-display);--type-eyebrow:var(--weight-bold) var(--text-eyebrow)/var(--text-eyebrow-lh) var(--font-sans);--type-latin:italic var(--weight-regular) var(--text-small)/var(--text-small-lh) var(--font-sans);--type-button:var(--weight-display) var(--text-subheading)/1 var(--font-display)}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--gutter-screen:16px;--gap-option:12px;--pad-panel:20px;--pad-sheet:20px;--tap-min:44px;--control-h-sm:36px;--control-h-md:48px;--control-h-lg:56px}:root{--radius-xs:10px;--radius-sm:14px;--radius-md:20px;--radius-lg:20px;--radius-xl:30px;--radius-photo-bottom:36px;--radius-pill:999px;--radius-leaf:100% 0 100% 100%;--radius-leaf-alt:0 100% 100% 100%}:root{--shadow-none:none;--shadow-card:0 4px 0 rgba(22,37,27,.1);--shadow-raised:0 5px 0 rgba(22,37,27,.14);--shadow-sheet:0 -10px 34px rgba(0,0,0,.28);--shadow-pin:0 4px 0 rgba(22,37,27,.18);--shadow-inset-photo:inset 0 -80px 80px -60px rgba(6,16,11,.5);--scrim-photo-top:linear-gradient(180deg,rgba(6,16,11,.5) 0%,rgba(6,16,11,0) 30%);--scrim-photo-bottom:linear-gradient(0deg,rgba(6,16,11,.4) 0%,rgba(6,16,11,0) 30%);--blur-glass:blur(12px)}:root{--ease-out:cubic-bezier(.22,.8,.31,1);--ease-in-out:cubic-bezier(.5,0,.5,1);--ease-spring:cubic-bezier(.34,1.4,.5,1);--dur-instant:90ms;--dur-fast:.16s;--dur-base:.24s;--dur-slow:.38s;--dur-celebrate:1.2s;--press-scale:.97}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--surface-app);color:var(--text-body);font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-lh);-webkit-font-smoothing:antialiased;text-wrap:pretty}h1,h2,h3,h4,p{margin:0}a{color:var(--text-brand);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--green-600)}button{font-family:inherit}.cb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:0;cursor:pointer;font:var(--type-button);letter-spacing:var(--tracking-tight);border-radius:var(--radius-pill);transition:background var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out),opacity var(--dur-fast) var(--ease-out);text-decoration:none}.cb-btn:active{transform:scale(var(--press-scale))}.cb-btn--primary{background:var(--accentbtn);color:var(--text-on-accent)}.cb-btn--primary:hover{background:var(--accent-primary-hover)}.cb-btn--secondary{background:var(--surface-card);color:var(--text-strong);box-shadow:inset 0 0 0 var(--border-width) var(--border-card)}.cb-btn--secondary:hover{background:var(--surface-panel-soft)}.cb-btn--highlight{background:var(--goldtext);color:var(--white)}.cb-btn--highlight:hover{background:#6a4c0b}.cb-btn--ghost{background:transparent;color:var(--text-brand)}.cb-btn--ghost:hover{background:var(--surface-panel-soft)}.cb-btn--glass{background:var(--surface-glass);color:var(--text-on-dark);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass)}.cb-btn--glass:hover{background:#fff6}.cb-btn[disabled],.cb-btn--disabled{background:var(--surface-panel);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.cb-btn--lg{height:var(--control-h-lg);padding:0 var(--space-7)}.cb-btn--md{height:var(--control-h-md);padding:0 var(--space-6);font-size:var(--text-body-size)}.cb-btn--sm{height:var(--control-h-sm);padding:0 var(--space-4);font-size:var(--text-small)}.cb-btn--block{width:100%}.cb-iconbtn{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:var(--radius-pill);min-width:var(--tap-min);min-height:var(--tap-min);transition:background var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out)}.cb-iconbtn:active{transform:scale(var(--press-scale))}.cb-option{display:flex;align-items:center;gap:var(--space-4);width:100%;box-sizing:border-box;text-align:left;border:var(--border-width) solid var(--border-card);box-shadow:0 5px #16251b24;cursor:pointer;background:var(--surface-option);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);min-height:66px;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out),opacity var(--dur-base) var(--ease-out)}.cb-option:hover{background:var(--surface-panel-soft)}.cb-option:active{transform:scale(.99)}.cb-option--correct{background:var(--surface-option-resolved);border-color:var(--border-correct);pointer-events:none}.cb-option--wrong{background:var(--crimson-100);border-color:var(--border-wrong);pointer-events:none}.cb-option--dim{opacity:.45;pointer-events:none}.cb-row{display:flex;align-items:center;gap:var(--space-4);width:100%;box-sizing:border-box;background:var(--surface-card);border-radius:var(--radius-md);padding:14px var(--space-4);border:var(--border-width) solid var(--border-card);box-shadow:var(--shadow-card);text-align:left}.cb-row--tap{cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.cb-row--tap:hover{background:var(--surface-panel-soft)}.cb-switch{position:relative;width:52px;height:32px;border-radius:var(--radius-pill);border:0;cursor:pointer;background:var(--border-card);transition:background var(--dur-base) var(--ease-out)}.cb-switch[data-on=true]{background:var(--accent-primary)}.cb-switch>span{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:var(--radius-pill);background:var(--white);box-shadow:var(--shadow-card);transition:transform var(--dur-base) var(--ease-spring)}.cb-switch[data-on=true]>span{transform:translate(20px)}.cb-tile{border:0;cursor:pointer;background:transparent;transition:transform var(--dur-base) var(--ease-out),filter var(--dur-fast) var(--ease-out)}.cb-tile:hover{filter:brightness(1.06)}.cb-tile:active{transform:scale(var(--press-scale))}.cb-photo-fallback{background:radial-gradient(120px 90px at 22% 28%,var(--green-500),transparent 70%),radial-gradient(160px 120px at 78% 18%,var(--orange-300),transparent 72%),linear-gradient(160deg,var(--green-700),var(--green-900))}@keyframes cb-pop{0%{transform:scale(.86);opacity:0}60%{transform:scale(1.04);opacity:1}to{transform:scale(1)}}@keyframes cb-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes cb-spark{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-60px) scale(.4);opacity:0}}.cb-pop{animation:cb-pop var(--dur-slow) var(--ease-spring) both}.cb-rise{animation:cb-rise var(--dur-base) var(--ease-out) both}