:root{--bg: #eef0f4;--surface: #ffffff;--fg: #18203a;--muted: #5a6279;--line: #d5d9e3;--accent: #b3331c;--accent-fg: #ffffff;--soft: #f8e6dc;--have: #e4e7ef;--display: "Familjen Grotesk", "Avenir Next", system-ui, sans-serif;--body: "Atkinson Hyperlegible", system-ui, -apple-system, sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #11162a;--surface: #1b2239;--fg: #eef0f7;--muted: #a4abc2;--line: #323a55;--accent: #f0805f;--accent-fg: #1a0f0a;--soft: #3a2424;--have: #262d47;color-scheme:dark}}:root[data-theme=dark]{--bg: #11162a;--surface: #1b2239;--fg: #eef0f7;--muted: #a4abc2;--line: #323a55;--accent: #f0805f;--accent-fg: #1a0f0a;--soft: #3a2424;--have: #262d47;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 var(--body);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-top:max(20px,env(safe-area-inset-top,0px));padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}main{max-width:460px;margin-inline:auto}h1,h2,h3{font-family:var(--display);line-height:1.15;margin:0;text-wrap:balance}h1{font-size:30px}h2{font-size:19px}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stack{display:grid;gap:14px}.hint{font-size:13px;color:var(--muted);margin:0}.error{color:var(--accent);margin:0}.field{display:grid;gap:6px}.search{width:100%;min-height:48px;padding:13px 14px;border:1.5px solid var(--fg);border-radius:10px;background:var(--surface);font-size:17px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{min-height:44px;padding:5px 14px;border:1px solid var(--line);border-radius:99px;background:none;font-size:14px}.chip[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.row{display:block;min-height:44px;padding:13px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.row small{display:block;color:var(--muted);font-size:13.5px}.kind{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);font-weight:700}.back{color:var(--muted);font-size:14.5px;display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.cta,.ghost{display:block;width:100%;min-height:48px;padding:14px;border-radius:10px;text-align:center;text-decoration:none;font-weight:700;font-size:16px}.cta{border:0;background:var(--accent);color:var(--accent-fg)}.cta:disabled{opacity:.55;cursor:not-allowed}.ghost{border:1.5px solid var(--fg);background:none;font-weight:400}nav{position:fixed;inset:auto 0 0;display:flex;justify-content:center;gap:8px;background:var(--surface);border-top:1px solid var(--line);padding:9px max(16px,env(safe-area-inset-right,0px)) calc(9px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}nav a{flex:1;max-width:222px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:700;color:inherit;text-decoration:none}nav a[aria-current=page]{background:var(--fg);color:var(--bg)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.block{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:grid;gap:10px}.block.has{background:var(--have)}.blockhead{display:flex;align-items:center;justify-content:space-between;gap:10px}.link{color:inherit;text-decoration:underline;text-underline-offset:3px;min-width:0;display:inline-flex;align-items:center;min-height:44px}.link h3{font-size:17px}.toggle{flex:none;min-height:44px;border:1.5px solid var(--fg);border-radius:99px;padding:5px 14px;background:none;font-size:14px}.toggle[aria-pressed=true]{border-color:var(--muted);color:var(--muted)}.items{list-style:none;margin:0;padding:0;display:grid;gap:2px}.items label{display:flex;gap:12px;align-items:center;min-height:44px}.items input{accent-color:var(--accent);width:22px;height:22px;flex:none;margin:0}ol{margin:0;padding-left:22px;display:grid;gap:8px}.note-box{background:var(--soft);border-radius:10px;padding:11px 13px;font-size:14.5px}.copyfall{width:100%;min-height:150px;font-size:13px}.cooking{font-size:22px;line-height:1.5}.cooking h1{font-size:34px}.cooking .parts{list-style:none;margin:0;padding:0;display:grid;gap:8px}.cooking .parts small{display:block;color:var(--muted);font-size:17px}.cooking .steps{gap:18px}.cooking .note-box{font-size:19px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}fieldset{border:0;margin:0;padding:0;min-width:0}legend{padding:0;margin-bottom:8px}textarea.search{min-height:96px;resize:vertical}.editrow{display:grid;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line)}.row-controls{display:flex;gap:8px}.tool{min-width:44px;min-height:44px;border:1.5px solid var(--fg);border-radius:10px;background:none;font-size:18px;line-height:1}.tool:disabled{opacity:.4;cursor:not-allowed}.ghost[aria-pressed=true]{background:var(--fg);color:var(--bg)}.ghost{display:flex;align-items:center;justify-content:center}.danger{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}.offline-banner{margin:0;padding:8px 16px;text-align:center;font-size:14px;background:var(--soft);color:var(--fg);border-bottom:1px solid var(--line)}