:root{--bg: oklch(1 0 0);--yta: oklch(.968 0 0);--kant: oklch(.9 0 0);--ring: oklch(.6 0 0);--black: oklch(.205 0 0);--dampad: oklch(.5 0 0);--primar: oklch(.48 .105 148);--primar-svag: oklch(.955 .02 148);--varning: oklch(.72 .15 75);--varning-svag: oklch(.97 .04 75);--varning-text: oklch(.42 .105 75);--fel: oklch(.52 .19 27);--fel-svag: oklch(.96 .03 27);--propp-6: oklch(.55 .15 148);--propp-10: oklch(.53 .21 27);--propp-16: oklch(.55 0 0);--propp-20: oklch(.52 .16 250);--propp-25: oklch(.62 .14 88);--propp-35: oklch(.25 0 0);--steg-1: .25rem;--steg-2: .5rem;--steg-3: .75rem;--steg-4: 1rem;--steg-6: 1.5rem;--steg-8: 2rem;--rundning: 10px;--traff: 44px;--pa-primar: oklch(1 0 0);--pa-primar-svag: oklch(1 0 0 / .4);--skikt: oklch(.205 0 0 / .4);--skugga: 0 8px 24px oklch(.205 0 0 / .25);--bottenrum: calc(22rem + env(safe-area-inset-bottom)) ;--z-list: 10;--z-fast: 20;--overgang: .18s cubic-bezier(.22, 1, .36, 1);font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--black);background:var(--bg);-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--black);font-size:1rem;line-height:1.45}.skal{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:var(--sidfotshojd, 76px)}.topp{position:sticky;top:0;z-index:var(--z-fast);background:var(--bg);border-bottom:1px solid var(--kant);padding:var(--steg-3) var(--steg-4);display:flex;align-items:baseline;gap:var(--steg-3)}.linjal{position:absolute;inset-inline:0;bottom:-1px;height:2px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px}.linjal span{background:var(--kant)}.linjal span[data-passerat=ja]{background:var(--primar)}.topp h1{font-size:1.0625rem;font-weight:600;margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.raknare{font-variant-numeric:tabular-nums;font-size:.9375rem;color:var(--dampad);flex:none}.raknare[data-fullt=ja]{color:var(--black);font-weight:600}.innehall{flex:1;padding:var(--steg-4);padding-bottom:var(--steg-8);animation:steg-in var(--overgang)}@keyframes steg-in{0%{opacity:0;transform:translateY(6px)}}.botten{position:fixed;bottom:0;left:50%;width:100%;max-width:480px;transform:translate(-50%,calc(var(--lyft, 0px) * -1));z-index:var(--z-fast);background:var(--bg);border-top:1px solid var(--kant);padding:var(--steg-3) var(--steg-4);padding-bottom:calc(var(--steg-3) + env(safe-area-inset-bottom));display:flex;gap:var(--steg-3)}.botten.gomd{visibility:hidden;pointer-events:none}h2{font-size:1.25rem;font-weight:600;margin:0 0 var(--steg-2);text-wrap:balance}.ledtext{color:var(--dampad);font-size:.9375rem;margin:0 0 var(--steg-6);max-width:60ch}.avsnittsrubrik{font-size:.9375rem;font-weight:600;margin:var(--steg-6) 0 var(--steg-2)}button{font:inherit;cursor:pointer}.knapp{flex:1;min-height:52px;padding:0 var(--steg-4);border:none;border-radius:var(--rundning);background:var(--primar);color:var(--pa-primar);font-size:1.0625rem;font-weight:600;transition:background var(--overgang),color var(--overgang)}.knapp:disabled{background:var(--yta);color:var(--dampad);cursor:default}.knapp[data-slag=tyst]{background:var(--yta);color:var(--black);flex:0 0 auto;font-weight:500}.knapp[data-slag=fara]{background:var(--fel);color:var(--pa-primar)}.val{display:flex;flex-direction:column;gap:var(--steg-2)}.valknapp{display:flex;align-items:center;gap:var(--steg-4);width:100%;min-height:60px;padding:var(--steg-3) var(--steg-4);text-align:left;background:var(--bg);border:1px solid var(--kant);border-radius:var(--rundning);color:var(--black);transition:background var(--overgang),border-color var(--overgang)}.valknapp[data-vald=ja]{border-color:var(--primar);background:var(--primar-svag);box-shadow:inset 0 0 0 2px var(--primar)}@media(hover:hover){.valknapp:hover{background:var(--yta);border-color:var(--dampad)}.valknapp[data-vald=ja]:hover{background:var(--primar-svag);border-color:var(--primar)}}.valknapp .bock{flex:none;font-size:1.0625rem;color:var(--primar);visibility:hidden}.valknapp[data-vald=ja] .bock{visibility:visible}.valknapp .namn{flex:1;font-size:1.0625rem;font-weight:500}.valknapp .beskrivning{display:block;font-size:.875rem;font-weight:400;color:var(--dampad);margin-top:2px}.valknapp .kapacitet{flex:none;font-variant-numeric:tabular-nums;font-size:.9375rem;color:var(--dampad)}input{font:inherit;font-size:1rem;min-width:0;max-width:100%;color:var(--black);background:var(--bg);border:1px solid var(--kant);border-radius:8px;padding:var(--steg-2) var(--steg-3);min-height:44px;width:100%}input::placeholder{color:var(--dampad)}input[type=date]{-webkit-appearance:none;appearance:none}input:focus-visible,button:focus-visible{outline:2px solid var(--primar);outline-offset:2px}.falt{display:block;margin-bottom:var(--steg-3)}.falt>span{display:block;font-size:.875rem;color:var(--dampad);margin-bottom:var(--steg-1)}.faltpar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:var(--steg-3);row-gap:var(--steg-1);margin-bottom:var(--steg-3)}.faltpar>.falt{display:grid;grid-row:span 2;grid-template-rows:subgrid;margin-bottom:0}.faltpar>.falt>span{margin-bottom:0}.hopfallbar{border:1px solid var(--kant);border-radius:var(--rundning);margin-bottom:var(--steg-6);overflow:hidden}.hopfallbar>summary{list-style:none;padding:var(--steg-3) var(--steg-4);min-height:52px;display:flex;align-items:center;gap:var(--steg-3);cursor:pointer;font-weight:500}.hopfallbar>summary::-webkit-details-marker{display:none}.hopfallbar>summary:after{content:"";flex:none;width:9px;height:9px;margin-bottom:3px;border-right:2px solid var(--dampad);border-bottom:2px solid var(--dampad);transform:rotate(45deg);transition:transform var(--overgang)}.hopfallbar[open]>summary:after{transform:rotate(225deg)}.hopfallbar>summary .sammandrag{flex:1;font-weight:400;font-size:.9375rem;color:var(--dampad);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hopfallbar .kropp{padding:0 var(--steg-4) var(--steg-4);border-top:1px solid var(--kant);padding-top:var(--steg-4)}.lista{--radkolumner: 3rem minmax(0, 1fr) 3.25rem 3.25rem;border-top:1px solid var(--kant);padding-bottom:var(--bottenrum)}.listrubrik{display:grid;grid-template-columns:var(--radkolumner);gap:var(--steg-2);padding:var(--steg-2) 0;font-size:.75rem;color:var(--dampad);border-bottom:1px solid var(--kant)}.listrubrik span{text-align:center}.listrubrik span:nth-child(2){text-align:left;padding-left:var(--steg-2)}.grupprad{border-bottom:1px solid var(--kant);padding:var(--steg-2) 0}.grupprad .falten{display:grid;grid-template-columns:var(--radkolumner);gap:var(--steg-2);align-items:center}.grupprad input{padding-inline:var(--steg-2)}.grupprad input::placeholder{color:var(--dampad);font-style:italic;opacity:1}.grupprad input[data-falt=nr],.grupprad input[data-falt=a],.grupprad input[data-falt=mm]{text-align:center;font-variant-numeric:tabular-nums}.grupprad[data-lage=over] input[data-falt=txt]{border-color:var(--varning);background:var(--varning-svag)}.grupprad .anmarkning{font-size:.8125rem;color:var(--varning-text);padding:var(--steg-1) var(--steg-2) 0}.grupprad .sista{font-size:.8125rem;color:var(--dampad);padding:var(--steg-1) var(--steg-2) 0}.snabbval{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--steg-2);padding:var(--steg-2) var(--steg-2) var(--steg-1)}.snabbval button{min-height:var(--traff);width:var(--traff);padding:0;border:2px solid var(--ring);border-radius:999px;background:var(--bg);color:var(--black);font-size:.9375rem;font-variant-numeric:tabular-nums}.snabbval button:active{background:var(--black);color:var(--bg)}.snabbval button[data-propp="6"]{border-color:var(--propp-6)}.snabbval button[data-propp="10"]{border-color:var(--propp-10)}.snabbval button[data-propp="16"]{border-color:var(--propp-16)}.snabbval button[data-propp="20"]{border-color:var(--propp-20)}.snabbval button[data-propp="25"]{border-color:var(--propp-25)}.snabbval button[data-propp="35"]{border-color:var(--propp-35)}.sammandragslista{border:1px solid var(--kant);border-radius:var(--rundning);overflow:hidden}.sammandragslista div{display:grid;grid-template-columns:minmax(7rem,40%) 1fr;gap:var(--steg-4);padding:var(--steg-3) var(--steg-4);font-size:.9375rem}.sammandragslista div+div{border-top:1px solid var(--kant)}.sammandragslista dt{margin:0;color:var(--dampad)}.sammandragslista dd{margin:0;overflow-wrap:anywhere}.sammandragslista dd[data-tomt=ja]{color:var(--dampad)}.notis{border-radius:var(--rundning);padding:var(--steg-3) var(--steg-4);font-size:.9375rem;margin-top:var(--steg-4)}.notis[data-slag=varning]{background:var(--varning-svag);color:var(--varning-text)}.notis[data-slag=fel]{background:var(--fel-svag);color:var(--fel)}.notis[data-slag=lugn]{background:var(--yta);color:var(--black)}.ruta{padding:0;border:none;border-radius:var(--rundning);width:calc(100% - var(--steg-8));max-width:22rem;background:var(--bg);color:var(--black)}.ruta::backdrop{background:var(--skikt)}.rutkropp{padding:var(--steg-4)}.rutkropp h2{font-size:1.0625rem}.rutkropp p{margin:0 0 var(--steg-4);color:var(--dampad);font-size:.9375rem}.rutknappar{display:flex;gap:var(--steg-3)}.nollstall{margin-top:var(--steg-4);padding-top:var(--steg-4);border-top:1px solid var(--kant)}.nollstall button{min-height:var(--traff);padding:0 var(--steg-3);border:none;border-radius:8px;background:none;color:var(--fel);font-size:.9375rem;font-weight:500}.krasch{max-width:480px;margin:0 auto;padding:var(--steg-8) var(--steg-4)}.krasch button{width:100%}.krasch button[data-slag=tyst]{color:var(--fel)}.krasch .ledtext{margin-bottom:var(--steg-4)}.krasch .knapp+.ledtext{margin-top:var(--steg-4);margin-bottom:var(--steg-2)}.krasch .hopfallbar{margin-top:var(--steg-6);margin-bottom:0}.krasch .hopfallbar>summary{justify-content:space-between}.krasch pre{margin:0;font-size:.75rem;line-height:1.5;color:var(--dampad);white-space:pre-wrap;overflow-wrap:anywhere}.tips{margin:0 var(--steg-4) var(--steg-3);background:var(--black);color:var(--pa-primar);border-radius:var(--rundning);padding:var(--steg-4);font-size:.9375rem;box-shadow:var(--skugga)}.tips p{margin:0 0 var(--steg-3)}.tips button{background:none;border:1px solid var(--pa-primar-svag);color:var(--pa-primar);border-radius:8px;min-height:var(--traff);padding:0 var(--steg-4)}@media(prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}