:root{--bg-primary: #F7FDF0;--bg-secondary: #ffffff;--bg-tertiary: #EBF5DC;--bg-card: #ffffff;--bg-elevated: #ffffff;--brand-primary: #2D5016;--brand-primary-hover: #1A2E0D;--brand-secondary: #4A7A22;--brand-accent: #4CCB2E;--brand-accent-light: #7ABD3E;--brand-gradient: linear-gradient(135deg, #2D5016 0%, #4A7A22 100%);--text-primary: #1A2E0D;--text-secondary: #3D5C20;--text-tertiary: #7A9E5A;--text-muted: #7A9E5A;--text-inverse: #ffffff;--color-success: #4CCB2E;--color-success-bg: rgba(76, 203, 46, .14);--color-warning: #E8A045;--color-warning-bg: rgba(232, 160, 69, .15);--color-danger: #C4622D;--color-danger-bg: rgba(196, 98, 45, .1);--border-color: #D4EBB8;--border-color-strong: #4A7A22;--separator-color: #D4EBB8;--shadow-sm: 0 1px 3px rgba(26, 46, 13, .06);--shadow-md: 0 4px 12px rgba(26, 46, 13, .08);--shadow-lg: 0 8px 24px rgba(26, 46, 13, .12);--shadow-xl: 0 16px 48px rgba(26, 46, 13, .16);--shadow-card: 0 2px 10px rgba(26, 46, 13, .08);--shadow-button: 0 2px 4px rgba(45, 80, 22, .25);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--font-brand: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.75rem;--text-3xl: 2.125rem;--text-4xl: 2.75rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.2;--leading-normal: 1.47;--leading-relaxed: 1.6;--tracking-tight: -.02em;--tracking-normal: -.01em;--tracking-wide: .01em;--transition-fast: .15s cubic-bezier(.25, .1, .25, 1);--transition-base: .25s cubic-bezier(.25, .1, .25, 1);--transition-slow: .35s cubic-bezier(.25, .1, .25, 1);--transition-spring: .5s cubic-bezier(.175, .885, .32, 1.1);--z-dropdown: 100;--z-sticky: 200;--z-overlay: 250;--z-modal: 300;--z-toast: 400;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;min-height:100dvh;overscroll-behavior:none}:focus-visible{outline:3px solid var(--brand-accent);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:#4ccb2e33;color:var(--text-primary)}a{color:var(--brand-primary);text-decoration:none;transition:opacity var(--transition-fast)}a:active{opacity:.6}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit;-webkit-tap-highlight-color:transparent}input,textarea,select{font-family:inherit;font-size:16px;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.list-group{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden}.list-item{display:flex;align-items:center;padding:var(--space-md);background:var(--bg-card);border-bottom:1px solid var(--separator-color);transition:background var(--transition-fast)}.list-item:last-child{border-bottom:none}.list-item:active{background:var(--bg-tertiary)}.section-header{font-size:10px;font-weight:var(--font-bold);color:var(--brand-secondary);text-transform:uppercase;letter-spacing:5px;padding:var(--space-lg) var(--space-md) var(--space-sm);font-family:var(--font-sans)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .4s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-brand{color:var(--brand-primary)}.text-accent{color:var(--brand-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-card{background-color:var(--bg-card)}button,a,input,select,textarea,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.touch-target{min-height:44px;min-width:44px}.safe-top{padding-top:var(--safe-top)}.safe-bottom{padding-bottom:var(--safe-bottom)}.safe-left{padding-left:var(--safe-left)}.safe-right{padding-right:var(--safe-right)}.container{width:100%;padding-left:var(--space-md);padding-right:var(--space-md);margin:0 auto}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px;padding-left:var(--space-lg);padding-right:var(--space-lg)}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-primary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}