/*! Appen. iPhone efter emilkowalski/skills apple-design och mobile-native (MIT) och Apple HIG: låsskärm med notis,
   stor rubrik som krymper vid scroll, lappar som följer fingret 1:1 och kastas med fart, ark med greppkant och två
   detenter, meny vid långt tryck, flikrad i glas (bara kontrollagret). Android efter Material 3
   (material-components-android, nowinandroid, material-color-utilities, Apache 2.0): färger ur #1f3a8a med
   SchemeTonalSpot, toppfält som krymper, navigeringsrad med piller, bottenark, snackbar med Ångra.
   Samma upplägg som Svikt på nolma.se. Telefonens egen typografi följer plattformen och är undantagen sajtens fem storlekar. */.appvy{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:48px;align-items:start;margin-top:36px}.appvy .sida{position:sticky;top:96px;display:flex;flex-direction:column;gap:18px}.app-id{display:flex;align-items:center;gap:14px}.app-id img{width:64px;height:64px;border-radius:15px;box-shadow:0 0 0 1px #14171f14,0 8px 18px -10px #1f3a8a73}.app-id b{display:block;font:400 var(--t4)/1 var(--serif);letter-spacing:-.02em}.app-id small{font-size:var(--t1);color:var(--grey)}.skarmar{display:grid;border-top:1px solid var(--line)}.skarmar button{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 2px;border:0;border-bottom:1px solid var(--line);background:none;font-size:var(--t2);color:var(--ink-2);text-align:left;cursor:pointer}.skarmar button[aria-current=true]{color:var(--ink);font-weight:600}.skarmar button small{font-size:var(--t1);color:var(--grey);font-weight:400}.tel-scen{position:relative;display:flex;justify-content:center;overflow:hidden;height:calc(852px * var(--s) + 24px);--s:.86}.tel-spar{display:flex;width:100%;transition:transform .2s var(--e)}.tel-spar>div{flex:0 0 100%;display:flex;justify-content:center;padding-top:12px}.lur{width:calc(393px * var(--s));height:calc(852px * var(--s));flex:none}.ram{width:393px;height:852px;transform:scale(var(--s));transform-origin:0 0;border-radius:58px;padding:11px;background:#121317;box-shadow:inset 0 0 0 1.5px #3a3c42,0 40px 70px -40px #14171f8c}.skarm{position:relative;width:100%;height:100%;border-radius:48px;overflow:hidden;background:#f2f2f7;color:#0b0c0f;font:400 17px/1.3 -apple-system,"SF Pro Text",var(--sans);-webkit-user-select:none;user-select:none;touch-action:pan-y}.skarm button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}/*! Statusrad och ö */.strad{position:absolute;inset:0 0 auto;height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 30px 0 44px;z-index:30;font:600 16px/1 -apple-system,"SF Pro Text",var(--sans);pointer-events:none}.strad .on{position:absolute;left:50%;top:11px;width:124px;height:36px;margin-left:-62px;border-radius:20px;background:#000}.strad-ik{display:flex;gap:6px;align-items:center}.strad-ik svg{height:12px;width:auto;fill:currentColor}.strad-ik .bat{width:26px}.hemrad{position:absolute;left:50%;bottom:8px;width:134px;height:5px;margin-left:-67px;border-radius:3px;background:#0b0c0f;z-index:40;pointer-events:none}/*! Låsskärm */.las{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:linear-gradient(170deg,#24407f,#1a2440 60%,#121726);color:#fff;transition:transform .32s cubic-bezier(.32,.72,0,1),opacity .32s;display:flex;flex-direction:column;align-items:center;padding-top:96px}.las[data-oppen]{transform:translateY(-100%);opacity:.6;pointer-events:none}.las-tid{text-align:center}.las-tid span{font:500 19px/1 -apple-system,var(--sans);opacity:.85}.las-tid b{display:block;font:300 92px/1 -apple-system,"SF Pro Display",var(--sans);letter-spacing:-.02em;margin-top:6px}.notis{margin-top:auto;margin-bottom:150px;width:calc(100% - 28px);display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start;text-align:left;padding:12px 14px;border:0;border-radius:22px;background:#fff3;-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);color:#fff!important;font:400 15px/1.3 -apple-system,var(--sans);cursor:pointer;transition:transform .12s ease-out}.notis:active{transform:scale(.97)}.notis img{width:38px;height:38px;border-radius:9px}.notis b{font-weight:600}.notis small{float:right;opacity:.7;font-size:13px}.notis em{display:block;font-style:normal;font-weight:600}.las-tips{position:absolute;bottom:40px;font:400 13px -apple-system,var(--sans);opacity:.7}.las-svep{position:absolute;inset:auto 0 0;height:90px;cursor:grab}/*! Appen */.app,.vy{position:absolute;top:0;right:0;bottom:0;left:0}.vy[hidden]{display:none}.nb{position:absolute;inset:0 0 auto;height:98px;padding-top:54px;z-index:10;text-align:center;font-weight:600;background:#f2f2f700;transition:background-color .15s,box-shadow .15s}.nb-t{display:block;opacity:0;transition:opacity .15s;line-height:44px}.vy[data-krympt] .nb{background:#f2f2f7d1;-webkit-backdrop-filter:blur(20px) saturate(1.8);backdrop-filter:blur(20px) saturate(1.8);box-shadow:0 .5px #0000002e}.vy[data-krympt] .nb-t{opacity:1}.rull{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:100px 16px 130px;scrollbar-width:none;overscroll-behavior:contain}.rull::-webkit-scrollbar{display:none}.stor{font:600 34px/1.1 -apple-system,"SF Pro Display",var(--sans);letter-spacing:-.02em;margin:0;transform-origin:0 100%;will-change:transform}.und{font-size:15px;color:#6b6b72;margin-top:4px}.hog{position:relative;height:222px;margin-top:18px}.lapp{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border-radius:22px;padding:20px;box-shadow:0 1px 2px #0000000f,0 12px 28px -18px #14171f59;touch-action:none;cursor:grab;transition:transform .32s cubic-bezier(.32,.72,0,1),opacity .2s}.lapp:nth-child(2){transform:translateY(10px) scale(.96);z-index:-1}.lapp:nth-child(3){transform:translateY(20px) scale(.92);z-index:-2}.lapp[data-ute]{opacity:0;pointer-events:none}.lapp b{display:block;font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1.2;max-width:12em}.lapp small{display:block;font-size:15px;color:#6b6b72;margin-top:4px}.lapp p{font-size:15px;margin-top:16px;color:#3a3a3f}.lapp-p{position:absolute;left:20px;right:20px;bottom:18px;display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid rgba(60,60,67,.12)}.lapp-n{font:600 28px/1 -apple-system,var(--sans);color:var(--deep);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.lapp-n small{display:inline;font-size:13px;font-weight:400;color:#6b6b72;margin:0 0 0 4px;letter-spacing:0}.lapp-m{display:flex;gap:4px}.lapp-m i{width:8px;height:8px;border-radius:50%;background:#3c3c4329}.lapp-m i.p{background:var(--deep)}.lapp-m i.h{background:linear-gradient(90deg,var(--deep) 50%,rgba(60,60,67,.16) 50%)}.lapp-v{margin-left:auto;font-size:13px;font-weight:600;color:#1b7a4b;background:#e4f3ea;border-radius:999px;padding:4px 10px}.rp{font-style:normal;flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:600 13px/1 -apple-system,var(--sans);color:var(--deep);background:#e8edf8;font-variant-numeric:tabular-nums}.rp.lag{color:#a1401f;background:#fff0ea}.rad:has(.rp)>span{margin-right:auto}.stamp{position:absolute;bottom:20px;font-size:15px;font-weight:600;padding:6px 12px;border-radius:10px;opacity:0;transition:opacity .08s}.stamp.sok{right:20px;background:#e3f3ea;color:#14593a}.stamp.hoppa{left:20px;background:#ececf0;color:#3a3a3f}.hog-tom{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:30px;font-size:15px;color:#6b6b72;z-index:-5}.val{display:flex;justify-content:center;gap:28px;margin-top:22px}.rund{width:58px;height:58px;border-radius:50%;border:0;background:#fff;box-shadow:0 1px 2px #00000014,0 6px 16px -10px #14171f66;display:grid;place-items:center;cursor:pointer;transition:transform .1s ease-out}.rund:active{transform:scale(.92)}.rund .i{width:24px;height:24px}.rund.sok{background:var(--deep);color:#fff}.grupp-h{font-size:13px;color:#6b6b72;margin:30px 0 8px 16px}.grupp{background:#fff;border-radius:12px;overflow:hidden}.rad{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;position:relative;transition:background-color .1s}.rad+.rad:before{content:"";position:absolute;left:16px;right:0;top:0;height:.5px;background:#c6c6c8}.rad b{display:block;font-weight:400;font-size:17px}.rad small{display:block;font-size:13px;color:#6b6b72}.rad em{font-style:normal;font-size:15px;color:#6b6b72;white-space:nowrap}.rad .i{color:#c4c4c7}.rad[data-tryck]{background:#e5e5ea}.grupp-not{font-size:13px;color:#6b6b72;margin:8px 16px 0}.chip{font-size:13px!important;padding:3px 9px;border-radius:999px;color:#0b0c0f!important}.c1{background:#ececf0}.c2{background:#e3e9f8}.c3{background:#fdeee7}.mal{background:#fff;border-radius:12px;padding:16px;margin:18px 0 22px;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:baseline}.mal b{font:600 28px/1 -apple-system,var(--sans);font-variant-numeric:tabular-nums}.mal span{color:#6b6b72;font-size:15px}.mal .prick{display:inline-block;width:12px;height:12px;border-radius:50%;background:#e5e5ea;margin-right:6px}.mal .prick.p{background:var(--deep)}.mal i:first-of-type{grid-column:1/-1;margin-top:8px}.mal i{grid-row:2}/*! Flikrad i glas, bara kontrollagret */.flikrad{position:absolute;left:18px;right:18px;bottom:24px;height:62px;border-radius:31px;z-index:12;display:flex;justify-content:space-around;align-items:center;background:#ffffffb8;-webkit-backdrop-filter:blur(18px) saturate(1.8);backdrop-filter:blur(18px) saturate(1.8);box-shadow:inset 0 1px #ffffffe6,0 10px 26px -12px #14171f59,0 0 0 .5px #00000014}.flikrad button{display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:none;font-size:12px;font-weight:500;color:#6b6b72;padding:6px 14px;border-radius:24px;cursor:pointer}.flikrad button.on{color:var(--deep);background:#1f3a8a1a}/*! Ark med greppkant och två detenter */.ark-lager{position:absolute;top:0;right:0;bottom:0;left:0;z-index:24;background:#00000040;opacity:0;pointer-events:none;transition:opacity .25s}.ark{position:absolute;left:0;right:0;bottom:0;height:92%;z-index:25;background:#fff;border-radius:14px 14px 0 0;transform:translateY(100%);transition:transform .32s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column}.ark[data-dras]{transition:none}.grip{display:block;width:36px;height:5px;border-radius:3px;background:#c6c6c8;margin:6px auto 0;padding:10px 0;background-clip:content-box;box-sizing:content-box;cursor:grab;touch-action:none}.ark-h{display:flex;justify-content:space-between;align-items:flex-start;padding:4px 18px 12px;border-bottom:.5px solid #c6c6c8;touch-action:none}.ark-h span{font-size:13px;color:#6b6b72}.ark-h b{display:block;font-size:20px;color:#0b0c0f;font-weight:600}.skarm .klar{border:0;background:none;color:var(--deep);font-weight:600;font-size:17px;padding:4px 0;cursor:pointer}.ark-b{padding:16px 18px;overflow-y:auto;font:400 17px/1.5 Georgia,var(--serif)}.ark-b p+p{margin-top:10px}.flagg{background:#fdeee7;border-radius:10px;padding:10px 12px;transition:opacity .2s}.flagg small{display:block;font:500 13px -apple-system,var(--sans);color:#8a3a18;margin-top:4px}.flagg[data-struken]{text-decoration:line-through;text-decoration-color:#e05a2e;opacity:.55}.flagg[data-ok]{background:#e3f3ea}.flagg[data-ok] small{color:#14593a}.ark-val{display:flex;gap:8px;margin:10px 0 14px;font-family:-apple-system,var(--sans)}.ark-val button{flex:1;border:0;border-radius:12px;padding:12px;background:#f2f2f7;font-size:15px;font-weight:500;cursor:pointer}.ark-val button:first-child{background:#0b0c0f;color:#fff}/*! Meny vid långt tryck */.meny-lager{position:absolute;top:0;right:0;bottom:0;left:0;z-index:26;background:#f0f0f566;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .2s}.meny{position:absolute;left:30px;width:250px;z-index:27;background:#fafafceb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;overflow:hidden;box-shadow:0 20px 40px -12px #0000004d;transform:scale(.6);transform-origin:20% 0;opacity:0;pointer-events:none;transition:transform .25s cubic-bezier(.32,.72,0,1),opacity .15s}.meny button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;border:0;background:none;font-size:17px;text-align:left;cursor:pointer}.meny button+button{border-top:.5px solid #c6c6c8}.meny .rod{color:#d23b2b}.app[data-meny] .meny{transform:none;opacity:1;pointer-events:auto}.app[data-meny] .meny-lager{opacity:1;pointer-events:auto}/*! Android, Material 3 */.and .ram{border-radius:44px;padding:9px}.and .skarm{border-radius:36px;background:#faf8ff;font-family:Roboto,"Google Sans",var(--sans);color:var(--ink)}.and .strad{padding:0 28px;height:40px;font:500 14px Roboto,var(--sans)}.and .strad .hal{position:absolute;left:50%;top:12px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#000}.and .strad-ik svg{height:11px}.and .hemrad{width:108px;height:4px;margin-left:-54px;bottom:10px;background:#1a1b21}.and .las{background:linear-gradient(170deg,#3a4a85,#252c45 65%,#171b2a);padding-top:110px}.and .las-tid b{font:400 84px/1 Roboto,var(--sans)}.and .notis{border-radius:24px;background:#eeedf4eb;color:var(--ink)!important;-webkit-backdrop-filter:none;backdrop-filter:none}.and .notis small{color:var(--ink-2)}.and .nb{height:104px;padding-top:40px;text-align:left;padding-left:16px;font:400 22px Roboto,var(--sans);background:#faf8ff}.and .nb-t{line-height:64px}.and .vy[data-krympt] .nb{background:#eeedf4;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.and .rull{padding:100px 16px 120px}.and .stor{font:400 32px/1.15 Roboto,var(--sans);letter-spacing:0}.and .und,.and .lapp small,.and .grupp-h,.and .rad small,.and .grupp-not,.and .mal span,.and .ark-h span{color:#45464f}.and .lapp{border-radius:28px;box-shadow:none;background:#f4f3fa}.and .lapp-n,.and .lapp-m i.p{color:#354479}.and .lapp-m i.p{background:#4d5c92}.and .lapp-m i.h{background:linear-gradient(90deg,#4d5c92 50%,#00000024 50%)}.and .lapp-p{border-top-color:#0000001a}.and .lapp-v{background:#d7f0dc;color:#1f6b38}.and .rp{background:#dce1ff;color:#354479}.and .rund{border-radius:16px;box-shadow:none;background:#e9e7ef}.and .rund.sok{border-radius:16px;width:96px;background:#dce1ff;color:#354479}.and .grupp-h{margin-left:4px;font-weight:500;color:#4d5c92}.and .grupp{background:none;border-radius:0}.and .rad{padding:12px 4px}.and .rad+.rad:before{left:4px;height:1px;background:#c6c6d0}.and .rad[data-tryck]{background:#e9e7ef}.and .mal{background:#f4f3fa;border-radius:24px}.and .mal .prick.p{background:#4d5c92}.and .flikrad{left:0;right:0;bottom:0;height:86px;border-radius:0;background:#eeedf4;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;align-items:flex-start;padding-top:12px}.and .flikrad button{gap:4px;padding:0;font-size:12px;color:#45464f;background:none!important}.and .flikrad button i{display:grid;place-items:center;width:64px;height:32px;border-radius:16px;font-style:normal}.and .flikrad button.on{color:var(--ink);font-weight:600}.and .flikrad button.on i{background:#dce1ff;color:#354479}.and .ark{border-radius:28px 28px 0 0;background:#f4f3fa}.and .grip{width:32px;height:4px;background:#757680}.and .ark-h{border-bottom:0}.and .skarm .klar{color:#4d5c92}.and .ark-val button{border-radius:999px;background:#e9e7ef}.and .ark-val button:first-child{background:#4d5c92}.and .meny{border-radius:4px;background:#eeedf4;-webkit-backdrop-filter:none;backdrop-filter:none;width:220px}.and .meny button{font-size:15px;padding:14px 16px}.and .meny button+button{border-top:0}.and .meny-lager{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.snack{position:absolute;left:12px;right:12px;bottom:100px;z-index:14;display:flex;justify-content:space-between;align-items:center;padding:6px 8px 6px 16px;border-radius:4px;background:#2f3036;color:#f2f0f7;font:400 14px Roboto,var(--sans);transform:translateY(20px);opacity:0;pointer-events:none;transition:transform .2s var(--e),opacity .2s}.snack button{border:0;background:none;color:#b6c4ff;font-weight:500;font-size:14px;padding:10px 12px;cursor:pointer}.snack[data-visa]{transform:none;opacity:1;pointer-events:auto}@media (max-width:860px){.appvy{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:24px}.appvy .sida{position:static}.skarmar{display:flex;gap:8px;overflow-x:auto;border:0;scrollbar-width:none;margin:0 calc(-1 * var(--gut));padding:0 var(--gut)}.skarmar button{flex:none;border:0;border-radius:999px;padding:10px 14px;box-shadow:inset 0 0 0 1px var(--line);min-height:44px}.skarmar button small{display:none}.skarmar button[aria-current=true]{background:var(--ink);color:#fff;box-shadow:none}.tel-scen{--s:.8}}@media (max-width:380px){.tel-scen{--s:.7}}@media (prefers-reduced-motion:reduce){.las,.lapp,.ark,.meny,.tel-spar{transition:opacity .2s!important}}.and .rp.lag{background:#ffdbcf;color:#8c3a1f}