:root{--ag-green-900: #04342C;--ag-green-800: #085041;--ag-green-700: #0F6E56;--ag-green-500: #1D9E75;--ag-green-200: #9FE1CB;--ag-green-100: #C5E4D6;--ag-green-50: #E1F5EE;--ag-mint-bg: #F5FBF8;--ag-coral-900: #4A1B0C;--ag-coral-800: #712B13;--ag-coral-700: #993C1D;--ag-coral-500: #D85A30;--ag-coral-200: #F0997B;--ag-coral-100: #F5C4B3;--ag-coral-50: #FAECE7;--ag-amber-900: #412402;--ag-amber-800: #633806;--ag-amber-700: #854F0B;--ag-amber-500: #BA7517;--ag-amber-200: #FAC775;--ag-amber-50: #FAEEDA;--ag-green-grass-200: #C0DD97;--ag-green-grass-400: #97C459;--ag-green-grass-700: #3B6D11;--ag-ink-900: #1a1a1a;--ag-ink-700: #444441;--ag-ink-500: #5a6a60;--ag-ink-400: #7a8a80;--ag-ink-300: #b0b0ad;--ag-ink-200: #c0c0b8;--ag-ink-100: #d0cec5;--ag-ink-50: #eeeae0;--ag-ink-25: #F1EFE8;--ag-surface: #FDFDFC;--ag-surface-alt: #FBFAF6;--ag-surface-dim: #fafaf7;--ag-page-bg: #EEF2F0;--ag-radius-sm: 8px;--ag-radius-md: 12px;--ag-radius-lg: 18px;--ag-radius-xl: 24px;--ag-font: -apple-system, BlinkMacSystemFont, "Inter", "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;font-family:var(--ag-font);color:var(--ag-ink-900);background:var(--ag-page-bg);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{min-height:100vh;display:flex;justify-content:center;background:var(--ag-page-bg)}button{font-family:inherit;border:none;background:none;padding:0;cursor:pointer;color:inherit}button:active{transform:scale(.98)}input[type=range]{-webkit-appearance:none;width:100%;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--ag-green-700);border:2px solid #fff;margin-top:-9px}input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--ag-ink-25);border-radius:2px}.ag-app{width:100%;max-width:440px;min-height:100vh;background:var(--ag-surface);border-left:.5px solid var(--ag-ink-50);border-right:.5px solid var(--ag-ink-50);display:flex;flex-direction:column;position:relative}.ag-screen{flex:1;overflow-y:auto;padding-bottom:80px}.ag-card{background:#fff;border:.5px solid var(--ag-ink-50);border-radius:var(--ag-radius-lg);padding:14px 16px}.ag-card-accent{background:var(--ag-mint-bg);border:.5px solid var(--ag-green-100);border-radius:var(--ag-radius-lg);padding:14px 16px}.ag-label{font-size:10px;color:var(--ag-ink-400);text-transform:uppercase;letter-spacing:.5px;font-weight:500;margin:0 0 8px}.ag-pill{padding:9px 0;text-align:center;border-radius:9px;font-size:11px;border:.5px solid var(--ag-ink-100);background:#fff;color:var(--ag-ink-500);transition:all .12s ease;cursor:pointer}.ag-pill.active{background:var(--ag-green-700);color:#fff;border-color:var(--ag-green-700);font-weight:500}.ag-pill-lg{padding:13px 0;text-align:center;border-radius:var(--ag-radius-md);font-size:14px;border:.5px solid var(--ag-ink-100);background:#fff;color:var(--ag-ink-500);position:relative;cursor:pointer;transition:all .12s ease}.ag-pill-lg.active{background:var(--ag-green-700);color:#fff;border:2px solid var(--ag-green-700);font-weight:500;font-size:15px}.ag-pill-lg.par{background:var(--ag-ink-25);color:var(--ag-ink-900)}.ag-tab-bar{position:fixed;bottom:0;width:100%;max-width:440px;background:var(--ag-surface);border-top:.5px solid var(--ag-ink-50);padding:10px 20px 20px;display:flex;justify-content:space-between;z-index:10}.ag-tab{text-align:center;padding:2px 8px;cursor:pointer}.ag-tab-label{margin:2px 0 0;font-size:10px;color:var(--ag-ink-400)}.ag-tab.active .ag-tab-label{color:var(--ag-green-700);font-weight:500}.ag-tab svg{stroke:var(--ag-ink-400)}.ag-tab.active svg{stroke:var(--ag-green-700);stroke-width:1.8}.ag-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ag-section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.ag-section-optional{font-size:10px;color:var(--ag-ink-400)}.ag-icon{width:18px;height:18px;flex-shrink:0}@media (hover: hover){.ag-pill:hover{border-color:var(--ag-ink-400)}.ag-pill-lg:hover:not(.active){border-color:var(--ag-ink-400)}}