.try-it.svelte-uyd4qv{max-width:var(--max-content-width);flex-direction:column;justify-content:center;min-height:66dvh;margin:0 auto;padding:3rem 1.5rem 4rem;display:flex;position:relative}h2.svelte-uyd4qv{text-align:center;margin:0 0 .5rem}.intro.svelte-uyd4qv{text-align:center;max-width:560px;color:var(--color-text-muted);margin:0 auto 2rem}.grid.svelte-uyd4qv{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.tile.svelte-uyd4qv{background:var(--color-surface);border:1px solid var(--color-border);text-align:left;cursor:pointer;border-radius:14px;flex-direction:column;align-items:flex-start;gap:.4rem;padding:1.25rem;font-family:inherit;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.tile.svelte-uyd4qv:disabled{cursor:default;opacity:.75}.tile.has-bg.svelte-uyd4qv{background:#1d4ed8;overflow:hidden}.tile-bg.svelte-uyd4qv{object-fit:cover;object-position:88% 40%;width:100%;height:100%;position:absolute;inset:0}.tile-scrim.svelte-uyd4qv{background:linear-gradient(160deg,#1d4ed8c7,#1d4ed894);position:absolute;inset:0}.tile.has-bg.svelte-uyd4qv .tile-heading:where(.svelte-uyd4qv),.tile.has-bg.svelte-uyd4qv .tile-desc:where(.svelte-uyd4qv){z-index:1;position:relative}.tile.has-bg.svelte-uyd4qv .tile-title:where(.svelte-uyd4qv){color:#fff}.tile.has-bg.svelte-uyd4qv .tile-desc:where(.svelte-uyd4qv){color:#ffffffd9}.tile.has-bg.svelte-uyd4qv .tile-icon-emoji:where(.svelte-uyd4qv){filter:drop-shadow(0 1px 3px #0006)}.back-to-login.svelte-uyd4qv{z-index:1;width:2.2rem;height:2.2rem;color:var(--color-text-muted);opacity:.55;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;top:.75rem;right:.75rem}.back-to-login.svelte-uyd4qv:hover{opacity:1}.back-to-login.svelte-uyd4qv svg:where(.svelte-uyd4qv){width:1.4rem;height:1.4rem}@media (hover:hover) and (pointer:fine){.tile.svelte-uyd4qv:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000001f}}.tile-heading.svelte-uyd4qv{align-items:center;gap:.5rem;display:flex}.tile-icon.svelte-uyd4qv{object-fit:contain;border-radius:8px;flex-shrink:0;width:2.25rem;height:2.25rem}.tile-icon-emoji.svelte-uyd4qv{justify-content:center;align-items:center;font-size:1.6rem;line-height:1;display:inline-flex}.tile-title.svelte-uyd4qv{color:var(--color-text);font-size:1.25rem;font-weight:700}.tile-desc.svelte-uyd4qv{color:var(--color-text-muted);font-size:.9rem;line-height:1.4}.badge.svelte-uyd4qv{background:var(--color-border);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:.2rem .55rem;font-size:.7rem;font-weight:600;position:absolute;top:.9rem;right:.9rem}.signup-cta.svelte-uyd4qv{color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:999px;align-self:center;align-items:center;gap:.5rem;margin-top:2rem;padding:.7rem 1.6rem;font-family:inherit;font-size:1.05rem;font-weight:700;display:flex}.signup-cta.svelte-uyd4qv:hover{color:var(--color-accent)}.classroom-section.svelte-uyd4qv{z-index:6;box-sizing:border-box;background:var(--color-bg);flex-direction:column;padding:1rem;display:flex;position:fixed;inset:0;overflow:hidden}.classroom-bg.svelte-uyd4qv{z-index:0;object-fit:cover;object-position:88% 40%;width:100%;height:100%;position:absolute;inset:0}.classroom-scrim.svelte-uyd4qv{z-index:0;background:linear-gradient(160deg,#141e46d1,#141e46ad);position:absolute;inset:0}.classroom-stage.svelte-uyd4qv{z-index:6;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.classroom-header.svelte-uyd4qv{align-items:flex-start;gap:.9rem;width:100%;max-width:800px;margin:1.5rem auto 1.75rem;display:flex}@media (width<=900px){.classroom-header.svelte-uyd4qv{padding-top:5.5rem}}.collapse-chevron.svelte-uyd4qv{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;display:flex}.collapse-chevron.svelte-uyd4qv svg:where(.svelte-uyd4qv){width:1.4rem;height:1.4rem}.classroom-intro.svelte-uyd4qv{min-width:0}.classroom-intro.svelte-uyd4qv h2:where(.svelte-uyd4qv){color:#fff;text-align:left;text-transform:none;margin:0 0 .4rem;font-size:1.5rem}.classroom-intro.svelte-uyd4qv p:where(.svelte-uyd4qv){color:#ffffffd9;margin:0;font-size:1rem;line-height:1.55}.classroom-body.svelte-uyd4qv{flex-direction:column;flex:1;min-height:0;display:flex}.brand-corner.svelte-uyd4qv{z-index:2;pointer-events:none;flex-direction:column;align-items:flex-start;gap:.3rem;display:flex;position:absolute;top:1.25rem;left:1.5rem}.brand-corner.svelte-uyd4qv img:where(.svelte-uyd4qv){width:auto;height:56px;display:block}.brand-version.svelte-uyd4qv{color:#fffc;font-size:.8rem;font-weight:600}@media (width<=800px){.brand-corner.svelte-uyd4qv{display:none}}.loading.svelte-uyd4qv{color:var(--color-text-muted);flex:1;justify-content:center;align-items:center;display:flex}.stat-chip.svelte-uyd4qv{background:var(--color-surface);white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.85rem;font-weight:600;display:flex}.stat-chip.countdown.low.svelte-uyd4qv{color:#fff;background:#d9453d}.mode-button.svelte-uyd4qv,.restart-button.svelte-uyd4qv{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;white-space:nowrap;border-radius:8px;padding:.35rem .75rem;font-size:.85rem}.mode-button.svelte-uyd4qv:disabled{opacity:.5;cursor:not-allowed}