:root{--papir:#fafaf7;--felt:#f1f1ec;--linje:#e2e2da;--blaek:#23262b;--graa-600:#5a5e66;--graa-400:#9a9ea6;--graa-300:#c9ccd2;--accent:#2b59b8;--accent-svag:#e8eefb;--foerer-til:#c05621;--radius:8px;--tekst-s:13px;--tekst-m:16px;--tekst-l:20px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--papir);color:var(--blaek);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--tekst-m);line-height:1.5}.app{flex-direction:column;height:100%;display:flex}.maerke{z-index:3;letter-spacing:-.018em;color:#1b3049;background:linear-gradient(170deg,#1b3049 0%,#22453c 52%,#14532d 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px #ffffff8c);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-size:30px;font-weight:700;line-height:1;position:absolute;top:14px;left:22px}.kort-soeg{z-index:4;width:min(320px,40vw);position:absolute;top:16px;left:50%;transform:translate(-50%)}.kort-soeg .lup{width:17px;height:17px;color:var(--graa-400);pointer-events:none;position:absolute;top:11px;left:13px}.kort-soeg input{width:100%;font:inherit;font-size:var(--tekst-s);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--blaek);background:#ffffffb8;border:1px solid #ffffffb3;border-radius:999px;padding:10px 14px 10px 38px;box-shadow:0 2px 10px #1f2a381a}.kort-soeg input::placeholder{color:var(--graa-400)}.kort-soeg input:focus{outline-offset:1px;background:#fff;outline:2px solid #14532d}.traefliste{border:1px solid var(--linje);background:#fff;border-radius:14px;max-height:46vh;margin:8px 0 0;padding:5px;list-style:none;overflow-y:auto;box-shadow:0 10px 30px #1f2a382e}.traefliste button{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;flex-direction:column;gap:2px;padding:8px 11px;display:flex}.traefliste button:hover,.traefliste button:focus-visible{background:#eef4ef;outline:none}.traefliste .navn{font-size:var(--tekst-s);color:var(--blaek);font-weight:600}.traefliste .hvor{color:var(--graa-600);font-size:12px;line-height:1.35}.kort-soeg .intet{border:1px solid var(--linje);font-size:var(--tekst-s);color:var(--graa-600);background:#fff;border-radius:14px;margin:8px 0 0;padding:10px 14px}.kort-konto{z-index:3;align-items:center;gap:8px;display:flex;position:absolute;top:18px;right:18px}.kort-konto .stjernetal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--graa-600);font-size:var(--tekst-s);font-variant-numeric:tabular-nums;background:#ffffff9e;border:1px solid #ffffffa6;border-radius:999px;grid-template-columns:auto auto auto;align-items:center;gap:0 8px;padding:6px 15px 7px;line-height:1;display:grid;box-shadow:0 2px 10px #1f2a381a}.kort-konto .stjernetal .tal{font-size:var(--tekst-l);color:var(--blaek);font-weight:700}.kort-konto .stjernetal .af{white-space:nowrap}.kort-konto .stjernetal .bar{background:#1f2a3829;border-radius:999px;grid-column:1/-1;height:4px;margin-top:7px;overflow:hidden}.kort-konto .stjernetal .bar>span{background:#14532d;border-radius:999px;height:100%;transition:width .42s;display:block}.kort-knap{font:inherit;font-size:var(--tekst-s);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--graa-600);cursor:pointer;background:#ffffff9e;border:1px solid #ffffffa6;border-radius:999px;padding:9px 15px;transition:color .15s,border-color .15s;box-shadow:0 2px 10px #1f2a381a}.kort-knap:hover{color:var(--blaek);border-color:#14532d}@media (prefers-reduced-motion:reduce){.kort-konto .stjernetal .bar>span,.kort-knap{transition:none}}.app-header{border-bottom:1px solid var(--linje);background:#fff;align-items:baseline;gap:16px;padding:16px 24px;display:flex}.app-header h1{font-size:var(--tekst-l);margin:0;font-weight:600}.app-header .gren{color:var(--graa-600);font-size:var(--tekst-s)}.app-main{flex:1;min-height:0;display:flex}.kort{background-color:#eef0e9;background-image:linear-gradient(to right, var(--linje) 1px, transparent 1px), linear-gradient(to bottom, var(--linje) 1px, transparent 1px), linear-gradient(to bottom, #93a9c6 0%, #c2cfdd 26%, #eef0e9 56%, #e2dcca 100%);background-size:24px 24px,24px 24px,100% 100%;flex:1;position:relative;overflow:hidden}.kort-ramme{width:100%;height:100%;position:relative}.kort svg{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.kort svg:active{cursor:grabbing}.kort-himmel{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.kort-himmel circle{transition:opacity .6s}@media (prefers-reduced-motion:reduce){.kort-himmel circle{transition:none}}.himmel-proeve{border:1px solid var(--linje);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:var(--tekst-s);color:var(--graa-600);background:#ffffffe6;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.himmel-proeve input[type=range]{accent-color:#14532d;width:170px}.himmel-proeve .vaerdi{font-variant-numeric:tabular-nums;min-width:8ch;color:var(--blaek);font-weight:600}.himmel-proeve button{font:inherit;font-size:var(--tekst-s);border:1px solid var(--linje);color:var(--graa-600);cursor:pointer;background:#fff;border-radius:999px;padding:3px 10px}.himmel-proeve button:disabled{opacity:.45;cursor:default}.kort-rul{border:1px solid var(--linje);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:52px;height:52px;color:var(--graa-600);cursor:pointer;background:#ffffffd1;border-radius:50%;place-items:center;padding:0;transition:transform .16s,box-shadow .16s,color .16s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 20px #0f172a21}.kort-rul.venstre{left:18px}.kort-rul.hoejre{right:18px}.kort-rul svg{width:24px;height:24px}.kort-rul:hover{color:var(--accent);transform:translateY(-50%)scale(1.08);box-shadow:0 10px 26px #0f172a33}.kort-rul:active{transform:translateY(-50%)scale(.96)}@media (prefers-reduced-motion:reduce){.kort-rul{transition:none}}.kort-oversigt{border:1px solid var(--linje);border-radius:var(--radius);pointer-events:none;background:#fff;width:min(210px,50%);position:absolute;bottom:16px;left:16px;overflow:hidden}.kort-oversigt svg{width:100%;height:54px;display:block}.hjaelp{z-index:5;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:60px;right:16px}.hjaelp-knap{width:34px;height:34px;font:inherit;border:1px solid var(--linje);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--graa-600);cursor:pointer;background:#ffffffe6;border-radius:50%;padding:0;font-size:17px;font-weight:700;line-height:1}.hjaelp-knap:hover{color:#14532d;border-color:#14532d}.hjaelp-kort{border:1px solid var(--linje);background:#fff;border-radius:14px;width:min(330px,76vw);padding:18px 20px;box-shadow:0 12px 34px #1f2a3833}.hjaelp-kort h2{font-size:var(--tekst-l);margin:0;font-weight:600}.hjaelp-kort p{font-size:var(--tekst-s);color:var(--graa-600);margin:8px 0 0}.hjaelp-kort .legende{margin-top:16px}.kort-vaerktoejer{flex-direction:row;gap:4px;display:flex;position:absolute;bottom:16px;right:16px}.kort-vaerktoejer button{font:inherit;font-size:var(--tekst-m);border:1px solid var(--linje);border-radius:var(--radius);cursor:pointer;width:32px;height:32px;color:var(--graa-600);background:#fff;line-height:1}.kort-vaerktoejer button:hover{border-color:var(--accent);color:var(--blaek)}.panel{border-left:1px solid var(--linje);background:#fff;flex-shrink:0;width:340px;padding:24px;overflow-y:auto}.panel h2{font-size:var(--tekst-l);margin:0;font-weight:600;line-height:1.25}.panel .beskrivelse{color:var(--graa-600);font-size:var(--tekst-s);max-width:55ch;margin:8px 0 0}.panel section{margin-top:24px}.panel h3{font-size:var(--tekst-s);text-transform:uppercase;letter-spacing:.04em;color:var(--graa-600);margin:0 0 8px;font-weight:600}.mangler-liste{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mangler-liste button{text-align:left;width:100%;font:inherit;font-size:var(--tekst-m);color:var(--blaek);background:var(--felt);border:1px solid var(--linje);border-radius:var(--radius);cursor:pointer;padding:8px 12px}.mangler-liste button:hover{border-color:var(--accent)}.mangler-note{font-size:var(--tekst-s);color:var(--graa-600);margin:8px 0 0}.trin-liste{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.trin-liste li{font-size:var(--tekst-s);color:var(--graa-600);gap:12px;display:flex}.trin-liste li.naaet,.trin-liste li.naeste{color:var(--blaek)}.trin-liste .stjerne-ikoner{flex-shrink:0;gap:4px;padding-top:4px;display:inline-flex}.naeste-maerke{font-size:var(--tekst-s);color:var(--accent);margin-left:8px;font-weight:500;display:inline-block}.tom-panel p{color:var(--graa-600);font-size:var(--tekst-s);max-width:40ch}.legende{font-size:var(--tekst-s);color:var(--graa-600);flex-direction:column;gap:8px;margin-top:24px;display:flex}.legende span{align-items:center;gap:8px;display:flex}.legende .prik{border-radius:var(--radius);flex-shrink:0;width:14px;height:14px}.legende .streg{border-radius:9999px;flex-shrink:0;width:14px;height:3px}button.primaer{font:inherit;font-size:var(--tekst-m);color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);cursor:pointer;padding:8px 16px;font-weight:500}button.primaer:disabled{background:var(--graa-300);border-color:var(--graa-300);cursor:default}button.sekundaer,label.sekundaer{font:inherit;font-size:var(--tekst-m);color:var(--blaek);border:1px solid var(--linje);border-radius:var(--radius);cursor:pointer;background:#fff;padding:8px 16px}.panel-handlinger{gap:8px;display:flex}.visning{background-color:#eef0e9;background-image:linear-gradient(to right, var(--linje) 1px, transparent 1px), linear-gradient(to bottom, var(--linje) 1px, transparent 1px), linear-gradient(to bottom, #9db1cb 0%, #cbd7e2 22%, #f2f2ec 52%, #e6e0d0 100%);background-size:24px 24px,24px 24px,100% 100%;background-attachment:local,local,fixed;flex:1;width:100%;padding:24px 24px 64px;overflow-y:auto}.visning>*{max-width:680px;margin-left:auto;margin-right:auto}.visning h2{font-size:var(--tekst-l);margin:16px 0 0;font-weight:600}.tilbage{font:inherit;font-size:var(--tekst-s);color:var(--graa-600);cursor:pointer;background:0 0;border:none;padding:0}.oev-hoved{flex-wrap:wrap;align-items:baseline;gap:16px;display:flex}.oev-niveau{font-size:var(--tekst-s);color:var(--graa-600);font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:inline-flex}.opgave-figur{max-width:420px;margin-top:24px;margin-left:auto;margin-right:auto}.opgave-figur svg{max-width:100%;height:auto}.opgavetekst{background:#ffffffe6;border:1px solid #fffc;border-left:4px solid #14532d;border-radius:4px 14px 14px 4px;margin:24px auto 0;padding:18px 20px;font-size:17px;line-height:1.6;box-shadow:0 2px 14px #1f2a3817}.opgave-figur{background:#ffffffeb;border:1px solid #fffc;border-radius:14px;padding:14px;box-shadow:0 2px 14px #1f2a3817}.point-maaler{align-items:center;gap:4px;display:inline-flex}.point-maaler>span{background:#1f2a3829;border-radius:999px;width:15px;height:8px;transition:background .26s}.point-maaler>span.fyldt{background:#14532d}.point-maaler em{font-style:normal;font-size:var(--tekst-s);color:var(--graa-600);font-variant-numeric:tabular-nums;margin-left:6px}.genopfrisk-baand,.hjaelp-baand{font-size:var(--tekst-s);border-radius:14px;margin:24px auto 0;padding:13px 17px;line-height:1.5}.genopfrisk-baand{color:var(--blaek);background:#ffffffc7;border:1px dashed #8aa0bd}.genopfrisk-baand strong{color:#1b3049}.hjaelp-baand{background:#fffaf2;border:1px solid #e3c9a0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hjaelp-baand p{flex:16ch;margin:0}.hjaelp-baand button{font:inherit;font-size:var(--tekst-s);color:#fff;cursor:pointer;background:#14532d;border:0;border-radius:999px;padding:9px 16px;font-weight:600}.hjaelp-baand button:hover{background:#1c6d3c}@media (prefers-reduced-motion:reduce){.point-maaler>span{transition:none}}.svar-form{align-items:flex-end;gap:16px;margin-top:24px;display:flex}.svar-form label{font-size:var(--tekst-s);color:var(--graa-600);flex-direction:column;gap:8px;font-weight:500;display:flex}.svar-felt{align-items:center;gap:8px;display:flex}.svar-form input{font:inherit;font-size:var(--tekst-l);border:1px solid var(--graa-300);border-radius:var(--radius);width:128px;color:var(--blaek);background:#fff;padding:8px 12px}.svar-form input:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}.enhed{color:var(--graa-600)}.mc-liste{flex-direction:column;gap:8px;max-width:320px;margin-top:24px;display:flex}.mc-liste button{font:inherit;font-size:var(--tekst-m);text-align:left;border:1px solid var(--linje);border-radius:var(--radius);cursor:pointer;font-variant-numeric:tabular-nums;background:#fff;padding:12px 16px}.mc-liste button:hover{border-color:var(--accent)}.facit{border-radius:4px 14px 14px 4px;margin:24px auto 0;padding:17px 20px;box-shadow:0 2px 14px #1f2a3817}.facit h3{font-size:var(--tekst-m);margin:0;font-weight:600}.facit.rigtigt{background:#eaf6ee;border:1px solid #a9d3b8;border-left:4px solid #14532d}.facit.forkert{background:#fdf4f2;border:1px solid #e8c3bc;border-left:4px solid #b4552f}.facit .primaer{margin-top:16px}.ny-stjerne{align-items:center;gap:8px;margin:8px 0 0;font-weight:500;display:flex}.loesningstrin{font-size:var(--tekst-s);color:var(--graa-600);flex-direction:column;gap:4px;margin:8px 0 0;padding-left:24px;display:flex}.forstaar-ikke{font:inherit;font-size:var(--tekst-s);color:var(--graa-600);cursor:pointer;background:#fff9;border:1px dashed #1f2a3847;border-radius:999px;margin:24px auto 0;padding:9px 16px;display:block}.forstaar-ikke:hover:not(:disabled){color:var(--blaek);border-style:solid;border-color:#14532d}.forstaar-ikke:disabled{cursor:default;color:#14532d;background:#eaf6ee;border-style:solid;border-color:#a9d3b8}.slide-hoved{justify-content:space-between;align-items:baseline;gap:16px;margin-top:16px;display:flex}.slide-tal{font-size:var(--tekst-s);color:var(--graa-600);font-variant-numeric:tabular-nums}.slide{background:#fffffff0;border:1px solid #fffc;border-left:5px solid #14532d;border-radius:6px 18px 18px 6px;min-height:46vh;margin:20px auto 0;padding:30px 34px;box-shadow:0 4px 22px #1f2a381f}.slide h3{letter-spacing:-.015em;color:#1b3049;margin:0 0 18px;font-family:Georgia,Iowan Old Style,serif;font-size:clamp(24px,3.4vw,34px);font-weight:700;line-height:1.15}.slide ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.slide li{padding-left:22px;font-size:clamp(16px,1.9vw,21px);line-height:1.45;position:relative}.slide li:before{content:"";background:#14532d;border-radius:999px;width:9px;height:3px;position:absolute;top:.62em;left:0}.slide-figur{justify-content:center;margin-top:26px;display:flex}.slide-figur svg{max-width:100%;height:auto}.slide-styr{justify-content:space-between;align-items:center;gap:16px;margin:18px auto 0;display:flex}.slide-styr>button{font:inherit;font-size:var(--tekst-s);color:var(--blaek);cursor:pointer;background:#ffffffd9;border:1px solid #fffc;border-radius:999px;padding:10px 18px;font-weight:600}.slide-styr>button:disabled{opacity:.4;cursor:default}.prikker{gap:7px;display:flex}.prikker button{cursor:pointer;background:#1f2a3838;border:0;border-radius:50%;width:9px;height:9px;padding:0}.prikker button.nu{background:#14532d;transform:scale(1.25)}.ai-note{font-size:var(--tekst-s);color:var(--graa-400);margin-top:48px}.forklaring-tekst{max-width:65ch;margin-top:16px}.forklaring-tekst p{white-space:pre-wrap;margin:0 0 16px}.forklaring-figur{max-width:480px;margin:16px 0 24px}.forklaring-figur svg{max-width:100%;height:auto}.udveje{flex-wrap:wrap;gap:8px;display:flex}.udveje button{font:inherit;font-size:var(--tekst-s);color:var(--blaek);background:var(--felt);border:1px solid var(--linje);border-radius:var(--radius);cursor:pointer;padding:8px 12px}.udveje button:hover{border-color:var(--accent)}.forklaring-fod{flex-wrap:wrap;align-items:center;gap:16px;margin-top:32px;display:flex}.flag-knap{font:inherit;font-size:var(--tekst-s);color:var(--graa-600);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.flag-tak{font-size:var(--tekst-s);color:var(--graa-600)}.tom-tilstand{border:1px solid var(--linje);border-radius:var(--radius);background:#fff;max-width:55ch;margin-top:24px;padding:32px 24px}.tom-tilstand h3{font-size:var(--tekst-m);margin:0;font-weight:600}.tom-tilstand p{font-size:var(--tekst-s);color:var(--graa-600);margin:8px 0 16px}.fejlside{max-width:480px;margin:96px auto 0;padding:24px}.fejlside h1{font-size:var(--tekst-l);margin:0;font-weight:600}.fejlside p{color:var(--graa-600);margin:8px 0 16px}.synk-kode{font-size:var(--tekst-l);letter-spacing:.02em;font-variant-numeric:tabular-nums;background:var(--accent-svag);border-radius:var(--radius);margin:8px 0 0;padding:12px 16px;font-weight:600;display:inline-block}.synk-note{font-size:var(--tekst-s);color:var(--graa-600);max-width:55ch;margin:8px 0 0}.synk-status{font-size:var(--tekst-s);color:var(--graa-400);margin:8px 0 0}.synk-hent{gap:8px;margin-top:8px;display:flex}.synk-hent input{font:inherit;border:1px solid var(--graa-300);border-radius:var(--radius);width:240px;padding:8px 12px}.synk-hent input:focus{outline:2px solid var(--accent);outline-offset:0}.synk-besked{font-size:var(--tekst-s);color:var(--graa-600);margin:8px 0 0}.synk-fil{gap:8px;display:flex}.fil-knap{cursor:pointer;display:inline-block}.fil-knap input{display:none}.visning section{margin-top:32px}.visning section h3{font-size:var(--tekst-s);text-transform:uppercase;letter-spacing:.04em;color:var(--graa-600);margin:0;font-weight:600}.dev-link{font:inherit;font-size:var(--tekst-s);color:var(--graa-600);border:1px solid var(--linje);border-radius:var(--radius);cursor:pointer;background:0 0;padding:4px 12px}.dev-vaerktoej{border:1px solid var(--linje);border-radius:var(--radius);font-size:var(--tekst-s);color:var(--graa-600);background:#fff;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 0;padding:12px 14px;display:flex}.dev-vaerktoej input{font:inherit;font-size:var(--tekst-s);border:1px solid var(--linje);border-radius:var(--radius);min-width:16ch;padding:7px 11px}.dev-vaerktoej button{font:inherit;font-size:var(--tekst-s);border-radius:var(--radius);color:#fff;cursor:pointer;background:#14532d;border:0;padding:7px 14px;font-weight:600}.dev-vaerktoej button:disabled{background:var(--graa-300);cursor:default}.dev-vaerktoej .fejl{color:#9b2c1c}.flag-intro{font-size:var(--tekst-s);color:var(--graa-600);max-width:65ch;margin:8px 0 0}.flag-tabel{border-collapse:collapse;width:100%;font-size:var(--tekst-s);border:1px solid var(--linje);border-radius:var(--radius);background:#fff;margin-top:24px}.flag-tabel th,.flag-tabel td{text-align:left;border-bottom:1px solid var(--linje);padding:8px 12px}.flag-tabel th{color:var(--graa-600);font-weight:600}.flag-tabel .tal{text-align:right;font-variant-numeric:tabular-nums}.flag-tabel .exit-rate{font-weight:600}.genopfriskning{background:var(--accent-svag);border-radius:var(--radius);padding:12px 16px}.genopfriskning h3{color:var(--accent)}.genopfriskning p{font-size:var(--tekst-s);color:var(--blaek);margin:0}.dev-panel{border-top:1px solid var(--linje);margin-top:48px;padding-top:16px}.dev-panel .knapper{gap:8px;display:flex}.dev-panel button{font:inherit;font-size:var(--tekst-s);border:1px solid var(--linje);border-radius:var(--radius);cursor:pointer;background:#fff;padding:4px 12px}.dev-panel button.valgt{border-color:var(--accent);color:var(--accent);font-weight:500}.dev-panel .nulstil{color:var(--graa-600);margin-top:16px}@media (width<=800px){.app-main{flex-direction:column}.panel{border-left:none;border-top:1px solid var(--linje);width:auto;max-height:45vh}}