.future-lesson{--future-frame:var(--ink-cocoa);--future-shadow:8px 8px 0 var(--ink-gold);background:var(--cream);isolation:isolate;--success:oklch(50% .13 60);--mint:oklch(72% .14 82);--mint-soft:oklch(94% .085 88);--color-success:oklch(50% .13 60);--color-mint:oklch(72% .14 82);--color-mint-soft:oklch(94% .085 88);--accent:oklch(93% .07 65);--accent-foreground:oklch(30% .06 50);position:relative}.future-backdrop{object-fit:cover;z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.future-lesson>header{background:var(--card);border-bottom:2px solid var(--future-frame)}.future-lesson>nav{background:color-mix(in oklab, var(--cream) 96%, transparent)}.future-deck>div:first-child{background:var(--card);border-left:8px solid var(--ink-orange);padding:12px 20px}.future-board,.future-deck>article,.future-deck .future-card{border:2px solid var(--future-frame);box-shadow:var(--future-shadow);background:var(--card);color:var(--ink-cocoa);border-radius:4px;position:relative;overflow:visible}.future-board:before,.future-deck>article:before,.future-deck .future-card:before{content:"";pointer-events:none;border:1px solid var(--ink-gold);border-radius:2px;position:absolute;inset:7px}.future-board{border-top:8px solid var(--ink-orange);min-height:510px}.future-board-layout{grid-template-columns:minmax(0,1fr);min-height:440px;display:grid}.future-board-layout:has(.future-art){grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr)}.future-content{flex-direction:column;justify-content:center;min-width:0;padding:40px 48px;display:flex}.future-eyebrow{border-bottom:3px solid var(--ink-gold);color:var(--ink-orange);align-self:flex-start;padding-bottom:8px}.future-grammar{color:var(--ink-gold);border-bottom:2px solid var(--ink-gold);align-self:flex-end;margin-top:24px;font-size:24px;font-weight:900}.future-art{min-height:360px;max-height:520px;padding:32px 24px 32px 0}.future-art img{object-fit:contain;width:100%;height:100%}.future-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px;display:grid}.future-options button{border:2px solid var(--ink-cocoa);text-align:center;min-height:90px;box-shadow:4px 4px 0 var(--ink-gold);border-radius:4px;justify-content:center;padding:18px;font-size:28px}.future-options button:nth-child(3n+1):not([data-picked]){background:var(--orange-soft)}.future-options button:nth-child(3n+2):not([data-picked]){background:var(--gold-soft)}.future-options button:nth-child(3n+3):not([data-picked]){background:var(--cream)}.future-assembly{background:var(--gold-soft);border:2px dashed var(--ink-gold);min-height:104px;padding:22px}.future-word-bank button{border:2px solid var(--ink-cocoa);box-shadow:3px 3px 0 var(--ink-gold);background:var(--card);color:var(--ink-cocoa);border-radius:4px}.future-word-bank button:nth-child(2n){background:var(--orange-soft)}.future-match .future-options{grid-template-columns:1fr;margin-left:64px}.future-match .future-options button{text-align:left;border-left:10px solid var(--ink-gold);justify-content:flex-start;min-height:76px}.future-match .future-options button:nth-child(2n){border-left-color:var(--ink-orange)}.future-board .font-display,.future-deck .font-display{font-family:var(--font-sans)}.future-toolbar{justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:10px 32px;display:flex}.future-table{gap:16px;display:grid}.future-table-row{color:oklch(99% .01 80);background:linear-gradient(120deg,oklch(66% .21 42),oklch(74% .18 60));border-radius:14px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:20px;padding:20px 26px;font-size:26px;display:grid;box-shadow:0 8px oklch(45% .14 40)}.future-table-row:nth-child(2){color:oklch(28% .06 50);background:linear-gradient(120deg,oklch(78% .17 80),oklch(84% .16 95));box-shadow:0 8px oklch(60% .14 70)}.future-table-row:nth-child(3){background:linear-gradient(120deg,oklch(55% .17 35),oklch(62% .19 28));box-shadow:0 8px oklch(38% .12 30)}.future-table-row>strong{background:oklch(99% .01 80/.25);border-radius:999px;place-items:center;width:56px;height:56px;font-size:44px;line-height:1;display:grid}.future-table-row .text-ink-orange{color:inherit;letter-spacing:.01em;text-underline-offset:6px;font-size:1.05em;text-decoration:underline;text-decoration-thickness:3px}.future-table-row p+p{font-size:1.05em}.future-email{font-size:23px;line-height:1.3}.future-email>p{margin-bottom:12px}.future-email>div{margin-top:12px;margin-bottom:12px}.future-email>div>div{margin-top:6px}.future-email button{border-radius:4px;padding:6px 10px}.future-board:has(.future-email) .future-content{padding-top:24px;padding-bottom:20px}.future-board:has(.future-email) .future-eyebrow{margin-bottom:12px}.future-deck>div:first-child h2{font-size:26px}@media (width<=750px){.future-toolbar{flex-wrap:wrap;padding:8px 16px}.future-table-row{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:16px;font-size:20px}}@media (width<=900px){.future-content{padding:32px 24px}.future-options button{font-size:22px}.future-board-layout:has(.future-art){grid-template-columns:minmax(0,1fr) minmax(180px,.45fr)}}@media (width<=600px){.future-board-layout:has(.future-art){grid-template-columns:minmax(0,1fr)}.future-options{grid-template-columns:1fr}.future-art{height:240px;min-height:0;padding:16px}.future-match .future-options{margin-left:0}}.future-reading-text{max-height:70vh;font-size:clamp(1.5rem,2vw,2.1rem);font-weight:700;line-height:1.9;overflow:auto}.future-reading-line{font:inherit;color:inherit;cursor:pointer;text-align:left;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:0 0;border:0;border-radius:10px;padding:5px 9px;display:inline}.future-reading-line:hover{background:color-mix(in oklab, var(--gold-soft) 55%, transparent)}.future-reading-line-active{background:var(--gold-soft);box-shadow:inset 0 0 0 2px var(--ink-gold)}.future-stage{align-items:center;min-height:clamp(540px,100dvh - 320px,980px);display:flex}.future-stage>*{width:100%}.future-lesson button[data-answer=correct],.future-lesson button[data-answer=correct]:hover{background:var(--gold-soft);color:var(--ink-cocoa);border-color:var(--ink-orange);box-shadow:inset 0 0 0 3px var(--ink-gold);opacity:1}.future-lesson button[data-answer=wrong],.future-lesson button[data-answer=wrong]:hover{background:var(--destructive);color:var(--destructive-foreground);border-color:var(--destructive);opacity:1}