@font-face{font-family:"Nunito";font-weight:800;font-style:normal;font-display:swap;src:url(/assets/fonts/nunito-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Nunito";font-weight:800;font-style:normal;font-display:swap;src:url(/assets/fonts/nunito-latin-ext-800-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Nunito";font-weight:900;font-style:normal;font-display:swap;src:url(/assets/fonts/nunito-latin-900-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Nunito";font-weight:900;font-style:normal;font-display:swap;src:url(/assets/fonts/nunito-latin-ext-900-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Nunito Sans";font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/nunito-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Nunito Sans";font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/nunito-sans-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Nunito Sans";font-weight:700;font-style:normal;font-display:swap;src:url(/assets/fonts/nunito-sans-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Nunito Sans";font-weight:700;font-style:normal;font-display:swap;src:url(/assets/fonts/nunito-sans-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* Layout: vanlig quizside. Blått topplag, gult "ukens quiz"-kort, fargede sjangerfelt og fargede svarknapper. */
:root{
  --bg:#f3f5fa;--paper:#ffffff;--ink:#14213d;--muted:#5b6780;--line:#dde3ee;--soft:#eef1f7;
  --top:#1746b8;--on-top:#ffffff;--sun:#ffc928;--on-sun:#14213d;--go:#14213d;--on-go:#ffffff;
  --good:#12814f;--bad:#cc1f36;--warn:#8a5700;--tile:#ffffff;
  --a:#c8102e;--b:#1d5fd1;--c:#b45309;--d:#15803d;
  --Nyheter:#c8102e;--Samfunn:#1d5fd1;--Verden:#00796b;--Kultur:#a21caf;--Sport:#c2410c;--Vitenskap:#0369a1;--Historie:#7c5c1e;--Natur:#2f7d32;--Underholdning:#be185d;
  --display:"Nunito","Trebuchet MS",sans-serif;--body:"Nunito Sans",system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#10172a;--paper:#1a2338;--ink:#eef2fa;--muted:#a8b4ca;--line:#2f3b55;--soft:#242f48;--top:#14348a;--go:#ffc928;--on-go:#14213d;--good:#55d39b;--bad:#ff8b98;--warn:#ecb965;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#10172a;--paper:#1a2338;--ink:#eef2fa;--muted:#a8b4ca;--line:#2f3b55;--soft:#242f48;--top:#14348a;--go:#ffc928;--on-go:#14213d;--good:#55d39b;--bad:#ff8b98;--warn:#ecb965;color-scheme:dark}
*{box-sizing:border-box}
html{font-size:17px}
body{background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.5;min-height:100vh}
.band{background:var(--top);color:var(--on-top)}
.top{max-width:960px;margin:0 auto;padding-block:12px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:flex;flex-wrap:wrap;align-items:center;gap:6px 26px}
.logo{font-family:var(--display);font-weight:900;font-size:1.75rem;letter-spacing:-.02em;color:var(--on-top);text-decoration:none}
.logo span{color:var(--sun)}
.top nav{display:flex;flex-wrap:wrap;gap:2px 18px}
.top nav a{color:var(--on-top);opacity:.82;text-decoration:none;font-weight:700;padding:4px 0}
.top nav a[aria-current=page]{opacity:1;border-bottom:3px solid var(--sun)}
.top nav a:hover{opacity:1}
.wrap{max-width:960px;margin:0 auto;padding-block:22px 64px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:grid;gap:26px}
h1,h2,h3{font-family:var(--display);font-weight:900;line-height:1.14;text-wrap:balance;margin:0}
h1{font-size:clamp(1.9rem,5vw,2.7rem)}h2{font-size:1.4rem}h3{font-size:1.08rem}
p{margin:0}.muted{color:var(--muted)}.small{font-size:.86rem}
.hero{display:grid;gap:8px;max-width:42rem}
.week{background:var(--sun);color:var(--on-sun);border-radius:16px;padding:clamp(20px,4vw,36px);display:grid;gap:10px;justify-items:start}
.week .tag{font-weight:800;font-size:.86rem;letter-spacing:.05em;text-transform:uppercase}
.week h1{max-width:34rem}
.week button{background:var(--on-sun);color:var(--sun);border:0;border-radius:10px;padding:13px 30px;font:inherit;font-family:var(--display);font-weight:900;font-size:1.12rem;cursor:pointer}
.sheet{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px;display:grid;gap:14px;min-width:0}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.tile{background:var(--col);color:var(--tile);border:3px solid transparent;border-radius:10px;padding:13px 12px;font:inherit;font-family:var(--display);font-weight:800;text-align:left;cursor:pointer}
.tile[aria-pressed=true]{border-color:var(--ink)}
.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.card{background:var(--paper);border:1px solid var(--line);border-top:6px solid var(--col,var(--line));border-radius:12px;padding:15px;display:grid;gap:8px;grid-template-rows:auto 1fr auto;text-align:left;font:inherit;color:inherit;cursor:pointer;min-width:0}
.card:hover{box-shadow:0 3px 14px rgba(20,33,61,.16)}
.meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;font-size:.84rem;color:var(--muted)}
.badge{font-size:.76rem;font-weight:700;color:var(--muted)}
button.main,button.alt{font:inherit;font-weight:800;border-radius:9px;padding:10px 20px;cursor:pointer;border:2px solid var(--go)}
button.main{background:var(--go);color:var(--on-go)}
button.alt{background:transparent;color:var(--ink)}
button:disabled{opacity:.5;cursor:not-allowed}
:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.form{display:grid;gap:14px}.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
label.f{display:grid;gap:4px;font-weight:700;font-size:.92rem;min-width:0}
input[type=text],input[type=url],input[type=date],select,textarea{font:inherit;font-weight:400;width:100%;padding:9px 10px;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:7px}
textarea{resize:vertical;min-height:84px}
.pick{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--line);align-items:flex-start}
.pick:first-child{border-top:0}.pick input{margin-top:5px;flex:none}
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:10px}
.opt{display:flex;gap:12px;align-items:center;width:100%;font:inherit;font-weight:700;text-align:left;background:var(--soft);color:var(--ink);border:2px solid var(--line);border-radius:10px;padding:12px;cursor:pointer;min-height:64px}
.opt:hover:not(:disabled){border-color:var(--ink)}.opt:disabled{cursor:default;opacity:1}
.opt .k{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:7px;color:#fff;font-family:var(--display);font-weight:900}
.opt.right{border-color:var(--good);box-shadow:inset 0 0 0 1px var(--good)}
.opt.wrong{border-color:var(--bad)}
.opt .mark{margin-left:auto;font-size:1.3rem;font-weight:900}
.right .mark{color:var(--good)}.wrong .mark{color:var(--bad)}
.bar{height:8px;background:var(--soft);border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;background:var(--sun)}
blockquote{margin:0;padding:2px 0 2px 12px;border-left:3px solid var(--good)}
.score{font-family:var(--display);font-weight:900;color:var(--ink);font-size:4.4rem;line-height:1}
.notice{padding:10px 12px;border:1px dashed var(--warn);color:var(--warn);border-radius:8px;font-size:.92rem}
.pipe{display:grid;gap:4px;margin:0;padding:0;list-style:none}.pipe li{color:var(--muted)}.pipe li.now{color:var(--ink);font-weight:700}.pipe li.done{color:var(--good)}
.q-edit{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:10px}
.fopt{display:flex;gap:8px;align-items:center}.fopt input[type=radio]{flex:none}
.review{display:grid;gap:4px;border-top:1px solid var(--line);padding-top:12px}
details summary{cursor:pointer;font-weight:700}
a{color:inherit}
footer.foot{color:var(--muted);font-size:.86rem}

html{-webkit-text-size-adjust:100%}body{margin:0}img{max-width:100%}
a.card,a.tile{text-decoration:none;display:grid}
a.tile{color:var(--tile)}
.week .btn{display:inline-block;background:var(--on-sun);color:var(--sun);border-radius:10px;padding:13px 30px;font-family:var(--display);font-weight:900;font-size:1.12rem;text-decoration:none}
.btn2{display:inline-block;font-weight:800;border-radius:9px;padding:10px 20px;border:2px solid var(--go);background:var(--go);color:var(--on-go);text-decoration:none;cursor:pointer;font-family:inherit;font-size:1rem}
.btn2.ghost{background:transparent;color:var(--ink)}
.section{display:grid;gap:10px}
.ad{display:grid;gap:4px;min-height:280px;margin-block:12px;align-content:start;min-width:0}
.ad .lbl{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ad .ph{min-height:250px;border:1px dashed var(--line);border-radius:8px;display:grid;place-items:center;color:var(--muted)}
.prose{max-width:42rem;display:grid;gap:12px}.prose h2{margin-top:10px}.prose ul{margin:0;padding-left:1.2em}
.crumbs{font-size:.86rem;color:var(--muted)}
.foot-wrap{border-top:1px solid var(--line);margin-top:20px}
.foot-in{max-width:960px;margin:0 auto;padding-block:20px 40px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted);font-size:.9rem}
.qa{display:grid;gap:18px;list-style:none;padding:0;margin:0;counter-reset:q}
.qa li{display:grid;gap:6px;counter-increment:q;border-top:1px solid var(--line);padding-top:14px}
.qa h3::before{content:counter(q) ". "}
.you{font-weight:700}.you.ok{color:var(--good)}.you.no{color:var(--bad)}
.result{background:var(--sun);color:var(--on-sun);border-radius:14px;padding:20px;display:grid;gap:8px;justify-items:start}
.result .score{color:var(--on-sun)}
.result .btn2{background:var(--on-sun);color:var(--sun);border-color:var(--on-sun)}
.link-box{word-break:break-all;background:var(--soft);padding:10px;border-radius:7px;font-size:.86rem}
button.link{all:unset;cursor:pointer;text-decoration:underline}

.table{gap:18px}
.bigq{font-size:clamp(1.6rem,5vw,2.5rem);line-height:1.2}
.biga{font-size:clamp(2rem,7vw,3.4rem);color:var(--good);line-height:1.1}
.biga:focus{outline:none}.bigq:focus{outline:none}
.tag-a{font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:.84rem;color:var(--muted)}
.btn2.huge{font-family:var(--display);font-weight:900;font-size:1.25rem;padding:16px 28px;width:100%;max-width:26rem}
.team{font:inherit;font-weight:800;padding:10px 16px;border-radius:9px;border:2px solid var(--line);background:var(--soft);color:var(--ink);cursor:pointer}
.team[aria-pressed=true]{background:var(--good);border-color:var(--good);color:var(--bg)}
.week label.f{color:var(--on-sun)}
.week input[type=text]{background:#fff;color:#14213d;border-color:transparent}
@media print{.band,.foot-wrap,.no-print,.ad,.crumbs,.result,.section{display:none!important}body{background:#fff;color:#000}.qa li{break-inside:avoid}}

[hidden]{display:none!important}
.crumbs a{color:var(--muted)}

/* Runde to: festkveld. Mørk blå scene, gul hovedfarge, hvert tema har sin farge. */
.band{background:var(--night)}
:root{--night:#101b3d;--on-col:#fff}
.herob{background:var(--night);color:#fff;overflow:hidden;position:relative}
.herob::before,.herob::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.herob::before{width:340px;height:340px;background:#c8102e;right:-120px;top:-140px;opacity:.9}
.herob::after{width:200px;height:200px;background:#1d5fd1;left:-70px;bottom:-110px}
.herob-in{position:relative;z-index:1;max-width:960px;margin:0 auto;padding-block:clamp(34px,7vw,70px);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:30px;align-items:center}
.herob-t{display:grid;gap:12px;justify-items:start;min-width:0}
.eyebrow{font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.86rem;color:var(--sun)}
.herob h1{font-size:clamp(3.2rem,11vw,6rem);color:var(--sun);line-height:.98;letter-spacing:-.02em}
.lead{font-size:1.25rem;max-width:30rem}
.cta{display:inline-block;background:var(--sun);color:#14213d;font-family:var(--display);font-weight:900;font-size:1.08rem;padding:13px 24px;border-radius:12px;text-decoration:none}
.cta.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.75)}
.cta.ghost.dark{color:#14213d;box-shadow:inset 0 0 0 2px #14213d}
.luck{background:var(--sun);color:#14213d;border-radius:18px;padding:22px;display:grid;gap:12px;transform:rotate(1.6deg);box-shadow:0 14px 34px rgba(0,0,0,.35);min-width:0}
.luck .ctag{color:#14213d;opacity:.75}
.luck-q{font-family:var(--display);font-weight:900;font-size:1.5rem;line-height:1.18}
.luck-a{font-family:var(--display);font-weight:900;font-size:1.9rem;color:#a50d25}
.mini{font:inherit;font-weight:800;padding:8px 14px;border-radius:9px;border:2px solid currentColor;background:transparent;color:inherit;cursor:pointer}
.mini.solid{background:#14213d;border-color:#14213d;color:var(--sun)}
.ctag{font-weight:800;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}
.card{position:relative;overflow:hidden;background:var(--col,var(--night));border:0;color:var(--on-col);min-height:165px;align-content:end;grid-template-rows:auto auto auto;gap:6px;transition:transform .15s}
.card:hover{transform:translateY(-3px) rotate(-.6deg);box-shadow:0 10px 24px rgba(20,33,61,.28)}
.card h3{font-size:1.32rem}.cmeta{font-size:.86rem;opacity:.92}
.mark-q{position:absolute;right:-6px;top:-28px;font-family:var(--display);font-weight:900;font-size:9rem;line-height:1;opacity:.17}
.tile{display:grid;gap:0;padding:15px 14px;border-radius:14px;transition:transform .15s}.tile:hover{transform:translateY(-2px)}
.tile span{font-size:1.1rem}.tile small{font-family:var(--body);font-weight:400;opacity:.9}
.tiles{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}
.week{border-radius:18px}
.week.colored{background:var(--col);color:var(--on-col)}
.week.colored .btn{background:#fff;color:#14213d}.week.colored label,.week.colored .setup{color:var(--on-col)}
.wh{font-size:clamp(1.7rem,4.6vw,2.5rem)}
.partyb{background:var(--sun);color:#14213d;border-radius:18px;padding:clamp(20px,4vw,30px);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}
.partyb .cta{background:#14213d;color:var(--sun)}
.setup{display:grid;gap:8px;width:100%;max-width:32rem}
.setup input[type=text]{flex:1 1 150px;min-width:0;padding:9px 11px;border-radius:9px;border:0;background:#fff;color:#14213d;font:inherit}
.chipt{font:inherit;font-weight:800;padding:5px 11px;border-radius:99px;border:0;background:#14213d;color:#fff;cursor:pointer}
.hostl{display:flex;gap:8px;align-items:center;font-weight:700}
.stage{background:var(--col,var(--night));border:0;color:#fff;min-height:min(72vh,560px);align-content:center;border-radius:20px}
.stage .meta{color:rgba(255,255,255,.85)}.stage .bar{background:rgba(255,255,255,.25)}
.kind{justify-self:start;background:rgba(0,0,0,.25);font-weight:800;font-size:.84rem;padding:4px 12px;border-radius:99px}
.stage .bigq{font-size:clamp(1.9rem,6vw,3.2rem);line-height:1.12}
.prompt{font-size:1.1rem;font-style:italic}
.clockb,.peek{font:inherit;font-weight:700;background:rgba(0,0,0,.22);color:#fff;border:0;border-radius:9px;padding:9px 14px;cursor:pointer;justify-self:start;text-align:left}
.huge-reveal{font-family:var(--display);font-weight:900;font-size:1.45rem;background:var(--sun);color:#14213d;border:0;border-radius:14px;padding:18px 30px;cursor:pointer;width:100%;max-width:28rem}
.drum{font-family:var(--display);font-weight:900;font-size:clamp(8rem,30vw,15rem);text-align:center;line-height:1;animation:drum .3s ease-out}
@keyframes drum{from{transform:scale(1.7);opacity:.2}}
.pop{animation:pop .3s ease-out}@keyframes pop{from{transform:scale(.96);opacity:.5}}
.biga{font-size:clamp(2.2rem,8vw,4rem)}
.confetti{position:fixed;inset:0;pointer-events:none;z-index:50;width:100%;height:100%}
@media (prefers-reduced-motion:reduce){.card,.tile{transition:none}.card:hover,.tile:hover{transform:none}.pop,.drum{animation:none}}
.partyb .cta.ghost.dark{background:transparent;color:#14213d}
.tiles{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}

body.playing .band,body.playing .crumbs,body.playing .foot-wrap{display:none}
body.playing main.wrap{padding-block:12px 24px}
.gtop{align-items:center}
.exit{font:inherit;font-size:.84rem;font-weight:700;background:transparent;border:0;color:inherit;text-decoration:underline;cursor:pointer;padding:4px 0}
.stage{min-height:calc(100vh - 48px)}
.stage.answer .qsmall{font-size:1.1rem;opacity:.92}
.stage.answer .biga{color:var(--sun);font-size:clamp(2.4rem,10vw,4.6rem)}
.src,.src a{color:rgba(255,255,255,.88)}
.huge-reveal.half,.clockb.half{flex:1 1 150px;width:auto;max-width:none;text-align:center;font-family:var(--display);font-weight:900;font-size:1.15rem;padding:16px}
.stage .team{background:rgba(0,0,0,.24);border-color:transparent;color:#fff;font-size:1.05rem;padding:12px 18px}
.stage .team[aria-pressed=true]{background:var(--sun);color:#14213d}
.board{font-weight:800;white-space:pre-wrap}
.scoret{font-size:clamp(2.4rem,9vw,3.6rem)}
.lbl-t{font-family:var(--body);font-size:.74rem;font-weight:700;color:var(--muted);white-space:nowrap}
@media (max-width:480px){.top{gap:2px 14px}.top nav{gap:0 12px}.top nav a{font-size:.88rem}.logo{font-size:1.5rem}}

.me-link{margin-left:auto;color:var(--sun);font-weight:800;text-decoration:none}
.strip{background:var(--paper);border:2px solid var(--sun);border-radius:14px;padding:14px 18px;display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:space-between;align-items:center}
.strip div{display:grid}.strip b{font-family:var(--display);font-size:1.2rem}.strip span{color:var(--muted);font-size:.92rem}
.strip .mini{text-decoration:none}
.strip .mini.solid{background:var(--sun);border-color:var(--sun);color:#14213d}
.xmas{background:#a50d25;color:#fff;border-radius:18px;padding:18px 22px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;text-decoration:none}
.xmas span{display:grid}.xmas b{font-family:var(--display);font-weight:900;font-size:1.45rem}.xdoors{display:flex!important;gap:6px}
.xdoors i{font-style:normal;font-family:var(--display);font-weight:900;width:42px;height:48px;display:grid;place-items:center;background:var(--sun);color:#14213d;border-radius:7px}
.cstate{position:absolute;left:15px;top:12px;font-size:.74rem;font-weight:800;padding:2px 9px;border-radius:99px;background:rgba(0,0,0,.28)}
.cstate.fresh{background:var(--sun);color:#14213d}
.card{padding-top:44px}
.toast{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;background:var(--night);color:#fff;border:2px solid var(--sun);border-radius:14px;padding:12px 18px;display:grid;text-decoration:none;box-shadow:0 10px 26px rgba(0,0,0,.35)}
.toast small{color:var(--sun);font-weight:800}.toast b{font-family:var(--display);font-size:1.15rem}
.rankcard{background:var(--night);color:#fff;border-radius:18px;padding:24px;display:grid;gap:8px}
.rankcard small{color:var(--sun);font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.rank{font-size:clamp(2.3rem,9vw,3.6rem);color:var(--sun)}
.rankcard .bar{background:rgba(255,255,255,.2)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px}
.stat{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid}
.stat b{font-family:var(--display);font-weight:900;font-size:2.2rem;line-height:1.1;font-variant-numeric:tabular-nums}.stat span{color:var(--muted);font-size:.88rem}
.days{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:4px;max-width:520px}
.day{aspect-ratio:1;border-radius:5px;background:var(--line)}.day.on{background:var(--good)}.day.now{outline:2px solid var(--ink);outline-offset:1px}
.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.badge2{border:1px dashed var(--line);border-radius:12px;padding:12px;display:grid;color:var(--muted)}
.badge2 b{font-family:var(--display)}.badge2 span{font-size:.84rem}
.badge2.got{background:var(--sun);color:#14213d;border:1px solid var(--sun)}
.tblw{overflow-x:auto}.tbl{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}.tbl th,.tbl td{padding:9px 8px;text-align:right;border-bottom:1px solid var(--line)}.tbl th:first-child,.tbl td:first-child{text-align:left;font-weight:700}
.calmsg{font-weight:700;min-height:1.5em}
.cal{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:9px}
.door{aspect-ratio:1;border:0;border-radius:12px;background:var(--soft);color:var(--muted);font-family:var(--display);font-weight:900;font-size:1.7rem;cursor:pointer}
.door.open{background:#a50d25;color:#fff}.door.today{box-shadow:0 0 0 3px var(--sun)}.door.done{background:var(--good);color:var(--bg)}
@media (max-width:480px){.top nav{order:3;width:100%}.me-link{font-size:.9rem}}

.who{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px}
.whoc{background:var(--col);color:#fff;border-radius:16px;padding:20px;display:grid;gap:4px;text-decoration:none;transition:transform .15s}
.whoc:hover{transform:translateY(-3px)}
.whoc b{font-family:var(--display);font-weight:900;font-size:1.7rem}
.dayc{background:var(--night);color:#fff;border-radius:16px;padding:20px 22px;display:grid;gap:6px;text-decoration:none}
.dayc small{color:var(--sun);font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.dayc b{font-family:var(--display);font-weight:900;font-size:clamp(1.3rem,4vw,1.8rem);line-height:1.2}
.dayc span{text-decoration:underline;font-size:.92rem}
.cardl{margin:12px 0 0;padding-left:1.2em;display:grid;gap:6px}
.steps2{margin:0;padding-left:1.3em;display:grid;gap:4px}
@media (prefers-reduced-motion:reduce){.whoc{transition:none}.whoc:hover{transform:none}}

.prefs{width:100%;max-width:32rem}.prefs summary{font-weight:800;cursor:pointer;padding:4px 0}
.prefs-in{display:grid;gap:14px;margin-top:8px}
.pref{display:grid;gap:5px}.plabel{font-weight:700}
.seg{display:flex;flex-wrap:wrap;gap:5px}
.seg button{font:inherit;font-weight:700;padding:7px 12px;border-radius:8px;border:2px solid currentColor;background:transparent;color:inherit;cursor:pointer}
.seg button[aria-pressed=true]{background:#14213d;border-color:#14213d;color:#fff}
.sheet.prefs-in{margin-top:0}
.sheet.prefs-in .seg button[aria-pressed=true]{background:var(--go);border-color:var(--go);color:var(--on-go)}
.clock{font-family:var(--display);font-weight:900;font-size:1.25rem;font-variant-numeric:tabular-nums}
.size-stor .bigq{font-size:clamp(2.3rem,7.5vw,4rem)}.size-stor .biga{font-size:clamp(3rem,12vw,5.6rem)}
.size-ekstra .bigq{font-size:clamp(2.8rem,10vw,5.2rem)}.size-ekstra .biga{font-size:clamp(3.6rem,15vw,7rem)}
.bigq,.biga{overflow-wrap:anywhere}