:root{--bg:#fff9ee;--bg-alt:#fff3d6;--panel:#fff;--screen-bg:#fff;--ink:#2b2420;--ink-soft:#6b6058;--ink-faint:#a39a91;--line:#efe2cf;--green:#26c281;--green-ink:#148f5e;--green-soft:#e3f8ee;--green-soft-line:#b7ecd2;--pink:#ff5c8a;--pink-ink:#e23f6c;--pink-soft:#ffe3ec;--pink-soft-line:#ffc2d6;--blue:#2eb0e8;--blue-ink:#1487b8;--blue-soft:#e3f6fd;--blue-soft-line:#b8e7f7;--yellow:#ffb703;--yellow-ink:#cc8f00;--yellow-soft:#fff3d6;--yellow-soft-line:#ffe4a3;--font-display:"Baloo 2", ui-rounded, system-ui, sans-serif;--font-body:"Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#201c16;--bg-alt:#2a2319;--panel:#2a241d;--screen-bg:#2a241d;--ink:#fbf3e4;--ink-soft:#cabfb0;--ink-faint:#8c8175;--line:#3a3226;--green:#35d694;--green-ink:#7fe9bb;--green-soft:#16332a;--green-soft-line:#235943;--pink:#ff7a9d;--pink-ink:#ff9fb8;--pink-soft:#3a1f28;--pink-soft-line:#5c2f3d;--blue:#4cc2f2;--blue-ink:#8bdaf7;--blue-soft:#142c36;--blue-soft-line:#204a58;--yellow:#ffc93d;--yellow-ink:#ffdb85;--yellow-soft:#362b12;--yellow-soft-line:#5c4a1e}}:root[data-theme=dark]{--bg:#201c16;--bg-alt:#2a2319;--panel:#2a241d;--screen-bg:#2a241d;--ink:#fbf3e4;--ink-soft:#cabfb0;--ink-faint:#8c8175;--line:#3a3226;--green:#35d694;--green-ink:#7fe9bb;--green-soft:#16332a;--green-soft-line:#235943;--pink:#ff7a9d;--pink-ink:#ff9fb8;--pink-soft:#3a1f28;--pink-soft-line:#5c2f3d;--blue:#4cc2f2;--blue-ink:#8bdaf7;--blue-soft:#142c36;--blue-soft-line:#204a58;--yellow:#ffc93d;--yellow-ink:#ffdb85;--yellow-soft:#362b12;--yellow-soft-line:#5c4a1e}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0}button{cursor:pointer;font-family:inherit}.app{flex-direction:column;max-width:480px;min-height:100%;margin:0 auto;display:flex}.screen{flex-direction:column;flex:1;gap:20px;padding:20px 20px 32px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.2rem;font-weight:700}.point-strip{background:var(--green-soft);border:1.5px solid var(--green-soft-line);color:var(--green-ink);font-weight:800;font-family:var(--font-display);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.95rem;display:flex}.streak-pill{background:var(--yellow-soft);border:1.5px solid var(--yellow-soft-line);color:var(--yellow-ink);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.level-pill{background:var(--pink-soft);border:1.5px solid var(--pink-soft-line);color:var(--pink-ink);font-size:.85rem;font-weight:800;font-family:var(--font-display);border-radius:999px;align-items:center;gap:4px;padding:4px 12px;display:inline-flex}.level-progress-track{background:var(--bg);border:1.5px solid var(--line);border-radius:999px;height:10px;overflow:hidden}.level-progress-fill{background:var(--pink);border-radius:999px;height:100%;transition:width .3s}.card{background:var(--panel);border:2px solid var(--line);border-radius:20px;padding:20px}.hero-card{background:var(--bg-alt);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--yellow);border-radius:24px}.title-lg{font-family:var(--font-display);color:var(--ink);margin:0 0 6px;font-size:1.6rem;line-height:1.25}.subtle{color:var(--ink-soft);margin:0;font-size:.95rem;line-height:1.5}.btn{font-size:1rem;font-weight:700;font-family:var(--font-body);border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;transition:transform 80ms,box-shadow 80ms;display:flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--green);color:#fff;border:2.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.btn-primary:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.btn-blue{background:var(--blue);color:#fff;border:2.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.btn-blue:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.btn-ghost{color:var(--ink-soft);border:1.5px solid var(--line);background:0 0}.btn-block{width:100%}.ring-wrap{justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto;display:flex;position:relative}.ring-label{font-family:var(--font-display);color:var(--ink);font-size:1.1rem;font-weight:700;position:absolute}.progress-track{background:var(--bg-alt);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:var(--blue);border-radius:999px;height:100%;transition:width .25s}.qcard{background:var(--screen-bg);border:2px solid var(--line);border-radius:20px;flex-direction:column;gap:16px;padding:22px;display:flex}.qtag{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:.75rem;font-weight:700}.qtag-matematik{background:var(--blue-soft);color:var(--blue-ink)}.qtag-læsning{background:var(--pink-soft);color:var(--pink-ink)}.qtag-note{background:var(--yellow-soft);color:var(--yellow-ink)}.passage{color:var(--ink-soft);background:var(--bg-alt);border-radius:14px;margin:0;padding:14px 16px;font-size:.95rem;line-height:1.5}.qprompt{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.15rem;line-height:1.4}.options{flex-direction:column;gap:10px;display:flex}.option{text-align:left;border:2px solid var(--line);background:var(--panel);color:var(--ink);font-size:1rem;font-family:var(--font-body);border-radius:16px;padding:14px 16px}.option:active{transform:scale(.99)}.option-correct{border-color:var(--green);background:var(--green-soft);color:var(--green-ink)}.option-wrong{color:#8f3a24;background:#fbe9e4;border-color:#c85a3f}.result-banner{text-align:center;font-weight:700;font-family:var(--font-display)}.result-banner.ok{color:var(--green-ink)}.result-banner.no{color:#8f3a24}.stat-row{gap:12px;display:flex}.stat-box{background:var(--bg-alt);text-align:center;border-radius:14px;flex:1;padding:14px}.stat-num{font-family:var(--font-display);color:var(--ink);font-size:1.3rem;font-weight:700;display:block}.stat-label{color:var(--ink-soft);font-size:.75rem}.reward-list{flex-direction:column;gap:12px;display:flex}.reward-card{background:var(--panel);border:2px solid var(--line);font:inherit;color:inherit;text-align:left;border-radius:16px;align-items:center;gap:14px;margin:0;padding:14px;display:flex}.reward-emoji{text-align:center;width:44px;font-size:1.8rem}.reward-thumb{object-fit:cover;background:var(--bg-alt);border-radius:12px;flex-shrink:0;width:48px;height:48px}.reward-info{flex:1;min-width:0}.reward-name{color:var(--ink);margin:0 0 2px;font-size:.95rem;font-weight:700}.reward-venue{color:var(--ink-soft);margin:0;font-size:.8rem}.reward-cost{font-family:var(--font-display);color:var(--green-ink);white-space:nowrap;font-size:.9rem;font-weight:700}.reward-tier{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);margin-top:2px;font-size:.68rem;display:block}.tabbar{gap:8px;display:flex}.tab{text-align:center;border:1.5px solid var(--line);color:var(--ink-soft);background:0 0;border-radius:12px;flex:1;padding:10px;font-size:.85rem;font-weight:700}.tab.active{background:var(--green);border-color:var(--green);color:#fff}.redeem-panel{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.code-box{background:var(--green-soft);border:2px dashed var(--green-soft-line);font-family:var(--font-display);letter-spacing:.15em;color:var(--green-ink);border-radius:16px;padding:16px 24px;font-size:1.6rem;font-weight:700}.qr-frame{background:#fff;border-radius:16px;padding:14px;display:inline-flex}.bottom-nav{border-top:2px solid var(--line);background:var(--panel);display:flex}.nav-btn{color:var(--ink-faint);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px 4px 14px;font-size:.75rem;font-weight:700;display:flex}.nav-btn.active{color:var(--green-ink)}.nav-icon{font-size:1.2rem}