:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#08080a;--color-surface:#121216;--color-surface-alt:#1c1c22;--color-surface-raised:#24242c;--color-border:#2e2e38;--color-text:#f3f4f6;--color-text-muted:#a1a1aa;--color-primary:#f97316;--color-on-primary:#140a02;--color-accent:#fb923c;--color-info:#60a5fa;--color-success:#4ade80;--color-warning:#fbbf24;--color-danger:#f87171;--color-on-danger:#1a0505;--color-focus:#fb923c;--color-backdrop:#0000009e;--bg-tint:30%;--bg-tint-soft:18%;--bg-shade:55%;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-xxl:32px;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--radius-pill:0px;--control-height:38px;--control-font:.875rem;--control-pad:13px;--icon-button-size:38px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--text-caption:.8125rem;--text-body:1rem;--text-title:1.375rem;--text-display:clamp(2rem, 5vw, 3rem);--tap-target:var(--control-height);--content-max:1440px;--rail-width:88px;--topbar-height:56px;--bottom-nav-height:64px;--shadow-1:none;--shadow-2:0 18px 48px #0000008c;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--app-pattern:none;--app-pattern-size:auto;--bg-pattern-color:color-mix(in srgb, var(--color-accent) 18%, transparent)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-background:#f5f6f8;--color-surface:#fff;--color-surface-alt:#eceef2;--color-surface-raised:#fff;--color-border:#d8dde5;--color-text:#14161a;--color-text-muted:#5b6675;--color-primary:#c2410c;--color-on-primary:#fff;--color-accent:#9a3412;--color-info:#1d4ed8;--color-success:#166534;--color-warning:#92400e;--color-danger:#b91c1c;--color-on-danger:#fff;--color-focus:#c2410c;--color-backdrop:#08080a8c;--bg-tint:12%;--bg-tint-soft:7%;--bg-shade:10%;--shadow-1:0 1px 2px #0f172a14;--shadow-2:0 18px 48px #0f172a2e}:root[data-accent=blue]{--color-primary:#60a5fa;--color-on-primary:#06101f;--color-accent:#93c5fd;--color-focus:#93c5fd}:root[data-accent=teal]{--color-primary:#2dd4bf;--color-on-primary:#03211c;--color-accent:#5eead4;--color-focus:#5eead4}:root[data-accent=pink]{--color-primary:#f472b6;--color-on-primary:#240716;--color-accent:#f9a8d4;--color-focus:#f9a8d4}:root[data-accent=green]{--color-primary:#4ade80;--color-on-primary:#04200f;--color-accent:#86efac;--color-focus:#86efac}:root[data-accent=yellow]{--color-primary:#facc15;--color-on-primary:#211a02;--color-accent:#fde047;--color-focus:#fde047}:root[data-accent=violet]{--color-primary:#a78bfa;--color-on-primary:#150627;--color-accent:#c4b5fd;--color-focus:#c4b5fd}:root[data-accent=lime]{--color-primary:#a3e635;--color-on-primary:#10200a;--color-accent:#bef264;--color-focus:#bef264}:root[data-accent=cyan]{--color-primary:#22d3ee;--color-on-primary:#03181d;--color-accent:#67e8f9;--color-focus:#67e8f9}:root[data-accent=sand]{--color-primary:#d6bd8b;--color-on-primary:#1b1408;--color-accent:#e7d3a8;--color-focus:#e7d3a8}:root[data-theme=light][data-accent=blue]{--color-primary:#1d4ed8;--color-on-primary:#fff;--color-accent:#1e40af;--color-focus:#1d4ed8}:root[data-theme=light][data-accent=teal]{--color-primary:#0f766e;--color-on-primary:#fff;--color-accent:#115e59;--color-focus:#0f766e}:root[data-theme=light][data-accent=pink]{--color-primary:#be185d;--color-on-primary:#fff;--color-accent:#9d174d;--color-focus:#be185d}:root[data-theme=light][data-accent=green]{--color-primary:#15803d;--color-on-primary:#fff;--color-accent:#166534;--color-focus:#15803d}:root[data-theme=light][data-accent=yellow]{--color-primary:#a16207;--color-on-primary:#fff;--color-accent:#854d0e;--color-focus:#a16207}:root[data-theme=light][data-accent=violet]{--color-primary:#6d28d9;--color-on-primary:#fff;--color-accent:#5b21b6;--color-focus:#6d28d9}:root[data-theme=light][data-accent=lime]{--color-primary:#4d7c0f;--color-on-primary:#fff;--color-accent:#3f6212;--color-focus:#4d7c0f}:root[data-theme=light][data-accent=cyan]{--color-primary:#0e7490;--color-on-primary:#fff;--color-accent:#155e75;--color-focus:#0e7490}:root[data-theme=light][data-accent=sand]{--color-primary:#8a6a2f;--color-on-primary:#fff;--color-accent:#71541f;--color-focus:#8a6a2f}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width>=1024px){:root{--rail-width:240px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-body);-webkit-font-smoothing:antialiased;background-color:var(--color-background);background-image:var(--app-background);background-repeat:no-repeat;background-attachment:fixed;margin:0;line-height:1.5}body:after{content:"";z-index:0;pointer-events:none;background-image:var(--app-pattern);background-size:var(--app-pattern-size);background-repeat:repeat;position:fixed;inset:0}:root{--app-background:linear-gradient(200deg, color-mix(in oklab, var(--color-info) var(--bg-tint), transparent) 0%, transparent 58%)}[data-background=nordlys]{--app-background:radial-gradient(90% 75% at 0% 0%, color-mix(in oklab, var(--color-accent) var(--bg-tint), transparent) 0%, transparent 62%)}[data-background=motlys]{--app-background:radial-gradient(85% 80% at 100% 100%, color-mix(in oklab, var(--color-accent) var(--bg-tint), transparent) 0%, transparent 60%)}[data-background=tohjornet]{--app-background:radial-gradient(65% 60% at 0% 0%, color-mix(in oklab, var(--color-accent) var(--bg-tint-soft), transparent) 0%, transparent 70%), radial-gradient(65% 60% at 100% 100%, color-mix(in oklab, var(--color-accent) var(--bg-tint-soft), transparent) 0%, transparent 70%)}[data-background=horisont]{--app-background:linear-gradient(180deg, var(--color-surface-alt) 0%, color-mix(in oklab, var(--color-background) 40%, transparent) 55%, transparent 100%)}[data-background=dypet]{--app-background:linear-gradient(180deg, var(--color-surface) 0%, transparent 50%, color-mix(in oklab, #000 var(--bg-shade), transparent) 100%)}[data-background=vignett]{--app-background:radial-gradient(125% 105% at 50% 40%, var(--color-surface-alt) 0%, transparent 45%, color-mix(in oklab, #000 var(--bg-shade), transparent) 100%)}[data-background=sokelys]{--app-background:radial-gradient(60% 50% at 50% -8%, color-mix(in oklab, var(--color-accent) var(--bg-tint), transparent) 0%, transparent 72%)}[data-background=skrastrale]{--app-background:linear-gradient(118deg, transparent 0%, transparent 16%, color-mix(in oklab, var(--color-accent) var(--bg-tint-soft), transparent) 42%, transparent 64%, transparent 100%)}[data-background=take]{--app-background:radial-gradient(75% 65% at 12% -12%, color-mix(in oklab, var(--color-accent) var(--bg-tint-soft), transparent) 0%, transparent 72%), radial-gradient(75% 65% at 92% -4%, color-mix(in oklab, var(--color-info) var(--bg-tint-soft), transparent) 0%, transparent 72%)}[data-background=duotone]{--app-background:radial-gradient(70% 65% at 100% 0%, color-mix(in oklab, var(--color-accent) var(--bg-tint), transparent) 0%, transparent 66%), radial-gradient(70% 65% at 0% 100%, color-mix(in oklab, var(--color-info) var(--bg-tint), transparent) 0%, transparent 66%)}[data-background=fyrtarn]{--app-background:linear-gradient(100deg, transparent 0%, transparent 28%, color-mix(in oklab, var(--color-accent) var(--bg-tint), transparent) 38%, transparent 58%, transparent 100%)}[data-background=stribe]{--app-background:linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--color-text) 9%, transparent) 14%, transparent 34%)}[data-background=kulde]{--app-background:linear-gradient(200deg, color-mix(in oklab, var(--color-info) var(--bg-tint), transparent) 0%, transparent 58%)}[data-background=varme]{--app-background:linear-gradient(20deg, color-mix(in oklab, var(--color-accent) var(--bg-tint), transparent) 0%, transparent 58%)}[data-background=glasur]{--app-background:radial-gradient(55% 50% at 65% 35%, color-mix(in oklab, var(--color-accent) var(--bg-tint-soft), transparent) 0%, transparent 72%), radial-gradient(130% 105% at 50% 50%, transparent 38%, color-mix(in oklab, #000 var(--bg-shade), transparent) 100%)}[data-background=bolge]{--app-background:linear-gradient(170deg, color-mix(in oklab, var(--color-accent) var(--bg-tint-soft), transparent) 0%, transparent 48%), linear-gradient(350deg, color-mix(in oklab, var(--color-accent) var(--bg-tint-soft), transparent) 0%, transparent 42%)}[data-background=nattlys]{--app-background:radial-gradient(78% 78% at 50% 45%, transparent 28%, color-mix(in oklab, var(--color-accent) var(--bg-tint-soft), transparent) 78%, color-mix(in oklab, #000 var(--bg-shade), transparent) 100%)}[data-background=kant]{--app-background:linear-gradient(180deg, color-mix(in oklab, var(--color-accent) var(--bg-tint), transparent) 0px, transparent 110px)}[data-background=daggry]{--app-background:linear-gradient(8deg, color-mix(in oklab, var(--color-warning) var(--bg-tint-soft), transparent) 0%, transparent 46%, color-mix(in oklab, var(--color-info) var(--bg-tint-soft), transparent) 100%)}[data-background=mose]{--app-background:radial-gradient(80% 70% at 8% 100%, color-mix(in oklab, var(--color-success) var(--bg-tint-soft), transparent) 0%, transparent 68%), radial-gradient(70% 60% at 100% 0%, color-mix(in oklab, var(--color-accent) var(--bg-tint-soft), transparent) 0%, transparent 70%)}[data-background=fjell]{--app-background:linear-gradient(145deg, color-mix(in oklab, var(--color-info) var(--bg-tint), transparent) 0%, transparent 52%), linear-gradient(325deg, color-mix(in oklab, var(--color-surface-raised) 70%, transparent) 0%, transparent 58%)}[data-background=sitrus]{--app-background:radial-gradient(70% 62% at 92% 4%, color-mix(in oklab, var(--color-warning) var(--bg-tint), transparent) 0%, transparent 62%)}[data-background=torden]{--app-background:linear-gradient(90deg, color-mix(in oklab, var(--color-surface-alt) 80%, transparent) 0%, transparent 34%), linear-gradient(280deg, color-mix(in oklab, var(--color-info) var(--bg-tint-soft), transparent) 0%, transparent 60%)}[data-background=kull]{--app-background:radial-gradient(90% 80% at 50% -10%, color-mix(in oklab, var(--color-surface-alt) 90%, transparent) 0%, transparent 68%), radial-gradient(120% 100% at 50% 120%, color-mix(in oklab, #000 var(--bg-shade), transparent) 0%, transparent 60%)}[data-pattern=linjer]{--app-pattern:repeating-linear-gradient(0deg, var(--bg-pattern-color) 0 1px, transparent 1px 14px)}[data-pattern=ruter]{--app-pattern-size:22px 22px;--app-pattern:linear-gradient(var(--bg-pattern-color) 1px, transparent 1px), linear-gradient(90deg, var(--bg-pattern-color) 1px, transparent 1px)}[data-pattern=prikker]{--app-pattern-size:18px 18px;--app-pattern:radial-gradient(var(--bg-pattern-color) 1.1px, transparent 1.6px)}[data-pattern=diagonal]{--app-pattern:repeating-linear-gradient(45deg, var(--bg-pattern-color) 0 1px, transparent 1px 12px)}[data-pattern=kryss]{--app-pattern:repeating-linear-gradient(45deg, var(--bg-pattern-color) 0 1px, transparent 1px 16px), repeating-linear-gradient(-45deg, var(--bg-pattern-color) 0 1px, transparent 1px 16px)}[data-pattern=bolger]{--app-pattern-size:26px 13px;--app-pattern:radial-gradient(circle at 50% 100%, transparent 58%, var(--bg-pattern-color) 60% 63%, transparent 65%)}[data-pattern-color=aksent]{--bg-pattern-color:color-mix(in srgb, var(--color-accent) 20%, transparent)}[data-pattern-color=bla]{--bg-pattern-color:color-mix(in srgb, var(--color-info) 20%, transparent)}[data-pattern-color=gronn]{--bg-pattern-color:color-mix(in srgb, var(--color-success) 18%, transparent)}[data-pattern-color=gul]{--bg-pattern-color:color-mix(in srgb, var(--color-warning) 18%, transparent)}[data-pattern-color=rosa]{--bg-pattern-color:#f472b633}[data-pattern-color=noytral]{--bg-pattern-color:color-mix(in srgb, var(--color-text) 10%, transparent)}h1,h2,h3,p,dl,dd{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{min-height:var(--tap-target);cursor:pointer}a{color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}::selection{background:var(--color-primary);color:var(--color-on-primary)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.shell{z-index:1;grid-template-rows:1fr auto;min-height:100dvh;display:grid;position:relative}.main-column{flex-direction:column;min-width:0;min-height:100dvh;display:flex}.topbar{z-index:10;justify-content:space-between;align-items:center;gap:var(--space-md);min-height:calc(var(--topbar-height) + var(--safe-top));padding:var(--safe-top) calc(var(--space-lg) + var(--safe-right)) 0 calc(var(--space-lg) + var(--safe-left));background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;position:sticky;top:0}.main{width:100%;padding:var(--space-lg);flex:1}.main:focus{outline:none}.rail{display:none}.bottom-nav{z-index:20;gap:var(--space-xs);padding:var(--space-xs) calc(var(--space-xs) + var(--safe-right)) calc(var(--space-xs) + var(--safe-bottom)) calc(var(--space-xs) + var(--safe-left));background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;position:sticky;bottom:0}@media (width>=640px){.shell{grid-template-columns:var(--rail-width) 1fr;grid-template-rows:1fr}.topbar,.bottom-nav{display:none}.rail{gap:var(--space-md);width:var(--rail-width);height:100dvh;padding:calc(var(--space-md) + var(--safe-top)) var(--space-sm) calc(var(--space-md) + var(--safe-bottom)) calc(var(--space-sm) + var(--safe-left));background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;display:flex;position:sticky;top:0}.main{padding:var(--space-xl)}}@media (width>=1024px){.rail{padding:calc(var(--space-lg) + var(--safe-top)) var(--space-md) calc(var(--space-lg) + var(--safe-bottom)) calc(var(--space-md) + var(--safe-left))}.main{padding:var(--space-xxl)}}.brand{color:var(--color-text);letter-spacing:-.02em;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.brand:hover{color:var(--color-primary)}.brand__mark{border-radius:var(--radius-md);background:var(--color-primary);width:34px;height:34px;color:var(--color-on-primary);place-items:center;display:grid}.brand__name{font-size:1rem}.rail .brand{justify-content:center}.rail .brand__name{display:none}.rail-nav{margin-top:var(--space-sm);flex-direction:column;gap:4px;display:flex}.nav-item{min-height:var(--tap-target);border-radius:var(--radius-md);color:var(--color-text-muted);text-align:center;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:.6875rem;font-weight:600;text-decoration:none;display:flex}.nav-item:hover{background:var(--color-surface-alt);color:var(--color-text)}.nav-item--active{background:var(--color-surface-alt);color:var(--color-accent)}.rail .nav-item{flex-direction:column;gap:4px}.rail-footer{padding-top:var(--space-md);border-top:1px solid var(--color-border);margin-top:auto}.bottom-nav .nav-item{flex-direction:column;flex:1;gap:2px;min-height:56px;padding:6px 8px}@media (width>=1024px){.rail .brand{justify-content:flex-start}.rail .brand__name{display:inline}.rail .nav-item{text-align:left;flex-direction:row;justify-content:flex-start;gap:12px;padding:10px 12px;font-size:.9375rem}}.page{width:100%;max-width:var(--content-max);gap:var(--space-xl);flex-direction:column;margin:0 auto;display:flex}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-md);flex-wrap:wrap;display:flex}.page-title{letter-spacing:-.03em;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.05}.page-description{max-width:60ch;color:var(--color-text-muted);margin-top:4px}.page-actions{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.page-actions--stack{align-items:stretch;gap:var(--space-xs);flex-direction:column;display:flex}.card-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));display:grid}.panel{gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);flex-direction:column;display:flex;container-type:inline-size}.panel__header{justify-content:space-between;align-items:center;gap:var(--space-md);color:var(--color-text-muted);display:flex}.panel__header h2{color:var(--color-text);font-size:1.0625rem}.panel__text{color:var(--color-text-muted)}.empty-state{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md) 0;flex-direction:column;display:flex}.empty-state__icon{border-radius:var(--radius-lg);background:var(--color-surface-alt);width:52px;height:52px;color:var(--color-accent);place-items:center;display:grid}.empty-state h2{font-size:1.125rem}.empty-state p{max-width:55ch;color:var(--color-text-muted)}.empty-state__actions{gap:var(--space-sm);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.button{justify-content:center;align-items:center;gap:var(--space-sm);min-height:var(--control-height);padding:0 var(--control-pad);border-radius:var(--radius-sm);font-size:var(--control-font);border:1px solid #0000;font-weight:600;text-decoration:none;display:inline-flex}.button--primary{background:var(--color-primary);color:var(--color-on-primary)}.button--primary:hover{filter:brightness(1.07)}.button--secondary{border-color:var(--color-border);color:var(--color-text);background:0 0}.button--secondary:hover{border-color:var(--color-text-muted);background:var(--color-surface-alt)}.button--small{min-height:calc(var(--control-height) - 4px);padding:0 calc(var(--control-pad) - 2px);font-size:calc(var(--control-font) - 1px)}.accent-picker{gap:var(--space-sm);border:0;flex-direction:column;margin:0;padding:0;display:flex}.accent-picker__legend{color:var(--color-text-muted);padding:0;font-size:.875rem;font-weight:500}.accent-picker__options{border:1px solid var(--color-border);background:var(--color-border);grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:1px;display:grid}.accent-option{align-items:center;gap:var(--space-sm);min-height:var(--control-height);background:var(--color-surface);font-size:var(--control-font);cursor:pointer;padding:0 10px;display:flex;position:relative}.accent-option:hover{background:var(--color-surface-alt)}.accent-option[data-checked]{background:var(--color-surface-alt);box-shadow:inset 0 -2px 0 var(--color-primary);color:var(--color-accent);font-weight:600}.accent-option:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.accent-option input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.accent-option__swatch{border:1px solid #0000002e;border-radius:0;flex:none;width:14px;height:14px}.accent-option[data-accent=violet] .accent-option__swatch{background:#8b5cf6}.accent-option[data-accent=lime] .accent-option__swatch{background:#84cc16}.accent-option[data-accent=cyan] .accent-option__swatch{background:#06b6d4}.accent-option[data-accent=sand] .accent-option__swatch{background:#c8ab74}.accent-option[data-accent=orange] .accent-option__swatch{background:#f97316}.accent-option[data-accent=blue] .accent-option__swatch{background:#3b82f6}.accent-option[data-accent=teal] .accent-option__swatch{background:#14b8a6}.accent-option[data-accent=pink] .accent-option__swatch{background:#ec4899}.accent-option[data-accent=green] .accent-option__swatch{background:#22c55e}.accent-option[data-accent=yellow] .accent-option__swatch{background:#eab308}.background-picker{gap:var(--space-sm);border:0;flex-direction:column;margin:0;padding:0;display:flex}.background-picker__options{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));display:grid}.background-option{gap:var(--space-xs);padding:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;flex-direction:column;font-size:.8125rem;display:flex;position:relative}.background-option:hover{background:var(--color-surface-alt)}.background-option[data-checked]{border-color:var(--color-primary);box-shadow:inset 0 -2px 0 var(--color-primary)}.background-option:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.background-option input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.background-option__swatch{border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-background);background-image:var(--app-pattern), var(--app-background);background-size:var(--app-pattern-size), auto;background-repeat:repeat,no-repeat;height:2.75rem;display:block}.background-option__label{text-align:center;color:var(--color-text-muted)}.background-option[data-checked] .background-option__label{color:var(--color-text);font-weight:600}.size-picker{gap:var(--space-sm);border:0;flex-direction:column;margin:0;padding:0;display:flex}.size-picker__options{border:1px solid var(--color-border);flex-wrap:wrap;width:fit-content;display:flex}.size-option{min-height:var(--control-height);font-size:var(--control-font);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:0 12px;display:inline-flex;position:relative}.size-option+.size-option{border-left:1px solid var(--color-border)}.size-option:hover{background:var(--color-surface-alt)}.size-option[data-checked]{background:var(--color-surface-alt);box-shadow:inset 0 -2px 0 var(--color-primary);font-weight:600}.size-option:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.size-option input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.size-option__px{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.6875rem}.size-custom{align-items:flex-end;gap:var(--space-md);flex-wrap:wrap;display:flex}.size-custom .field{width:8.5rem}.size-custom input{min-height:var(--control-height)}.size-custom input[type=range]{min-height:0;accent-color:var(--color-primary);background:0 0;border:0;padding:0}.size-preview{align-items:center;gap:var(--space-sm);display:flex}.pattern-picker,.pattern-colors{gap:var(--space-sm);border:0;flex-direction:column;margin:0;padding:0;display:flex}.pattern-picker__options{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));display:grid}.pattern-option{padding:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);text-align:center;cursor:pointer;flex-direction:column;align-items:stretch;gap:4px;font-size:.75rem;display:flex;position:relative}.pattern-option:hover{background:var(--color-surface-alt)}.pattern-option[data-checked]{border-color:var(--color-primary);box-shadow:inset 0 -2px 0 var(--color-primary);color:var(--color-text);font-weight:600}.pattern-option:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.pattern-option input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.pattern-option__swatch{border:1px solid var(--color-border);background-color:var(--color-background);background-image:var(--app-pattern);background-size:var(--app-pattern-size);background-repeat:repeat;height:1.75rem;display:block}.pattern-colors__options{border:1px solid var(--color-border);background:var(--color-border);flex-wrap:wrap;gap:1px;width:fit-content;display:flex}.pattern-color{min-height:var(--control-height);background:var(--color-surface);font-size:var(--control-font);cursor:pointer;align-items:center;gap:6px;padding:0 10px;display:inline-flex;position:relative}.pattern-color:hover{background:var(--color-surface-alt)}.pattern-color[data-checked]{background:var(--color-surface-alt);box-shadow:inset 0 -2px 0 var(--color-primary);font-weight:600}.pattern-color:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.pattern-color input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.pattern-color__swatch{border:1px solid #0003;flex:none;width:14px;height:14px}.pattern-color[data-pattern-color=aksent] .pattern-color__swatch{background:var(--color-accent)}.pattern-color[data-pattern-color=bla] .pattern-color__swatch{background:var(--color-info)}.pattern-color[data-pattern-color=gronn] .pattern-color__swatch{background:var(--color-success)}.pattern-color[data-pattern-color=gul] .pattern-color__swatch{background:var(--color-warning)}.pattern-color[data-pattern-color=rosa] .pattern-color__swatch{background:#f472b6}.pattern-color[data-pattern-color=noytral] .pattern-color__swatch{background:var(--color-text-muted)}.details{gap:6px var(--space-lg);grid-template-columns:auto 1fr;display:grid}.details dt{color:var(--color-text-muted)}.route-loading{width:100%;max-width:var(--content-max);padding:var(--space-xl);margin:0 auto}.loading-state{flex-direction:column;gap:10px;display:flex}.skeleton{border-radius:var(--radius-sm);background:var(--color-surface-alt);height:16px;animation:1.4s ease-in-out infinite skeleton-pulse}.skeleton--title{width:40%;height:32px}.skeleton--short{width:60%}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}.auth-shell{min-height:100dvh;padding:calc(var(--space-xl) + var(--safe-top)) calc(var(--space-lg) + var(--safe-right)) calc(var(--space-xl) + var(--safe-bottom)) calc(var(--space-lg) + var(--safe-left));place-items:center;display:grid}.auth-card{gap:var(--space-lg);width:min(100%,28rem);padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);flex-direction:column;display:flex}.auth-form{gap:var(--space-md);flex-direction:column;display:flex}.auth-form h1{letter-spacing:-.02em;font-size:1.75rem}.auth-links{gap:var(--space-sm);flex-direction:column;display:flex}.form{gap:var(--space-md);flex-direction:column;display:flex}.form--narrow{max-width:32rem}.field{flex-direction:column;gap:6px;display:flex}.field label,.field .field__label{font-size:.875rem;font-weight:600}.field input,.field select,.field textarea{width:100%;min-height:calc(var(--control-height) + 2px);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-alt);color:var(--color-text);font:inherit;font-size:calc(var(--control-font) + 1px);padding:0 10px}.field textarea{resize:vertical;min-height:76px}.field-group{gap:var(--space-sm);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.field-group--amount{grid-template-columns:minmax(4.5rem,.7fr) minmax(5.5rem,1fr)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-primary)}.field__hint{color:var(--color-text-muted);font-size:.8125rem}.field__error,.form-error{color:var(--color-danger);font-size:.875rem;font-weight:600}.form-success{color:var(--color-success);font-size:.9375rem;font-weight:600}.button--block{width:100%}.button--danger{background:var(--color-danger);color:var(--color-on-danger)}.button--danger-quiet{border-color:color-mix(in srgb, var(--color-danger) 60%, transparent);color:var(--color-danger);background:0 0}.button--danger-quiet:hover{border-color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 14%, transparent)}.button:disabled{cursor:not-allowed;filter:none;opacity:.4}.account-summary{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.account-summary strong{font-size:1.125rem}.badge{border-radius:var(--radius-sm);background:var(--color-surface-alt);color:var(--color-text-muted);align-items:center;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.settings-links{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.settings-links li+li{border-top:1px solid var(--color-border)}.settings-links a{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;color:var(--color-text);font-weight:600;text-decoration:none;display:flex}.settings-links a:hover{color:var(--color-accent)}.settings-links svg{color:var(--color-text-muted)}.settings-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.code-result{flex-direction:column;gap:4px;display:flex}.code-display{border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-alt);font-family:var(--font-mono);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;padding:12px;font-size:.9375rem;display:block}.panel--wide{grid-column:1/-1}.topbar__actions{align-items:center;gap:var(--space-sm);display:flex}.sync-badge{border-radius:var(--radius-pill);background:var(--color-surface-alt);color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.sync-badge--online{color:var(--color-success)}.sync-badge--offline{color:var(--color-warning)}.rail-footer .sync-badge{width:100%;margin-bottom:var(--space-sm);justify-content:center}@media (width>=640px){.sync-badge__label{display:none}}@media (width>=1024px){.sync-badge__label{display:inline}}.list-grid{gap:var(--space-md);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=700px){.list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1200px){.list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.list-card{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);display:flex}.list-card__link{min-width:0;min-height:var(--tap-target);color:inherit;flex-direction:column;flex:1;justify-content:center;gap:2px;text-decoration:none;display:flex}.list-card__link:hover .list-card__name{color:var(--color-primary)}.list-card__name{overflow-wrap:anywhere;font-weight:600}.list-card__meta{color:var(--color-text-muted);font-size:.875rem}.icon-button{width:var(--icon-button-size);height:var(--icon-button-size);min-height:var(--icon-button-size);border-radius:var(--radius-sm);color:var(--color-text-muted);background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid}.icon-button:hover{background:var(--color-surface-alt);color:var(--color-accent)}.item__actions{align-items:center;gap:2px;display:flex}.summary-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.summary-list a{justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border);color:inherit;text-decoration:none;display:flex}.summary-list li:last-child a{border-bottom:0}.summary-list a:hover span:first-child{color:var(--color-primary)}.summary-list a span:last-child{color:var(--color-text-muted);white-space:nowrap;font-size:.875rem}.session-list{margin:0 0 var(--space-md);flex-direction:column;padding:0;list-style:none;display:flex}.session-row{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.session-row:last-child{border-bottom:0}.session-row__device{align-items:center;gap:var(--space-sm);overflow-wrap:anywhere;font-weight:600;display:flex}.session-row__meta{color:var(--color-text-muted);font-size:.875rem}.member-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.member-row{align-items:center;gap:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.member-row:last-child{border-bottom:0;padding-bottom:0}.member-row__name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.member-row__you{color:var(--color-text-muted);font-weight:400}.checkbox-row{align-items:center;gap:var(--space-sm);min-height:var(--tap-target);cursor:pointer;display:flex}.checkbox-row input{width:22px;height:22px;accent-color:var(--color-primary);flex:none}.dinner-card{gap:var(--space-md)}.dinner-days{border-top:1px solid var(--color-border);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.dinner-day{align-items:center;gap:var(--space-sm) var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border);grid-template-columns:minmax(7.5rem,auto) 1fr auto;display:grid}.dinner-day:last-child{border-bottom:0}.dinner-day__date{align-items:center;gap:var(--space-xs);color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem;display:inline-flex}.dinner-day__today{background:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-sans);letter-spacing:.04em;padding:1px 5px;font-size:.625rem;font-weight:700}.dinner-day__dish{color:var(--color-text);overflow-wrap:anywhere;font-size:1rem;font-weight:600}.dinner-day__dish--empty{color:var(--color-text-muted);font-weight:500}@media (width<=480px){.dinner-day{grid-template-columns:1fr auto}.dinner-day__dish{grid-column:1/-1}}.week-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.week-row{gap:var(--space-xs);padding:var(--space-md) 0;border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.week-row:first-child{padding-top:0}.week-row:last-child{border-bottom:0;padding-bottom:0}.week-row__head{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.week-row__day{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.8125rem;font-weight:700}.week-row__title{overflow-wrap:anywhere;font-weight:600}.week-row__notes{color:var(--color-text-muted);white-space:pre-line;overflow-wrap:anywhere;font-size:.875rem}.week-row__meta{color:var(--color-text-muted);font-size:.75rem}.week-row__form{margin-top:var(--space-sm);padding:var(--space-md);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md)}.item-form{gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);display:grid}.item-form .field--name{grid-column:1/-1}.item-form__actions{gap:var(--space-sm);grid-column:1/-1;display:flex}.add-toggle{border-style:dashed;justify-content:center;width:100%}@media (width>=700px){.item-form{grid-template-columns:minmax(0,1.8fr) minmax(9rem,.9fr) minmax(0,1.1fr) minmax(0,1.1fr) auto;align-items:end}.item-form .field--name,.item-form__actions{grid-column:auto}}.item-group{gap:var(--space-sm);flex-direction:column;display:flex}.item-group h2{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-size:.8125rem;font-weight:700}.item-list{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.item{align-items:center;column-gap:var(--space-sm);padding:0 var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:minmax(0,1fr) auto;display:grid}.item__label{align-items:center;gap:var(--space-sm);min-height:var(--tap-target);cursor:pointer;padding:6px 0;display:flex}.page-actions__row{gap:var(--space-sm);flex-wrap:wrap;display:flex}.page--shopping .item__label{min-height:calc(var(--tap-target) + 12px)}.page--shopping .item__text{font-size:1.0625rem}.page--shopping .item__checkbox{width:26px;height:26px}[data-immersive] .rail,[data-immersive] .topbar,[data-immersive] .bottom-nav,[data-immersive] .skip-link{display:none}[data-immersive] .shell{display:block}[data-immersive] .main{padding:0}.shopping-mode{background-color:var(--color-background);background-image:var(--app-background);min-height:100dvh}.shopping-mode__exit{z-index:40;top:calc(var(--space-sm) + var(--safe-top));right:calc(var(--space-sm) + var(--safe-right));width:var(--tap-target);height:var(--tap-target);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-2);cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:fixed}.shopping-mode__exit:hover{border-color:var(--color-primary);color:var(--color-accent)}.page--shopping{gap:var(--space-lg);max-width:42rem;padding:calc(var(--tap-target) + var(--space-xl) + var(--safe-top)) calc(var(--space-lg) + var(--safe-right)) calc(var(--space-xxl) + var(--safe-bottom)) calc(var(--space-lg) + var(--safe-left))}.shopping-mode__done{margin:var(--space-xxl) 0 0;text-align:center;color:var(--color-text-muted);font-size:1.125rem}.item__checkbox{width:22px;height:22px;accent-color:var(--color-primary);flex:none}.item__text{align-items:baseline;gap:2px var(--space-sm);flex-wrap:wrap;min-width:0;display:flex}.item__name{overflow-wrap:anywhere;font-weight:500}.item__qty{color:var(--color-text-muted);font-size:.875rem}.item__meta{padding:0 0 6px calc(22px + var(--space-sm));color:var(--color-text-muted);grid-column:1;font-size:.75rem}.list-notes{align-items:flex-start;gap:var(--space-xs);flex-direction:column;display:flex}.list-meta{color:var(--color-text-muted);font-size:.875rem}.list-status{align-items:center;gap:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-alt);color:var(--color-text-muted);align-self:flex-start;padding:6px 12px;font-size:.875rem;display:inline-flex}.list-status svg{flex:none}.item .icon-button{grid-area:1/2/span 2}.item[data-done] .item__name{color:var(--color-text-muted);text-decoration:line-through}.reminder-list{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.reminder{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.reminder__body{flex-direction:column;flex:1;gap:2px;min-width:0;padding:6px 0;display:flex}.reminder__title{overflow-wrap:anywhere;font-weight:600}.reminder__due{color:var(--color-text-muted);margin-top:2px;font-size:.8125rem}.reminder__due--overdue{color:var(--color-danger);font-weight:700}.reminder__notes{color:var(--color-text-muted);white-space:pre-line;overflow-wrap:anywhere;font-size:.875rem}.reminder__meta{color:var(--color-text-muted);font-size:.75rem}.reminder__actions{gap:2px;display:flex}.reminder--editing{padding:var(--space-lg);display:block}.reminder-edit{gap:var(--space-md);flex-direction:column;display:flex}.reminder-form{gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);grid-template-areas:"title""notes""due""actions";display:grid}.reminder-form .field--title{grid-area:title}.reminder-form .field--due{grid-area:due;max-width:18rem}.reminder-form .field--notes{grid-area:notes}.reminder-form__actions{gap:var(--space-sm);grid-area:actions;justify-self:start;display:flex}@media (width>=700px){.reminder-form{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title title""notes notes""due actions";align-items:end}}.undo-toast{z-index:60;left:50%;bottom:calc(var(--space-lg) + var(--bottom-nav-height) + var(--safe-bottom));align-items:center;gap:var(--space-md);max-width:min(28rem, calc(100vw - 2 * var(--space-lg)));padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-lg);border-radius:var(--radius-pill);background:var(--color-text);color:var(--color-background);box-shadow:var(--shadow-2);transition:opacity .15s,transform .15s;display:flex;position:fixed;transform:translate(-50%)}.undo-toast--leaving{opacity:0;transform:translate(-50%,8px)}.undo-toast__button{min-height:var(--control-height);padding:0 var(--control-pad);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);border:0;align-items:center;gap:6px;font-weight:600;display:inline-flex}@media (width>=640px){.undo-toast{bottom:calc(var(--space-xl) + var(--safe-bottom))}}.read-only-notice{z-index:60;left:50%;bottom:calc(var(--space-lg) + var(--bottom-nav-height) + var(--safe-bottom));max-width:min(28rem, calc(100vw - 2 * var(--space-lg)));padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-pill);background:var(--color-text);color:var(--color-background);box-shadow:var(--shadow-2);font-size:.9375rem;position:fixed;transform:translate(-50%)}@media (width>=640px){.read-only-notice{bottom:calc(var(--space-xl) + var(--safe-bottom))}}.dialog{width:min(28rem, calc(100vw - 2 * var(--space-lg)));max-width:none;color:var(--color-text);background:0 0;border:0;padding:0}.dialog::backdrop{background:var(--color-backdrop)}.dialog__panel{gap:var(--space-lg);padding:var(--space-xl);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);flex-direction:column;display:flex}.dialog__title{letter-spacing:-.02em;font-size:1.25rem}.update-prompt{z-index:70;left:50%;bottom:calc(var(--space-lg) + var(--bottom-nav-height) + var(--safe-bottom));justify-content:center;align-items:center;gap:var(--space-sm) var(--space-md);max-width:min(32rem, calc(100vw - 2 * var(--space-lg)));padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-lg);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);flex-wrap:wrap;display:flex;position:fixed;transform:translate(-50%)}.update-prompt__actions{gap:var(--space-sm);display:flex}@media (width>=640px){.update-prompt{bottom:calc(var(--space-xl) + var(--safe-bottom))}}.wide-only-note{display:none}@media (width<=639px){.wide-only-content{display:none}.wide-only-note{display:flex}.nav-item--wide{display:none}}.recipe-grid{gap:var(--space-md);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=700px){.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1200px){.recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.recipe-card{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);display:flex}.recipe-card__link{min-width:0;min-height:var(--tap-target);padding:var(--space-sm) 0;color:var(--color-text);flex-direction:column;flex:1;justify-content:center;gap:2px;text-decoration:none;display:flex}.recipe-card__link:hover .recipe-card__title{color:var(--color-primary)}.recipe-card__title{overflow-wrap:anywhere;font-weight:600}.recipe-card__description{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;display:-webkit-box;overflow:hidden}.recipe-card__meta{color:var(--color-text-muted);font-size:.875rem}.recipe-card__tags{gap:var(--space-xs);flex-wrap:wrap;display:flex}.recipe-facts{align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.recipe-back{color:var(--color-text-muted);font-size:var(--text-caption);align-items:center;gap:2px;text-decoration:none;display:inline-flex}.recipe-back:hover{color:var(--color-text)}.recipe-columns{gap:var(--space-lg);margin-top:var(--space-lg);grid-template-columns:1fr;display:grid}@media (width>=900px){.recipe-columns{grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:start}}.recipe-ingredients{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.recipe-ingredients li{border-bottom:1px solid var(--color-border)}.recipe-ingredients li:last-child{border-bottom:none}.recipe-ingredients input:checked+.item__text{color:var(--color-text-muted);text-decoration:line-through}.recipe-steps{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.recipe-step__label{gap:var(--space-md);min-height:var(--tap-target);padding:var(--space-xs) 0;cursor:pointer;align-items:flex-start;line-height:1.55;display:flex}.recipe-step input:focus-visible+.recipe-steps__number{outline:2px solid var(--color-focus);outline-offset:2px}.recipe-step[data-done] .recipe-step__text{color:var(--color-text-muted);text-decoration:line-through}.recipe-step[data-done] .recipe-steps__number{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.recipe-steps__number{border-radius:var(--radius-pill);background:var(--color-surface-alt);border:1px solid var(--color-border);width:1.75rem;height:1.75rem;color:var(--color-accent);font-size:var(--text-caption);flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.recipe-attribution{margin-top:var(--space-md);color:var(--color-text-muted);font-size:var(--text-caption)}.recipe-form .form-row{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=700px){.recipe-form .form-row{grid-template-columns:repeat(3,minmax(0,1fr))}}.repeat-row{align-items:flex-start;gap:var(--space-sm);display:flex}.repeat-row .field{min-width:0}.repeat-row__qty{flex:0 0 5.5rem}.repeat-row__unit{flex:0 0 5rem}.repeat-row__name,.repeat-row__step{flex:auto}.repeat-row--step{align-items:stretch}.repeat-row__index{border-radius:var(--radius-pill);background:var(--color-surface-alt);border:1px solid var(--color-border);width:1.75rem;height:1.75rem;color:var(--color-accent);font-size:var(--text-caption);flex:none;justify-content:center;align-items:center;margin-top:10px;font-weight:700;display:inline-flex}.repeat-row .icon-button{margin-top:2px}.quick-pick{margin-top:var(--space-lg);flex-direction:column;display:flex}.quick-pick__head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.quick-pick__title{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin:0;font-size:.8125rem;font-weight:700}.quick-pick__all{min-height:var(--control-height);color:var(--color-accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.875rem;font-weight:600}.quick-pick__all:hover{text-decoration:underline}.quick-group{border-bottom:1px solid var(--color-border)}.quick-group:last-of-type{border-bottom:0}.quick-group__head{align-items:center;gap:var(--space-sm);min-height:calc(var(--control-height) + 4px);cursor:pointer;color:var(--color-text);font-weight:600;list-style:none;display:flex}.quick-group__head::-webkit-details-marker{display:none}.quick-group__head:before{content:"";border-bottom:2px solid;border-right:2px solid;flex:none;width:7px;height:7px;transition:transform .12s;transform:rotate(-45deg)}.quick-group[open]>.quick-group__head:before{transform:rotate(45deg)}.quick-group__name{overflow-wrap:anywhere}.quick-group__count{color:var(--color-text-muted);margin-left:auto;font-size:.8125rem;font-weight:500}.quick-group__row{gap:var(--space-xs);padding:0 0 var(--space-sm) var(--space-lg);flex-wrap:wrap;display:flex}.quick-pick__source{margin:0 0 var(--space-sm);color:var(--color-text-muted);font-size:.875rem}.chip{min-height:calc(var(--control-height) - 2px);white-space:nowrap;padding:0 calc(var(--control-pad) - 2px);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:calc(var(--control-font) - 1px);cursor:pointer;flex:none;align-items:center;gap:4px;display:inline-flex}.chip:hover{border-color:var(--color-primary);color:var(--color-accent)}.chip--quiet{color:var(--color-text-muted);border-style:dashed}.chip--on-list{background:color-mix(in srgb, var(--color-surface) 15%, var(--color-background));border-color:color-mix(in srgb, var(--color-border) 60%, transparent);color:var(--color-text-muted)}.chip--on-list:hover{border-color:var(--color-text-muted);color:var(--color-text)}.quick-manage{margin:0 0 var(--space-md);flex-direction:column;padding:0;list-style:none;display:flex}.quick-manage li{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.quick-manage li:last-child{border-bottom:none}.quick-manage__name{overflow-wrap:anywhere;flex:8rem;font-weight:600}.quick-manage__input{min-height:var(--control-height);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;flex:8rem;padding:0 10px;font-weight:600}.quick-manage__controls{align-items:center;gap:var(--space-xs);display:flex}.quick-manage__unit{width:5.25rem;min-height:var(--control-height);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;font-size:var(--control-font);padding:0 6px}.quick-manage__controls select{min-height:var(--control-height);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;font-size:var(--control-font);padding:0 8px}.quick-manage__qty{width:5.5rem;min-height:var(--control-height);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;font-size:var(--control-font);padding:0 8px}.quick-manage__controls .icon-button{width:var(--icon-button-size);height:var(--icon-button-size);min-height:var(--icon-button-size)}.quick-manage__controls .icon-button:disabled{opacity:.35;cursor:default}.rotate-up{transform:rotate(90deg)}.rotate-down{transform:rotate(-90deg)}.quick-form{align-items:flex-end;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.quick-form .field{flex:10rem}.quick-form .field-group{flex:13rem}.dish-form{align-items:flex-end;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.dish-form .field{flex:16rem}.pick-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pick-row{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);display:flex}.store-picker{justify-content:space-between;align-items:center;gap:var(--space-sm);width:100%;min-height:var(--tap-target);padding:0 var(--space-md);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;display:flex}.store-picker:hover:not(:disabled){border-color:var(--color-primary)}.store-picker:disabled{color:var(--color-text-muted);cursor:default}.store-picker svg{color:var(--color-text-muted);flex:none}.rotate-back{transform:rotate(180deg)}.pick-row--button{width:100%;min-height:var(--tap-target);color:inherit;font:inherit;text-align:left;cursor:pointer}.pick-row--button[aria-pressed=true]{border-color:var(--color-primary);color:var(--color-accent)}.item__store{color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:0 8px;font-size:.8125rem}.pick-row__link{min-width:0;min-height:var(--tap-target);color:inherit;flex-direction:column;flex:1;justify-content:center;gap:2px;text-decoration:none;display:flex}.pick-row__link:hover .pick-row__title{color:var(--color-primary)}.pick-row__title{overflow-wrap:anywhere;font-weight:600}.pick-row__meta{color:var(--color-text-muted);font-size:.875rem}.day-pick-list{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.day-pick{justify-content:space-between;align-items:baseline;gap:var(--space-sm);width:100%;min-height:var(--tap-target);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;padding:10px 12px;display:flex}.day-pick:hover,.day-pick:focus-visible{border-color:var(--color-primary)}.day-pick__day{font-weight:600}.day-pick__meta{color:var(--color-text-muted);font-size:var(--text-caption)}