.ovning-sida{flex-direction:column;min-height:100dvh;display:flex}.ovning-sida main{flex:1;padding-block:clamp(1.2rem,4vw,3rem) 3rem}.utkast-not{max-width:36rem;color:var(--sand);margin:0 auto .8rem;font-size:.82rem}.ovning-kort{background:linear-gradient(180deg, var(--screen-2), var(--screen));border:1px solid var(--on-deep-line);border-radius:18px;gap:1rem;max-width:36rem;margin:0 auto;padding:clamp(1.1rem,4vw,1.8rem);display:grid;box-shadow:0 50px 90px -50px #000c}.ovning-kort .label{color:var(--on-deep-3)}.ovning-meddelande{color:var(--on-deep-2)}.ovning-topp{justify-content:space-between;gap:1rem;display:flex}.ovning-stapel{background:#e8f2f11a;border-radius:2px;height:3px;overflow:hidden}.ovning-stapel span{background:var(--turkos);height:100%;transition:width .5s;display:block}.ovning-omrade{margin-top:.4rem}.ovning-fraga{letter-spacing:-.02em;font-size:clamp(1.2rem,4.5vw,1.45rem);font-weight:400;line-height:1.3}.ovning-svar{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.ovning-svar button{text-align:left;width:100%;min-height:3.2rem;color:var(--on-deep);font:400 1rem/1.35 var(--font-sans);cursor:pointer;background:0 0;border:1px solid #e8f2f133;border-radius:10px;grid-template-columns:1.8rem 1fr auto;align-items:center;gap:.75rem;padding:.7rem .85rem;transition:border-color .2s,background .2s,opacity .3s;display:grid}.ovning-svar button:hover:not(:disabled){background:#e8f2f10d;border-color:#e8f2f18c}.ovning-svar button:disabled{cursor:default}.ovning-svar .bokstav{font-family:var(--font-mono);height:1.7rem;color:var(--on-deep-3);border:1px solid #e8f2f147;border-radius:5px;place-items:center;font-size:.75rem;display:grid}.ovning-svar .markor{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.ovning-svar button.vald{border-color:#e8f2f199}.ovning-svar button.ratt{border-color:var(--turkos);background:#8fe0e21a}.ovning-svar button.ratt .bokstav{background:var(--turkos);border-color:var(--turkos);color:var(--abyss)}.ovning-svar button.ratt .markor{color:var(--turkos)}.ovning-svar button.fel{border-color:var(--korall);background:#ef8a7c1a}.ovning-svar button.fel .bokstav{border-color:var(--korall);color:var(--korall)}.ovning-svar button.fel .markor{color:var(--korall)}.ovning-svar button.blek{opacity:.45}.ovning-forklaring{border-left:2px solid var(--turkos);color:var(--on-deep-2);background:#e8f2f10d;border-radius:10px;gap:.45rem;padding:.95rem 1rem;font-size:.95rem;animation:.4s ease-out fram;display:grid}.ovning-forklaring.fel{border-left-color:var(--korall)}.ovning-forklaring .utfall{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--turkos);font-size:.7rem}.ovning-forklaring.fel .utfall{color:var(--korall)}.ovning-forklaring .kalla{color:var(--on-deep-3);font-size:.8rem}@keyframes fram{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ovning-fot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.ovning-fot>.knapp{margin-left:auto}.felrapport-knapp{all:unset;cursor:pointer;min-height:2.75rem;color:var(--on-deep-3);text-underline-offset:3px;align-items:center;font-size:.85rem;text-decoration:underline;display:inline-flex}.felrapport-knapp:hover{color:var(--on-deep)}.felrapport-knapp:focus-visible{outline:2px solid var(--sand);outline-offset:2px}.felrapport{gap:.5rem;width:100%;display:grid}.felrapport label{color:var(--on-deep-2);font-size:.88rem}.felrapport textarea{width:100%;color:var(--on-deep);font:400 .95rem/1.4 var(--font-sans);resize:vertical;background:#0003;border:1px solid #e8f2f140;border-radius:8px;padding:.6rem .7rem}.felrapport-knappar{justify-content:flex-end;align-items:center;gap:.8rem;display:flex}.felrapport-fel{color:var(--korall);font-size:.85rem}.felrapport-tack{color:var(--turkos);align-items:center;min-height:2.75rem;font-size:.85rem;display:inline-flex}.resultat-mitt{text-align:center;justify-items:center;gap:.6rem;padding-top:.5rem;display:grid}.resultat-mane{width:min(260px,80%)}.resultat-mane svg{width:100%;height:auto;display:block}.resultat-tal{color:var(--on-deep-2);margin-top:-2.4rem;font-size:1.1rem}.resultat-tal b{letter-spacing:-.05em;color:var(--on-deep);margin-right:.2rem;font-size:3.4rem;font-weight:300}.resultat-text{color:var(--on-deep-2);max-width:34ch;font-size:.92rem}.resultat-omraden{border-top:1px solid var(--on-deep-line);gap:.4rem;margin:0;padding:.9rem 0 0;list-style:none;display:grid}.resultat-omraden li{color:var(--on-deep-2);justify-content:space-between;gap:1rem;font-size:.92rem;display:flex}.resultat-omraden li.svag .mono{color:var(--korall)}.resultat-erbjudande{background:#e8cf9c0f;border:1px solid #e8cf9c59;border-radius:12px;gap:.6rem;padding:1.1rem;display:grid}.resultat-erbjudande h2{letter-spacing:-.02em;font-size:1.15rem;font-weight:500}.resultat-erbjudande p{color:var(--on-deep-2);font-size:.92rem}.resultat-erbjudande .knapp:disabled{opacity:.6;cursor:default}@media (prefers-reduced-motion:reduce){.ovning-forklaring{animation:none}}.ova-huvud{border-bottom:1px solid var(--on-deep-line);align-items:center;gap:1rem;padding-bottom:.9rem;display:flex}.ova-form{flex:none;width:5.6rem;position:relative}.ova-form svg{width:100%;height:auto;display:block}.ova-form span{text-align:center;color:var(--on-deep-3);font-size:.68rem;line-height:1;position:absolute;inset:auto 0 -.1rem}.ova-form strong{font:300 1.45rem var(--font-sans);letter-spacing:-.03em;color:var(--turkos);font-variant-numeric:tabular-nums;display:block}.ova-form[data-redo] strong,.ova-form[data-redo] span{color:var(--sand)}.ova-val{flex:1;gap:.35rem;min-width:0;display:grid}.ova-omrade select{width:100%;min-height:2.75rem;color:var(--on-deep);font:400 .95rem var(--font-sans);background:#0003;border:1px solid #e8f2f140;border-radius:8px;padding:0 .75rem}.ova-pass{color:var(--on-deep-3);font-size:.8rem}.visuellt-dold{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}