:root{--color-need: #16a34a;--color-nice: #eab308;--color-ignore: #9ca3af;--color-need-bg: #f0fdf4;--color-nice-bg: #fefce8;--color-ignore-bg: #f9fafb;--color-primary: #16a34a;--color-primary-dark: #15803d;--color-bg: #ffffff;--color-surface: #f9fafb;--color-border: #e5e7eb;--color-text: #111827;--color-text-secondary: #6b7280;--color-danger: #ef4444;--color-nice-text: #713f12;--color-unavailable-bg: #fff3e0;--color-unavailable: #ef6c00;--color-unavailable-text: #bf360c;--color-error-bg: #fef2f2;--color-trip-bg: #e8f5e9;--color-trip-border: #c8e6c9;--color-trip-text: #1b5e20;--color-trip-btn: #2e7d32;--color-trip-btn-active: #1b5e20;--color-trip-tools-bg: #f1f8e9;--color-reset-bg: #fbe9e7;--color-reset-border: #ef9a9a;--color-reset-confirm: #d32f2f;--color-warning-bg: #fbbf24;--color-warning-text: #92400e;--color-info: #1e40af;--color-planning-header: #4f46e5;--color-planning-header-text: #ffffff;--color-planning-bg: #eef2ff;--color-planning-border: #c7d2fe;--color-planning-text: #3730a3;--color-shopping-header: #16a34a;--color-shopping-bg: #f0fdf4;--color-shopping-border: #bbf7d0;--radius: 8px;--radius-lg: 12px;--touch-target: 44px;--safe-bottom: env(safe-area-inset-bottom, 0px);--color-offline-bg: #fef3c7;--color-offline-text: #92400e;--color-offline-border: #fcd34d;--color-pending-dot: #f59e0b}html.dark{--color-need: #22c55e;--color-nice: #ca8a04;--color-ignore: #6b7280;--color-need-bg: #0d2818;--color-nice-bg: #302a0a;--color-ignore-bg: #1a1a1a;--color-primary: #22c55e;--color-primary-dark: #16a34a;--color-bg: #121212;--color-surface: #1e1e1e;--color-border: #3a3a3a;--color-text: #e8e8e8;--color-text-secondary: #a0a0a0;--color-danger: #f87171;--color-nice-text: #422006;--color-unavailable-bg: #2a1a08;--color-unavailable: #fb923c;--color-unavailable-text: #fb923c;--color-error-bg: #2a0808;--color-trip-bg: #0d2818;--color-trip-border: #1a4028;--color-trip-text: #86efac;--color-trip-btn: #22c55e;--color-trip-btn-active: #16a34a;--color-trip-tools-bg: #0d2015;--color-reset-bg: #2a1210;--color-reset-border: #7f1d1d;--color-reset-confirm: #ef4444;--color-warning-bg: #78350f;--color-warning-text: #fde68a;--color-info: #3b82f6;--checked-opacity: .7;--color-planning-header: #6366f1;--color-planning-header-text: #e8e8e8;--color-planning-bg: #1e1b4b;--color-planning-border: #312e81;--color-planning-text: #a5b4fc;--color-shopping-header: #16a34a;--color-shopping-bg: #0d2818;--color-shopping-border: #1a4028;--color-offline-bg: #78350f;--color-offline-text: #fde68a;--color-offline-border: #92400e;--color-pending-dot: #f59e0b}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;touch-action:manipulation;overscroll-behavior-y:none}html.large-text{font-size:20px;--touch-target: 54px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.5;-webkit-font-smoothing:antialiased}button,a,label,input,select{touch-action:manipulation}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font:inherit;color:var(--color-text);background:var(--color-surface)}input[type=checkbox],input[type=radio]{background:initial}a{color:var(--color-primary);text-decoration:none}a:active{opacity:.7}