@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Inter:wght@400;500;600;700&display=swap";:root{--font-display:"Fraunces", Georgia, serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--bg:#f6f1e9;--bg-elev:#fffdf9;--bg-sunken:#ede6db;--ink:#241c15;--ink-soft:#5c5047;--ink-faint:#8f8277;--line:#e3d9cb;--line-strong:#cfc2b1;--brand:#c2410c;--brand-ink:#fff7ed;--brand-soft:#fde8d8;--logo-spark:#f59e0b;--accent:#0f766e;--accent-soft:#d8f0ec;--warn:#b45309;--warn-soft:#fef3c7;--danger:#b91c1c;--danger-soft:#fee2e2;--ok:#15803d;--ok-soft:#dcfce7;--radius-s:10px;--radius:16px;--radius-l:24px;--shadow:0 1px 2px #241c150f, 0 8px 24px -12px #241c152e;--shadow-float:0 12px 32px -8px #241c1547;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--gap:12px;--gutter:16px;--page-top:20px;--page-bottom:24px;--header-h:56px;--nav-h:64px;--safe-bottom:env(safe-area-inset-bottom,0px);--content-w:1200px;--max-w:720px;--page-w:var(--content-w);--tap:44px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#17120e;--bg-elev:#221b15;--bg-sunken:#0f0b08;--ink:#f3ebe0;--ink-soft:#cdbfb0;--ink-faint:#9a8b7c;--line:#342a22;--line-strong:#4a3d32;--brand:#f97316;--brand-ink:#1c0a02;--brand-soft:#3a1d0d;--logo-spark:#fbbf24;--accent:#2dd4bf;--accent-soft:#10302c;--warn:#fbbf24;--warn-soft:#3a2a08;--danger:#f87171;--danger-soft:#3b1212;--ok:#4ade80;--ok-soft:#0f2d1a;--shadow:0 1px 2px #0006, 0 8px 24px -12px #0009;--shadow-float:0 12px 32px -8px #000000b3}}@media (width>=700px){:root{--gutter:32px;--gap:14px;--page-top:28px;--page-bottom:48px;--header-h:106px;--nav-h:0px}}@media (width>=1100px){:root{--gutter:48px;--gap:16px;--page-top:36px;--page-bottom:64px;--header-h:64px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px)}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0;font-size:16px;line-height:1.5}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;overflow-wrap:anywhere;margin:0 0 .4em;font-weight:700;line-height:1.15}h1{font-size:clamp(1.8rem,1.2rem + 1.6vw,2.6rem)}h2{font-size:clamp(1.35rem,1.1rem + .6vw,1.7rem)}h3{font-size:clamp(1.05rem,1rem + .25vw,1.2rem)}p{margin:0 0 1em}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:6px}.page{width:100%;max-width:var(--page-w);padding:var(--page-top) var(--gutter) calc(var(--nav-h) + var(--safe-bottom) + var(--page-bottom));margin:0 auto}.page--wide{max-width:var(--content-w)}.page--narrow{max-width:640px}.page--reading{max-width:860px}.page-head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.page-head h1,.page-head h2{margin:0}.stack>.page-head:not(:first-child){margin-top:12px;margin-bottom:0}.lede{color:var(--ink-soft);max-width:68ch;font-size:1.02rem}.stack{gap:var(--gap);flex-direction:column;display:flex}.grid{gap:var(--gap);grid-template-columns:minmax(0,1fr);display:grid;container:cards/inline-size}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grow{flex:1}.muted{color:var(--ink-faint)}.small{font-size:.875rem}.tiny{font-size:.75rem}.center{text-align:center}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--brand);color:var(--brand-ink);border-radius:999px;padding:10px 16px;font-weight:600;transition:transform .15s;position:absolute;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus{text-decoration:none;transform:none}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card--flat{box-shadow:none}.card--brand{background:linear-gradient(135deg, var(--brand) 0%, #ea580c 100%);color:var(--brand-ink);border:none}.card--brand a{color:inherit;text-decoration:underline}.card>p{max-width:70ch}.card.center>p{margin-inline:auto}.btn{appearance:none;min-height:var(--tap);font:inherit;cursor:pointer;background:var(--bg-sunken);color:var(--ink);-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.95rem;font-weight:600;transition:transform 80ms,background .15s,box-shadow .15s;display:inline-flex;text-decoration:none!important}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--brand);color:var(--brand-ink);box-shadow:0 6px 16px -6px #c2410c99}.btn--primary:hover{filter:brightness(1.05)}.btn--accent{background:var(--accent);color:#fff}.btn--ghost{border-color:var(--line-strong);background:0 0}.btn--danger{background:var(--danger-soft);color:var(--danger)}.btn--block{width:100%}.btn--lg{min-height:56px;padding:0 24px;font-size:1.05rem}.btn--sm{min-height:36px;padding:0 12px;font-size:.85rem}.btn--icon{width:var(--tap);border-radius:50%;padding:0}@media (hover:hover){.btn:not(.btn--primary):not(.btn--accent):not(.btn--danger):hover{background:color-mix(in srgb, var(--bg-sunken) 70%, var(--line-strong))}.btn--ghost:hover{background:var(--bg-sunken)}}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field>label,.label{color:var(--ink-soft);font-size:.9rem;font-weight:600}.hint{color:var(--ink-faint);font-size:.8rem}.input,.select,.textarea{appearance:none;width:100%;min-height:var(--tap);border:1px solid var(--line-strong);border-radius:var(--radius-s);background:var(--bg-elev);color:var(--ink);font:inherit;padding:10px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}.textarea{resize:vertical;min-height:96px}.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238f8277' stroke-width='2'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.input--sm{min-height:38px;padding:6px 10px}.error{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-s);padding:10px 12px;font-size:.9rem}.notice{color:var(--ok);background:var(--ok-soft);border-radius:var(--radius-s);padding:10px 12px;font-size:.9rem}.chip{background:var(--bg-sunken);color:var(--ink-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.chip--brand{background:var(--brand-soft);color:var(--brand)}.chip--accent{background:var(--accent-soft);color:var(--accent)}.chip--ok{background:var(--ok-soft);color:var(--ok)}.chip--warn{background:var(--warn-soft);color:var(--warn)}.chip--outline{border:1px solid var(--line-strong);background:0 0}.list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.list-item{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);color:inherit;align-items:center;gap:12px;padding:12px 14px;display:flex;text-decoration:none!important}.list-item:hover{border-color:var(--line-strong)}.divider{border:0;border-top:1px solid var(--line);margin:16px 0}.kbd{background:var(--bg-sunken);border-radius:6px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:.85em}details>summary{cursor:pointer;list-style:none}details>summary::-webkit-details-marker{display:none}main[data-route=\/handleliste]{--page-w:640px}main[data-route=\/forrad]{--page-w:1100px}main[data-route=\/venner]{--page-w:1000px}main[data-route^=\/profil],main[data-route="/oppskrifter/ny"],main[data-route="/oppskrifter/[id]/rediger"]{--page-w:860px}.page .page{max-width:none;padding:0}main[data-route="/oppskrifter/importer"]{--page-w:1100px}main[data-route="/oppskrifter/importer"] .page:has(>.card--brand){max-width:860px}@media (width>=700px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-head{margin-bottom:20px}.btn--block.btn--lg{max-width:100%}main[data-route=\/profil] .page>.stack{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}main[data-route=\/teknikker] .page>.stack{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));align-items:start;display:grid}}@media (width>=1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding:20px}main[data-route="/oppskrifter/importer"] .page:has(>form[data-sveltekit-keepfocus]):not(:has(>.card--brand)){column-gap:var(--space-6);row-gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;align-items:start;display:grid}main[data-route="/oppskrifter/importer"] .page:has(>form[data-sveltekit-keepfocus])>div:first-child{grid-column:1/-1}main[data-route="/oppskrifter/importer"] .page:has(>form[data-sveltekit-keepfocus])>.error{grid-column:1/-1}main[data-route="/oppskrifter/importer"] .page:has(>form[data-sveltekit-keepfocus])>form[data-sveltekit-keepfocus]{grid-column:1}main[data-route="/oppskrifter/importer"] .page:has(>form[data-sveltekit-keepfocus])>section{grid-column:1}main[data-route="/oppskrifter/importer"] .page:has(>form[data-sveltekit-keepfocus])>form:not([data-sveltekit-keepfocus]){grid-area:span 2/2}}.badge.svelte-1u7kk2e{background:var(--danger);color:#fff;text-align:center;min-width:16px;height:16px;box-shadow:0 0 0 2px var(--bg-elev);border-radius:8px;padding:0 4px;font-size:.65rem;font-weight:700;line-height:16px;position:absolute;top:-5px;right:-8px}.badge.inline.svelte-1u7kk2e{box-shadow:none;margin-left:4px;display:inline-block;position:static}.bottomnav.svelte-oeh3u8{z-index:30;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:color-mix(in srgb, var(--bg-elev) 92%, transparent);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.tab.svelte-oeh3u8{color:var(--ink-faint);-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.7rem;font-weight:600;display:flex;text-decoration:none!important}.tab.active.svelte-oeh3u8{color:var(--brand)}.icon-wrap.svelte-oeh3u8{display:inline-flex;position:relative}.icon.svelte-oeh3u8{width:24px;height:24px}.tab.active.svelte-oeh3u8 .icon:where(.svelte-oeh3u8){filter:drop-shadow(0 2px 6px #c2410c59)}@media (width>=700px){.bottomnav.svelte-oeh3u8{display:none}}.topbar.svelte-yic9pk{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.topbar-inner.svelte-yic9pk{min-height:var(--header-h);padding:8px var(--gutter);max-width:calc(var(--content-w) + 2 * var(--gutter));justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.brand.svelte-yic9pk{flex:none;align-items:center;gap:7px;display:inline-flex;text-decoration:none!important}.brand-mark.svelte-yic9pk{display:block}.brand-name.svelte-yic9pk svg{width:auto;height:30px}.top-actions.svelte-yic9pk{flex:none;align-items:center;gap:8px;display:flex}.icon.svelte-yic9pk{width:18px;height:18px}.site-nav.svelte-yic9pk,.wide-link.svelte-yic9pk{display:none}.news-link.svelte-yic9pk{width:36px;padding:0}.news-link.guest.svelte-yic9pk{display:none}.news-link.active.svelte-yic9pk{border-color:var(--brand);color:var(--brand)}.news-icon.svelte-yic9pk{display:inline-flex;position:relative}@media (width<=439px){.topbar-inner.svelte-yic9pk:has(.staff-link:where(.svelte-yic9pk)) .brand-name:where(.svelte-yic9pk){display:none}}@media (width<=399px){.topbar-inner.svelte-yic9pk{gap:8px}.brand.svelte-yic9pk{gap:5px}.brand-name.svelte-yic9pk svg{height:26px}.top-actions.svelte-yic9pk{gap:6px}}@media (width<=369px){.brand-name.svelte-yic9pk{display:none}}@media (width>=700px) and (width<=767px){.topbar-inner.svelte-yic9pk:has(.staff-link:where(.svelte-yic9pk)) .brand-name:where(.svelte-yic9pk){display:none}}@media (width>=700px){.brand-name.svelte-yic9pk svg{height:36px}.topbar-inner.svelte-yic9pk{flex-wrap:wrap;gap:4px 16px;padding-top:8px;padding-bottom:6px}.site-nav.svelte-yic9pk{scrollbar-width:none;flex:1 0 100%;order:3;align-items:center;gap:2px;min-width:0;margin-left:-11px;display:flex;overflow-x:auto}.site-link.svelte-yic9pk{color:var(--ink-soft);border-radius:999px;flex:none;padding:8px 11px;font-size:.92rem;font-weight:600;line-height:1.2;transition:background .15s,color .15s;text-decoration:none!important}.site-link.svelte-yic9pk:hover{background:var(--bg-sunken);color:var(--ink)}.site-link.active.svelte-yic9pk{background:var(--brand-soft);color:var(--brand)}.wide-link.svelte-yic9pk{gap:6px;display:inline-flex}.news-link.guest.svelte-yic9pk{display:inline-flex}.top-actions.svelte-yic9pk .btn.active:where(.svelte-yic9pk){border-color:var(--brand);color:var(--brand)}}@media (width>=1100px){.topbar-inner.svelte-yic9pk{flex-wrap:nowrap;gap:16px;padding-top:8px;padding-bottom:8px}.brand-name.svelte-yic9pk{display:none}.site-nav.svelte-yic9pk{flex:auto;order:0;margin-left:0}.wide-link.svelte-yic9pk{width:36px;padding:0}.wide-link.svelte-yic9pk .label:where(.svelte-yic9pk){display:none}}@media (width>=1240px){.brand-name.svelte-yic9pk{display:block}}@media (width>=1400px){.site-nav.svelte-yic9pk{gap:4px}.site-link.svelte-yic9pk{padding:9px 14px;font-size:.95rem}.top-actions.svelte-yic9pk{gap:10px}}.update.svelte-z1ckp5{left:var(--gutter);right:var(--gutter);bottom:calc(var(--nav-h) + var(--safe-bottom) + var(--space-3));z-index:1000;pointer-events:none;justify-content:center;display:flex;position:fixed}.update__box.svelte-z1ckp5{pointer-events:auto;width:min(100%,34rem);padding:var(--space-3) var(--space-4);background:var(--bg-elev);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-float)}.update__text.svelte-z1ckp5{margin:0}.update__actions.svelte-z1ckp5{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}@media print{.update.svelte-z1ckp5{display:none}}
