.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)}.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}