/* Projekt: Ninabella | https://nina3c.dk/
 * Brugsvilkår: LICENSE.md / /brugsvilkaar/ | Kilder: SOURCES.md
 * Projekt-credit angiver ikke verificeret ophav til alle bidrag.
 */
/*
 * Matrix-bølger | Ninabella | https://nina3c.dk/
 * Filens oprettelsesdato: 2026-10-04T19:02:09+02:00 (ny værkstedsfil)
 * Du må bruge og tilpasse koden til ikke-kommercielle formål,
 * hvis denne kommentar med Ninabella og https://nina3c.dk/ bevares.
 * Kravet gælder også ændrede versioner. Kommerciel brug kræver særskilt tilladelse.
 */
body.tutorial-page{margin:0;padding-top:var(--site-header-height);background:#080b16;color:#f6f7ff}.wave-intro{color:#aeb9d3;max-width:65ch;line-height:1.6}.wave-preview{position:relative;background:#080b16;border:1px solid #35415a;border-radius:18px;overflow:hidden;margin:24px 0}.wave-preview canvas{display:block;width:100%;height:420px;touch-action:pan-y}.wave-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.wave-controls label{display:grid;gap:10px;padding:16px;background:#080b16;border:1px solid #35415a;border-radius:14px}.wave-controls input[type=range]{width:100%;accent-color:#ff63da}.wave-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.wave-actions button{padding:12px 18px;border:1px solid #25d7ff;border-radius:12px;background:#111526;color:#f6f7ff;font:inherit;cursor:pointer}.wave-actions button:hover{background:#24334b}.wave-actions button:focus-visible{outline:2px solid #ff63da;outline-offset:3px}.wave-check{display:block;margin:20px 0}.wave-status{min-height:1.5em;color:#aeb9d3}@media(max-width:650px){.wave-controls{grid-template-columns:1fr}.wave-preview canvas{height:320px}}