.adgang{place-items:center;min-height:100dvh;padding:24px;display:grid}.adgang-kort{text-align:center;justify-items:center;gap:14px;max-width:420px;display:grid}.adgang-kort img{border-radius:22px;width:88px;height:88px}.adgang-kort h1{font-size:28px}.adgang-svag{color:var(--muted)}.adgang-lille{font-size:13px}.adgang-version{margin-top:0}.adgang-installer{margin-top:4px}.adgang-installer a{color:var(--accent);font-weight:700}.adgang-knap,.adgang-sekundaer{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--chip);color:var(--ink);border-radius:999px;padding:6px 12px}.adgang-knap{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);padding:10px 18px;font-weight:700}.adgang-knap:hover{filter:brightness(1.06)}.adgang :is(button,a):focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root{--bg:#f7f3ee;--surface:#fff;--ink:#2a211c;--muted:#6d6058;--line:#e4dad1;--accent:#b4532a;--accent-ink:#fff;--accent-soft:#f6e1d5;--chip:#f1ebe5;--shadow:0 1px 2px #2a211c0f,0 4px 14px #2a211c0d}@media (prefers-color-scheme:dark){:root{--bg:#1c1714;--surface:#26201c;--ink:#f1e9e2;--muted:#b2a49a;--line:#3a312b;--accent:#ec8b5e;--accent-ink:#2a140a;--accent-soft:#3d2519;--chip:#2f2722;--shadow:0 1px 2px #0000004d}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;padding-block:0 48px;padding-inline:16px;font:15px/1.5 Atkinson Hyperlegible,system-ui,sans-serif}.wrap{max-width:720px;margin:0 auto}h1,h2,h3{text-wrap:balance;margin:0;font-family:Bricolage Grotesque,system-ui,sans-serif}header.top{gap:8px;padding-block:24px 10px;display:grid}header.top h1{letter-spacing:-.01em;font-size:clamp(26px,5vw,36px);font-weight:700}header.top p{margin:0}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;margin-block:12px;padding:16px}.panel p{margin-top:0}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.muted{color:var(--muted)}.small{font-size:13px}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--chip);color:var(--ink);border-radius:999px;padding:6px 14px}button.accent{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.invitation{border-color:var(--accent);background:var(--accent-soft)}.invitation p:last-of-type{margin-bottom:12px}button:disabled{opacity:.55;cursor:default}.indhold{gap:12px;display:grid}.indhold p{margin:0}.indhold h4{margin:0 0 6px;font:700 15px/1.3 Bricolage Grotesque,system-ui,sans-serif}.liste{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.liste li{border-bottom:1px solid var(--line);overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-block:10px;display:flex}.felt p{margin-bottom:8px}input,select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;min-width:0;padding:6px 10px}input{flex:180px}input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.topbar{z-index:10;padding:8px 16px;padding-top:calc(8px + env(safe-area-inset-top,0px));background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:8px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px #2a211c14}body{padding-top:calc(52px + env(safe-area-inset-top,0px))}.sp{flex:1}.topbar .who{align-items:center;gap:6px;min-width:0;display:flex}.topbar .who b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.badge{background:var(--chip);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px}.offline{background:var(--accent-soft);color:var(--ink);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.chip.update{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);white-space:nowrap;font-weight:700}.chip.update:hover{filter:brightness(1.06)}.chip.nye{background:var(--accent-soft);color:var(--ink);border-color:var(--accent);white-space:nowrap;font-weight:700}.iconbtn{color:var(--muted);background:0 0;border:0;padding:2px 6px;font-size:22px;line-height:1}.menuwrap{position:relative}.menubtn{padding:2px 8px;font-size:20px}.menu{background:var(--surface);border:1px solid var(--line);min-width:220px;max-width:calc(100vw - 32px);box-shadow:var(--shadow);border-radius:12px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.menu>*{text-align:left;color:var(--ink);font:inherit;background:0 0;border:0;border-radius:0;padding:10px 14px;text-decoration:none}.menu>button:hover{background:var(--chip)}.menu .menustatus{color:var(--muted);border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding-block:8px;font-size:13px}dialog.vindue{border:1px solid var(--line);background:var(--surface);width:min(600px,100vw - 32px);max-height:min(88dvh,760px);color:var(--ink);box-shadow:var(--shadow);border-radius:16px;padding:0;overflow:hidden}dialog.vindue[open]{flex-direction:column;display:flex}dialog.vindue::backdrop{background:#00000080}.vinduehoved{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:12px;padding:16px;display:flex}.vinduehoved img{border-radius:12px;flex:none}.vinduehoved h2{font-size:19px}.vinduehoved p{margin:2px 0 0}.vinduehoved .iconbtn{margin-left:auto;font-size:24px}.vinduekrop{overscroll-behavior:contain;flex:auto;align-content:start;gap:18px;min-height:0;padding:4px 16px 20px;display:grid;overflow-y:auto}.vinduekrop section{gap:8px;display:grid}.vinduekrop h3{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin:12px 0 0;font:700 13px/1.3 Atkinson Hyperlegible,system-ui,sans-serif}.vinduekrop p{margin:0}.chip.unsent{background:var(--accent-soft);color:var(--ink);border:1px solid var(--accent);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.indkoeb{gap:14px;margin-block:12px;display:grid}.indkoeb>h2{font-size:22px}.nyvarefelt{flex:200px;display:flex;position:relative}.nyvarefelt input{flex:1;min-width:0}.vareforslag{z-index:5;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0}.vareforslag li{cursor:pointer;overflow-wrap:anywhere;border-radius:8px;justify-content:space-between;gap:12px;padding:10px;display:flex}.vareforslag li[aria-selected=true],.vareforslag li:hover{background:var(--chip)}.vareforslag .muted{white-space:nowrap;font-size:14px}.vareforslag li+.nyforslag{border-top:1px solid var(--line);border-radius:0 0 8px 8px}.besked{background:var(--accent-soft);border-radius:10px;margin:0;padding:8px 12px}.afsnit{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:4px 14px}.afsnit h3{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin:10px 0 2px;font:700 13px/1.3 Atkinson Hyperlegible,system-ui,sans-serif}.afsnit>.row h3{margin-bottom:6px}.varer{margin:0;padding:0;list-style:none}.varer>li+li{border-top:1px solid var(--line)}.varer ul{margin:0;padding:0 0 4px 30px;list-style:none}.vare .fold{white-space:nowrap;padding:6px 8px;font-size:14px}.vare{align-items:center;gap:4px;display:flex}.vare label{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;padding-block:9px;display:flex}.vare input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:0}.varenavn{overflow-wrap:anywhere}.maengde{color:var(--muted);white-space:nowrap}.vare.koebt .varenavn{color:var(--muted);text-decoration:line-through}.vare .ret{padding:6px 8px;font-size:17px}.retvare{padding-top:14px}.retvare label{color:var(--muted);flex:120px;gap:4px;font-size:13px;display:grid}.retvare label input,.retvare label select{font-size:15px}.faner{gap:6px;margin-block:4px 8px;display:flex}.faner button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.ugeplan{gap:12px;margin-block:12px;display:grid}.ugehoved h2{font-size:22px}.ugehoved .skift{padding:2px 10px;font-size:26px}.dag{scroll-margin-top:calc(64px + env(safe-area-inset-top,0px));background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:4px 14px}.dag.idag{border-color:var(--accent)}.dag h3{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin:10px 0 2px;font:700 13px/1.3 Atkinson Hyperlegible,system-ui,sans-serif;display:flex}.dag h3 .muted{text-transform:none;letter-spacing:0;font-weight:400}.dag h3 .badge{text-transform:none;letter-spacing:0;color:var(--ink)}.maaltider{margin:0;padding:0;list-style:none}.maaltider>li+li{border-top:1px solid var(--line)}.maaltid{all:unset;box-sizing:border-box;cursor:pointer;border-radius:8px;gap:12px;width:100%;padding-block:9px;display:flex}.maaltid:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.maaltidsnavn{width:6.5em;color:var(--muted);flex:none;padding-top:1px;font-size:14px}.maaltidsindhold{overflow-wrap:anywhere;flex:1;gap:2px;min-width:0;display:grid}.maaltidsindhold .note{white-space:pre-wrap}.retvare textarea,.melding textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);resize:vertical;border-radius:10px;padding:6px 10px;font-size:15px}.retvare textarea:focus-visible,.melding textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.melding{gap:10px;padding-top:12px;display:grid}.melding .faner{margin:0}.melding label{gap:4px;display:grid}.melding details p{margin-top:6px}.meldinger{margin:0;padding:0;list-style:none}.meldinger>li{gap:2px;padding-block:8px;display:grid}.meldinger>li+li{border-top:1px solid var(--line)}.meldinger .chip.unsent{margin-left:8px}.meldingstekst{white-space:pre-wrap;overflow-wrap:anywhere}.meldinger .badge{margin-left:8px}.meldinger .row{margin-top:6px}.kontekst{grid-template-columns:auto 1fr;gap:2px 12px;margin:6px 0 0;display:grid}.kontekst dd{overflow-wrap:anywhere;margin:0}.issuenr input{flex:none;width:7em}.issuenr a{color:var(--accent)}.valg{cursor:pointer;align-items:center;gap:10px;display:flex}.valg input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:0}.valg:has(input:disabled){cursor:default;opacity:.55}a.knap{border:1px solid var(--line);background:var(--chip);color:var(--ink);border-radius:999px;padding:6px 14px;text-decoration:none;display:inline-block}a.knap.accent{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.skjult{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.opskrifter{gap:10px;display:grid}.soegerække input{flex:110px;min-width:0}.faner.boeger{flex-wrap:wrap;margin:0}.opskriftsliste{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;margin:0;padding:4px 14px;list-style:none}.opskriftsliste>li+li{border-top:1px solid var(--line)}.opskrift{all:unset;box-sizing:border-box;cursor:pointer;overflow-wrap:anywhere;border-radius:8px;gap:4px;width:100%;padding-block:10px;display:grid}.opskrift:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.opskrift .ret{font-size:16px;font-weight:700}.opskrift .row{gap:6px}.opskriftsbillede{object-fit:cover;background:var(--chip);border-radius:12px;width:100%;max-height:340px;display:block}.opskriftsbillede.tom{aspect-ratio:4/3;max-height:200px}.opskriftsvisning h4{margin:6px 0 2px;font-size:15px}.ingredienser,.trin{gap:4px;margin:0;padding-left:22px;display:grid}.retopskrift textarea{min-height:8em}.billedvalg{gap:8px;display:grid}label.knap{cursor:pointer;border:1px solid var(--line);background:var(--chip);color:var(--ink);border-radius:999px;flex:none;padding:6px 14px;font-size:15px;display:inline-block}label.knap:focus-within{outline:2px solid var(--accent);outline-offset:2px}.skjulteboeger summary{cursor:pointer;color:var(--muted)}.skjulteboeger ul{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:8px 0 0;padding:4px 14px;list-style:none}.skjulteboeger li{flex-wrap:nowrap;padding-block:8px}.skjulteboeger li+li{border-top:1px solid var(--line)}.delkogebog{gap:12px;display:grid}.noter{border-top:1px solid var(--line);padding-top:12px}.noteliste{margin:0;padding:0;list-style:none}.noteliste>li{gap:2px;padding-block:8px;display:grid}.noteliste>li+li{border-top:1px solid var(--line)}.notetekst{white-space:pre-wrap;overflow-wrap:anywhere}.noter .aendret{color:var(--muted);font-style:italic}.notehandlinger{gap:6px;margin-top:4px}.notehandlinger button{padding:3px 12px;font-size:14px}.nynote,.retnote{gap:6px;display:grid}.nynote textarea,.retnote textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);resize:vertical;border-radius:10px;padding:6px 10px;font-size:15px}.nynote textarea:focus-visible,.retnote textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.karakterer{border-top:1px solid var(--line);padding-top:12px}.karakterliste{margin:0;padding:0;list-style:none}.karakterliste>li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-block:4px;display:flex}.stjerner{gap:2px;display:flex}.stjerne{all:unset;cursor:pointer;color:var(--accent);border-radius:6px;padding:4px;font-size:24px;line-height:1}.stjerne:disabled{cursor:default;color:var(--muted)}.stjerne:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.snit{color:var(--accent);white-space:nowrap;font-weight:700}.orden{justify-self:start}.importpaprika{gap:12px;display:grid}.navnevalg{border:1px solid var(--line);border-radius:14px;gap:6px;margin:0;padding:8px 14px 12px;display:grid}.navnevalg legend{padding:0 4px}.importpaprika progress{width:100%;height:10px;accent-color:var(--accent)}.importpaprika details ul{margin:6px 0 0;padding-left:20px}.kilde a{color:inherit;overflow-wrap:anywhere}.importkilde{flex:none;margin:0;padding:12px 16px 0}.importtekst{gap:12px;display:grid}.vinduekrop[hidden]{display:none}.importtekst label:not(.valg):not(.knap){color:var(--muted);gap:4px;font-size:13px;display:grid}.importtekst textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);resize:vertical;box-sizing:border-box;border-radius:10px;width:100%;padding:6px 10px;font-size:15px}.importtekst .mellem{justify-content:space-between}.linjer{border:1px solid var(--line);border-radius:14px;gap:6px;min-width:0;margin:0;padding:8px 10px 12px;display:grid}.linjer legend{color:var(--muted);padding:0 4px;font-size:13px}.linje{align-items:flex-start;gap:6px;display:flex}.linje input,.importtekst .linje textarea{flex:auto;width:auto;min-width:0;min-height:0}.linjeknapper{flex:none;gap:4px;display:flex}.linjeknapper button{padding:4px 8px;font-size:13px}.miniaturer{flex-wrap:wrap;gap:6px;display:flex}.guide h3{margin:0}.valgkort{gap:8px;display:grid}.valgkort button{text-align:left;border-radius:14px;justify-items:start;gap:2px;padding:12px 16px;display:grid}.miniaturer img{object-fit:cover;border-radius:8px;width:64px;height:64px;display:block}.miniaturer button{background:0 0;border:2px solid #0000;border-radius:10px;padding:0;line-height:0}.miniaturer button[aria-pressed=true]{border-color:var(--accent)}.aiindstillinger select{max-width:100%}.aiindstillinger h4{margin:16px 0 6px}.forbrug{border-collapse:collapse;width:100%;margin:6px 0 12px;font-size:13px;display:block;overflow-x:auto}.forbrug th,.forbrug td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:4px 8px 4px 0}.forbrug th{color:var(--muted);font-weight:600}
