.tutorial.svelte-1qxqv2c{margin-bottom:2rem;scroll-margin-top:64px}.tutorial.svelte-1qxqv2c h2:where(.svelte-1qxqv2c){font-size:1.5rem;margin:0 0 1rem}.carousel.svelte-1qxqv2c{position:relative;display:flex;align-items:center;gap:.5rem}.track.svelte-1qxqv2c{flex:1;min-width:0;display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px}.track.svelte-1qxqv2c::-webkit-scrollbar{display:none}.card.svelte-1qxqv2c{flex:0 0 62%;min-height:220px;scroll-snap-align:start;background:var(--bg-card);border:var(--bw) solid var(--line);border-radius:var(--r);padding:1.75rem;display:flex;flex-direction:column;transition:box-shadow .2s}.card.svelte-1qxqv2c:hover{box-shadow:var(--shadow-sm)}.card-top.svelte-1qxqv2c{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.card-icon.svelte-1qxqv2c{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-lighter);color:var(--accent-dark)}.card-step.svelte-1qxqv2c{font-size:.75rem;font-weight:600;color:var(--text-muted)}.card.svelte-1qxqv2c h3:where(.svelte-1qxqv2c){font-size:1.35rem;margin:0 0 .5rem;color:var(--text-primary)}.card.svelte-1qxqv2c p:where(.svelte-1qxqv2c){font-size:1rem;margin:0 0 1rem;color:var(--text-secondary);line-height:1.45;flex:1}.card-cta.svelte-1qxqv2c{font-size:.95rem;font-weight:600;color:var(--accent);text-decoration:none;align-self:flex-start}.card-cta.svelte-1qxqv2c:hover{color:var(--accent-hover);text-decoration:underline}.arrow.svelte-1qxqv2c{flex:0 0 auto;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:var(--bw) solid var(--line);color:var(--text-secondary);cursor:pointer;transition:color .15s,border-color .15s,opacity .15s;box-shadow:var(--off) var(--off) 0 var(--hard)}.arrow.svelte-1qxqv2c:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.arrow.svelte-1qxqv2c:disabled{opacity:.35;cursor:default}.dots.svelte-1qxqv2c{display:flex;justify-content:center;gap:.4rem;margin-top:.75rem}.dot.svelte-1qxqv2c{width:8px;height:8px;border-radius:999px;border:none;padding:0;background:var(--border);cursor:pointer;transition:width .2s,background .2s}.dot.active.svelte-1qxqv2c{width:20px;background:var(--accent)}@media(max-width:768px){.tutorial.svelte-1qxqv2c h2:where(.svelte-1qxqv2c){font-size:1.25rem}.arrow.svelte-1qxqv2c{display:none}.card.svelte-1qxqv2c{flex-basis:85%;min-height:0;padding:1.25rem}.card.svelte-1qxqv2c h3:where(.svelte-1qxqv2c){font-size:1.1rem}.card.svelte-1qxqv2c p:where(.svelte-1qxqv2c){font-size:.9rem}}.flip.svelte-4b50wx{width:min(100%,360px);height:250px;perspective:900px;cursor:pointer;transform:rotate(2.5deg);border:0;background:none;padding:0;font:inherit;color:inherit}[data-aud=teacher] .flip.svelte-4b50wx{transform:none}.flip-in.svelte-4b50wx{display:block;position:relative;width:100%;height:100%;transition:transform .55s cubic-bezier(.4,.1,.2,1);transform-style:preserve-3d}.flip.on.svelte-4b50wx .flip-in:where(.svelte-4b50wx){transform:rotateY(180deg)}.face.svelte-4b50wx{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:var(--bw) solid #064e3b;border-radius:var(--r);box-shadow:6px 6px #064e3b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1.5rem;text-align:center}.front.svelte-4b50wx{background:#fff;color:#1a1a2e}.back.svelte-4b50wx{background:#d1fae5;color:#064e3b;transform:rotateY(180deg)}.word.svelte-4b50wx{font-family:var(--font-display);font-weight:700;font-size:clamp(1.4rem,4vw,1.9rem);overflow-wrap:anywhere}.hint.svelte-4b50wx{font-size:.85rem;font-weight:600;opacity:.6}.tag.svelte-4b50wx{position:absolute;top:14px;left:14px;background:#ecfdf5;border:1.5px solid #064e3b;color:#064e3b;border-radius:999px;padding:.1rem .6rem;font-size:.8rem;font-weight:700}.back.svelte-4b50wx .tag:where(.svelte-4b50wx){background:#fff}@media(prefers-reduced-motion:reduce){.flip-in.svelte-4b50wx{transition:none}}.hero.svelte-1uha8ag{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:2rem;align-items:center;background:var(--accent);color:var(--on-accent);border:var(--bw) solid var(--line);border-radius:calc(var(--r) + 8px);box-shadow:calc(var(--off) + 2px) calc(var(--off) + 2px) 0 var(--hard);padding:2.5rem;margin-bottom:3rem;overflow:hidden;isolation:isolate}.hero.svelte-1uha8ag:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.28) 0 3px,transparent 4px),radial-gradient(circle at 78% 12%,rgba(255,255,255,.28) 0 2px,transparent 3px),radial-gradient(circle at 90% 70%,rgba(255,255,255,.28) 0 4px,transparent 5px),radial-gradient(rgba(255,255,255,.18) 1.5px,transparent 1.5px);background-size:auto,auto,auto,22px 22px}.hero.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:clamp(1.7rem,4.2vw,2.9rem);font-weight:800;letter-spacing:-.02em;color:inherit;margin:0}.lead.svelte-1uha8ag{font-size:1.1rem;max-width:34ch;margin:1rem 0 1.75rem;font-weight:500;color:inherit}.cta-row.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.stage.svelte-1uha8ag{position:relative;display:grid;place-items:center;min-height:340px}[data-aud=teacher] .stage.svelte-1uha8ag .mascot{display:none}.btn.svelte-1uha8ag{display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:.8rem 1.4rem;border-radius:999px;font-size:1rem;font-weight:700;text-decoration:none;cursor:pointer;border:var(--bw) solid transparent;transition:transform .12s,box-shadow .12s,background .15s}.btn-primary.svelte-1uha8ag{background:#fff;color:#064e3b;border-color:#064e3b;box-shadow:var(--off) var(--off) 0 #064e3b}.btn-primary.svelte-1uha8ag:hover{transform:translate(1px,1px);box-shadow:calc(var(--off) - 1px) calc(var(--off) - 1px) 0 #064e3b}.btn-primary.svelte-1uha8ag:active{transform:translate(var(--off),var(--off));box-shadow:none}.btn-outline.svelte-1uha8ag{background:transparent;color:inherit;border-color:currentColor}.btn-outline.svelte-1uha8ag:hover{background:#ffffff29}.btn-ghost.svelte-1uha8ag{background:transparent;color:inherit;text-decoration:underline;padding:.5rem .75rem;font-weight:600}.btn-search.svelte-1uha8ag{background:var(--accent);color:var(--on-accent);border-color:var(--line);box-shadow:var(--off) var(--off) 0 var(--hard)}.btn-search.svelte-1uha8ag:hover{transform:translate(1px,1px);box-shadow:calc(var(--off) - 1px) calc(var(--off) - 1px) 0 var(--hard)}.stats-section.svelte-1uha8ag{margin-bottom:3rem}.stats-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.stats-grid.two.svelte-1uha8ag{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-tile.svelte-1uha8ag{background:var(--bg-card);border:var(--bw) solid var(--line);border-radius:var(--r);box-shadow:var(--off) var(--off) 0 var(--hard);padding:1.25rem 1.4rem}[data-aud=student] .stat-tile.svelte-1uha8ag:nth-child(1){transform:rotate(-1.5deg)}[data-aud=student] .stat-tile.svelte-1uha8ag:nth-child(3){transform:rotate(1.2deg)}.stat-tile.gold.svelte-1uha8ag{background:var(--gold);border-color:#064e3b;box-shadow:var(--off) var(--off) 0 #064e3b}.stat-number.svelte-1uha8ag{font-family:var(--font-display);font-weight:800;font-size:clamp(1.9rem,5vw,2.7rem);letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1;color:var(--accent-dark)}:root[data-theme=dark] .stat-number.svelte-1uha8ag{color:var(--accent)}.stat-label.svelte-1uha8ag{color:var(--text-secondary);font-weight:500}.stat-tile.gold.svelte-1uha8ag .stat-number:where(.svelte-1uha8ag),.stat-tile.gold.svelte-1uha8ag .stat-label:where(.svelte-1uha8ag){color:#3b2f00}.modes-section.svelte-1uha8ag{margin-bottom:3rem}.modes-section.svelte-1uha8ag h2:where(.svelte-1uha8ag),.search-section.svelte-1uha8ag h2:where(.svelte-1uha8ag),.public-decks.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:clamp(1.3rem,3vw,1.8rem);font-weight:700;margin:0 0 1.1rem}.modes-section.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin-bottom:.25rem}.section-sub.svelte-1uha8ag{margin:0 0 1.25rem;color:var(--text-secondary)}.modes.svelte-1uha8ag{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.mode.svelte-1uha8ag{display:flex;flex-direction:column;gap:.5rem;padding:1.1rem;background:var(--bg-card);border:var(--bw) solid var(--line);border-radius:var(--r);box-shadow:var(--off) var(--off) 0 var(--hard)}.mode.svelte-1uha8ag .ico:where(.svelte-1uha8ag){width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--mint-2);border:var(--bw) solid var(--line);color:var(--accent-dark)}:root[data-theme=dark] .mode.svelte-1uha8ag .ico:where(.svelte-1uha8ag){color:var(--accent)}.mode.svelte-1uha8ag:nth-child(2n) .ico:where(.svelte-1uha8ag){background:var(--mint);border-radius:50%}.mode.svelte-1uha8ag .ico:where(.svelte-1uha8ag) svg:where(.svelte-1uha8ag){width:30px;height:30px}.mode.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:1rem;font-weight:700;margin:.25rem 0 0}.mode.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0;font-size:.9rem;color:var(--text-secondary)}.search-section.svelte-1uha8ag{margin:3rem 0}.search-bar.svelte-1uha8ag{display:flex;gap:.6rem;max-width:640px}.search-bar.svelte-1uha8ag input:where(.svelte-1uha8ag){flex:1;min-width:0;padding:.8rem 1.2rem;border:var(--bw) solid var(--line);border-radius:999px;font-size:1rem;background:var(--bg-card);color:var(--text-primary)}.search-bar.svelte-1uha8ag input:where(.svelte-1uha8ag)::placeholder{color:var(--text-muted)}.decks-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.4rem}.loading.svelte-1uha8ag,.empty.svelte-1uha8ag{text-align:center;color:var(--text-muted);padding:2rem}@media(max-width:900px){.hero.svelte-1uha8ag{grid-template-columns:1fr;padding:1.6rem}.stage.svelte-1uha8ag{min-height:320px}.modes.svelte-1uha8ag{grid-template-columns:repeat(2,minmax(0,1fr))}.modes.svelte-1uha8ag .mode:where(.svelte-1uha8ag):last-child{grid-column:1 / -1}}@media(max-width:600px){.hero.svelte-1uha8ag{margin-bottom:2rem}.stats-grid.svelte-1uha8ag,.stats-grid.two.svelte-1uha8ag{grid-template-columns:1fr}[data-aud=student] .stat-tile.svelte-1uha8ag:nth-child(n){transform:none}.search-bar.svelte-1uha8ag{flex-direction:column;max-width:100%}.btn.svelte-1uha8ag{width:100%;max-width:280px}.decks-grid.svelte-1uha8ag{grid-template-columns:1fr}}