#llQuizPage{position:fixed;inset:0;z-index:70;background:var(--ink,#FAFAF7);color:var(--cream,#20211F);overflow:auto;display:none}
#llQuizPage.on{display:block}
body.llqp-on{overflow:hidden}
.llqp-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;max-width:900px;margin:0 auto}
.llqp-logo{font-family:"Sora",system-ui,sans-serif,system-ui,sans-serif;font-weight:700;font-size:20px}
.llqp-leave{border:1px solid color-mix(in oklab,var(--cream) 35%,transparent);background:transparent;color:inherit;font:inherit;border-radius:999px;padding:8px 16px;cursor:pointer}
.llqp-body{max-width:900px;margin:0 auto;padding:10px 20px 70px}
#llAdvCalc{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;padding:16px}
#llAdvCalc.on{display:flex}
.llac-box{width:min(420px,100%);border-radius:22px;background:var(--paper,#fff);color:var(--cream,#20211F);padding:16px;box-shadow:0 20px 60px -20px rgba(0,0,0,.5)}
.llac-scr{border-radius:14px;background:color-mix(in oklab,var(--cream) 14%,transparent);padding:10px 12px;text-align:right;font-family:"Sora",system-ui,sans-serif,sans-serif;min-height:60px;word-break:break-all}
.llac-ex{font-size:13px;opacity:.6;min-height:16px}.llac-rs{font-size:24px;font-weight:700}
.llac-keys{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}
.llac-keys button{border:none;border-radius:12px;padding:12px 0;background:color-mix(in oklab,var(--cream) 16%,transparent);color:inherit;font:inherit;font-weight:700;cursor:pointer;font-size:14px}
.llac-keys button.eq{background:var(--brand,#2E6B52);color:#fff}
.llac-close{margin-top:10px;width:100%;border:1px solid color-mix(in oklab,var(--cream) 35%,transparent);background:transparent;color:inherit;font:inherit;border-radius:12px;padding:10px;cursor:pointer}
.calc .advbtn{margin-top:10px;width:100%;border:none;border-radius:12px;padding:10px;background:var(--brand,#2E6B52);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.llqp-calcnote{display:none}
body.llqp-on .calcbtn{z-index:80}body.llqp-on .calc{z-index:82}

/* === Entrée- och tryckeffekter === */
@keyframes slide-in-up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes slide-in-left{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}
@keyframes slide-in-right{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
@keyframes fade-scale-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
header,.logo{animation:slide-in-up .6s cubic-bezier(.2,.8,.3,1) both}
body.ll-authed header,body.ll-authed .logo,body.ll-authed .qzlogo,body.ll-authed .llqp-logo{animation:none!important}
h1{animation:slide-in-up .7s .08s cubic-bezier(.2,.8,.3,1) both}
.card,.panel,.focus{animation:slide-in-up .55s cubic-bezier(.2,.8,.3,1) both}
.card:nth-of-type(2){animation-delay:.06s}
.card:nth-of-type(3){animation-delay:.12s}
.card:nth-of-type(4){animation-delay:.18s}
.card:nth-of-type(5){animation-delay:.24s}
.fab{animation:fade-scale-in .5s .3s cubic-bezier(.2,.8,.3,1) both}
button,.card,.pick,.lv,.fab,a[role=button]{transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .25s,filter .2s}
button:active,.card:active,.pick:active,.lv:active,.fab:active{transform:scale(.96)}
button.primary:active{transform:scale(.94);filter:brightness(.92)}
.card:hover,.pick:hover,.lv:hover{transform:translateY(-3px)}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}