:root{--font-sans: "Space Grotesk", system-ui, sans-serif;--font-mono: "Space Mono", monospace;--border-width: 2px;--border-radius: 4px;--shadow: 4px 4px 0px var(--color-shadow);--shadow-hover: 6px 6px 0px var(--color-shadow);--shadow-pressed: 2px 2px 0px var(--color-shadow);--shadow-lg: 8px 8px 0px var(--color-shadow);--color-on-primary: #0a0a0a;--color-warning: #ff9f1c;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--max-width: 1200px;--content-width: 900px;--sidebar-width: 240px;--topbar-height: 60px;--bottom-nav-height: 64px}:root,[data-theme=yellow-punch]{--color-bg: #f5f0e8;--color-surface: #ffffff;--color-primary: #ffdd00;--color-primary-hover: #ffc800;--color-primary-tint: #fff9cc;--color-text: #0a0a0a;--color-text-muted: #444444;--color-border: #000000;--color-shadow: #000000;--color-danger: #ff3b3b;--color-success: #00c27c;--color-info: #3b82f6;--color-nav-active-bg: #ffdd00;--color-nav-active-bar: #000000}[data-theme=mint-riot]{--color-bg: #e8f5ee;--color-surface: #ffffff;--color-primary: #00e676;--color-primary-hover: #00c853;--color-primary-tint: #c9f7dd;--color-text: #0a0a0a;--color-text-muted: #3a3a3a;--color-border: #000000;--color-shadow: #000000;--color-danger: #ff3b3b;--color-success: #00c27c;--color-info: #3b82f6;--color-nav-active-bg: #00e676;--color-nav-active-bar: #000000}[data-theme=pink-punch]{--color-bg: #fdf0f4;--color-surface: #ffffff;--color-primary: #ff3d8a;--color-primary-hover: #e0006e;--color-primary-tint: #ffd9e7;--color-text: #0a0a0a;--color-text-muted: #444444;--color-border: #000000;--color-shadow: #000000;--color-danger: #ff3b3b;--color-success: #00c27c;--color-info: #3b82f6;--color-nav-active-bg: #ff3d8a;--color-nav-active-bar: #000000}[data-theme=pitch-dark]{--color-bg: #0f0f0f;--color-surface: #1a1a1a;--color-primary: #aaff00;--color-primary-hover: #88dd00;--color-primary-tint: #283a05;--color-text: #f0f0f0;--color-text-muted: #888888;--color-border: #e0e0e0;--color-shadow: #aaff00;--color-danger: #ff4d4d;--color-success: #00e676;--color-info: #60a5fa;--color-nav-active-bg: #aaff00;--color-nav-active-bar: #0f0f0f}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-weight:400;background:var(--color-bg);color:var(--color-text);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{font-weight:800;letter-spacing:-.01em;margin:0}a{color:var(--color-text);text-decoration:none}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}button,input,select,textarea{font-family:inherit}@keyframes ds-skeleton{0%{background-position:-200% 0}to{background-position:200% 0}}.ds-skeleton{border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);background:linear-gradient(90deg,#e8e2d6 25%,#f1ece2,#e8e2d6 75%);background-size:200% 100%;animation:ds-skeleton 1.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.ds-skeleton{animation:none}*{transition:none!important}}.topbar.svelte-p2idnz{position:fixed;top:0;left:0;right:0;z-index:300;height:var(--topbar-height);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3);padding:0 var(--space-4);background:var(--color-surface);border-bottom:var(--border-width) solid var(--color-border)}.brand.svelte-p2idnz{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:800;font-size:1rem;justify-self:start}.logo.svelte-p2idnz{font-size:1.3rem}.title.svelte-p2idnz{font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;justify-self:center;text-align:center}.actions.svelte-p2idnz{justify-self:end}.bell.svelte-p2idnz{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);box-shadow:var(--shadow-pressed);font-size:1.1rem}.bell.svelte-p2idnz:hover{background:var(--color-primary);color:var(--color-on-primary)}.badge.svelte-p2idnz{position:absolute;top:-8px;right:-8px;min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;background:var(--color-danger);color:#fff;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);font-size:.65rem;font-weight:800}@media(max-width:767px){.brand-name.svelte-p2idnz{display:none}}.sidebar.svelte-g95iyn{position:fixed;top:var(--topbar-height);left:0;bottom:0;width:var(--sidebar-width);display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-4);background:var(--color-surface);border-right:var(--border-width) solid var(--color-border);z-index:250}.nav.svelte-g95iyn{display:flex;flex-direction:column;gap:var(--space-2)}.nav-item.svelte-g95iyn{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);font-weight:700;border:var(--border-width) solid transparent;border-radius:var(--border-radius)}.nav-item.svelte-g95iyn:hover{border-color:var(--color-border)}.nav-item.active.svelte-g95iyn{background:var(--color-primary-tint);border-color:var(--color-border);box-shadow:var(--shadow-pressed)}.nav-item.active.svelte-g95iyn:before{content:"";position:absolute;left:-2px;top:-2px;bottom:-2px;width:4px;background:var(--color-primary);border:var(--border-width) solid var(--color-border)}.user.svelte-g95iyn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow);background:var(--color-surface)}.user.svelte-g95iyn:hover{box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}.user.active.svelte-g95iyn{background:var(--color-primary-tint)}.avatar.svelte-g95iyn{width:36px;height:36px;border-radius:50%;border:var(--border-width) solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.user-info.svelte-g95iyn{display:flex;flex-direction:column;min-width:0;flex:1}.user-info.svelte-g95iyn strong:where(.svelte-g95iyn){font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.household.svelte-g95iyn{font-size:.72rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:767px){.sidebar.svelte-g95iyn{display:none}}.bottom-nav.svelte-1ds3sav{position:fixed;left:0;right:0;bottom:0;z-index:300;display:flex;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--color-surface);border-top:var(--border-width) solid var(--color-border)}.nav-item.svelte-1ds3sav{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-weight:700;color:var(--color-text-muted)}.nav-item.active.svelte-1ds3sav{color:var(--color-text)}.icon-wrap.svelte-1ds3sav{display:flex;align-items:center;justify-content:center;width:40px;height:28px;border:var(--border-width) solid transparent;border-radius:var(--border-radius)}.nav-item.active.svelte-1ds3sav .icon-wrap:where(.svelte-1ds3sav){background:var(--color-nav-active-bg);color:var(--color-nav-active-bar);border-color:var(--color-border)}.label.svelte-1ds3sav{font-size:.65rem}@media(min-width:768px){.bottom-nav.svelte-1ds3sav{display:none}}.toast-container.svelte-zemmny{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:1100;display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none;width:min(360px,calc(100vw - var(--space-5)))}.toast.svelte-zemmny{position:relative;overflow:hidden;background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:var(--space-3) var(--space-4)}.toast-body.svelte-zemmny{display:flex;flex-direction:column;gap:2px}.toast.svelte-zemmny strong:where(.svelte-zemmny){font-weight:800;font-size:.95rem}.toast.svelte-zemmny span:where(.svelte-zemmny){font-size:.85rem;color:var(--color-text-muted)}.toast-success.svelte-zemmny{border-left:6px solid var(--color-success)}.toast-danger.svelte-zemmny{border-left:6px solid var(--color-danger)}.toast-info.svelte-zemmny{border-left:6px solid var(--color-info)}.toast-achievement.svelte-zemmny{border-left:6px solid var(--color-primary);background:var(--color-primary-tint)}.progress.svelte-zemmny{position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--color-border);transform-origin:left;animation:svelte-zemmny-toast-progress 4s linear forwards}@keyframes svelte-zemmny-toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:767px){.toast-container.svelte-zemmny{left:var(--space-3);right:var(--space-3);bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + var(--space-3));width:auto}}.shell-main.svelte-12qhfyh{padding-top:var(--topbar-height);min-height:100vh}.content.svelte-12qhfyh{max-width:var(--content-width);margin:0 auto;padding:var(--space-5) var(--space-4) calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + var(--space-5))}.bare-main.svelte-12qhfyh{min-height:100vh}.pwa-banner.svelte-12qhfyh{position:sticky;top:0;z-index:400;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-primary);border-bottom:var(--border-width) solid var(--color-border);font-weight:700;font-size:.85rem}.pwa-banner.svelte-12qhfyh span:where(.svelte-12qhfyh){flex:1}.pwa-dismiss.svelte-12qhfyh{width:32px;height:32px;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);cursor:pointer;font-weight:700}@media(min-width:768px){.shell-main.svelte-12qhfyh{margin-left:var(--sidebar-width)}.content.svelte-12qhfyh{padding:var(--space-6) var(--space-6) var(--space-7)}}