:root{--bakgrunn: #f6f7f5;--flate: #ffffff;--tekst: #1d2320;--dempet: #5c6660;--kant: #dde2de;--merke: #1f5f45;--ok: #1f7a4d;--feil: #b3261e;--venter: #8a6d00;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media(prefers-color-scheme:dark){:root{--bakgrunn: #141816;--flate: #1c211e;--tekst: #e8ece9;--dempet: #a3ada7;--kant: #2e3531;--merke: #5fbf92;--ok: #5fbf92;--feil: #f2867e;--venter: #e0c25a}}*{box-sizing:border-box}body{margin:0;background:var(--bakgrunn);color:var(--tekst)}.side{min-height:100vh;display:flex;flex-direction:column}.topp{display:flex;align-items:baseline;gap:8px;padding:16px 24px;border-bottom:1px solid var(--kant);background:var(--flate)}.merke{font-weight:800;font-size:20px;letter-spacing:.02em;color:var(--merke)}.navn{font-size:16px;color:var(--dempet)}.innhold{flex:1;width:100%;max-width:720px;margin:0 auto;padding:48px 16px}h1{font-size:28px;margin:0 0 12px}.ingress{color:var(--dempet);font-size:17px;line-height:1.5;margin:0 0 32px}.kort{background:var(--flate);border:1px solid var(--kant);border-radius:8px;padding:20px 24px}.kort h2{font-size:16px;margin:0 0 12px}.kort ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.kort li:before{content:"●";margin-right:8px}.ok:before{color:var(--ok)}.feil:before{color:var(--feil)}.venter:before{color:var(--venter)}.bunn{padding:16px 24px;color:var(--dempet);font-size:13px;border-top:1px solid var(--kant)}a.merke{text-decoration:none}.laster{padding:48px 16px;text-align:center;color:var(--dempet)}.skjema{display:grid;gap:8px;max-width:360px}.skjema label{font-weight:600;font-size:14px}.skjema input,.panel select{font:inherit;padding:8px 10px;border:1px solid var(--kant);border-radius:6px;background:var(--bakgrunn);color:var(--tekst)}button{font:inherit;padding:8px 14px;border-radius:6px;border:1px solid var(--kant);background:var(--flate);color:var(--tekst);cursor:pointer}.skjema button{background:var(--merke);border-color:var(--merke);color:#fff;font-weight:600;margin-top:4px}.skjema button:disabled{opacity:.5;cursor:default}.feilmelding{color:var(--feil);margin:0;font-size:14px}.visning{height:100vh;display:flex;flex-direction:column}.tredje-visning{position:relative;flex:1;min-height:0;background:#0e1110}.lerret{position:absolute;inset:0}.panel{position:absolute;top:12px;right:12px;width:280px;max-height:calc(100% - 24px);overflow:auto;background:var(--flate);border:1px solid var(--kant);border-radius:8px;padding:14px 16px;display:grid;gap:12px;font-size:14px}.panel h2{margin:0;font-size:16px}.dempet{color:var(--dempet);margin:0}.liten{font-size:12px}.fakta{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0}.fakta dt{color:var(--dempet)}.fakta dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.knapper{display:flex;gap:8px}.knapper button{flex:1}.felt{display:grid;gap:6px}.avkryss{display:flex;gap:8px;align-items:center}.framdrift{position:absolute;top:0;left:0;right:0;height:3px;background:transparent}.framdrift>div{height:100%;background:var(--merke);transition:width .2s}.melding{position:absolute;top:24px;left:24px;max-width:480px;padding:12px 16px;border-radius:8px;background:var(--flate);border:1px solid var(--kant)}.feil-boks{border-color:var(--feil);color:var(--feil)}@media(max-width:700px){.panel{inset:auto 12px 12px;width:auto;max-height:45%}}