:root{--primary:#006400;--primary-light:green;--secondary:#e41c1c;--accent:gold;--background:#fff;--foreground:#1a1a1a;--muted:#666;--border:#e5e5e5;--card-bg:#fff;--nav-bg:#fffc;--safe-area-inset-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root{--background:#0f0f0f;--foreground:#f8f9fa;--muted:#a0a0a0;--border:#2a2a2a;--card-bg:#1a1a1a;--nav-bg:#0f0f0fcc}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--background);width:100%;max-width:100vw;height:100%;color:var(--foreground);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden}body{flex-direction:column;display:flex}main{padding-bottom:calc(70px + var(--safe-area-inset-bottom));flex:1}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;outline:inherit;background:0 0;border:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}p{color:var(--muted);line-height:1.6}.glass{background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.5s ease-out forwards fadeIn}.container{width:100%;max-width:600px;margin:0 auto;padding:0 20px}.section-title{color:var(--foreground);justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1.5rem;display:flex}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;margin-bottom:16px;padding:16px;transition:transform .2s,box-shadow .2s}.card:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff;text-align:center;border-radius:12px;width:100%;padding:12px 24px;font-weight:600;display:inline-block}.btn-secondary{background:var(--secondary);color:#fff;text-align:center;border-radius:12px;width:100%;padding:12px 24px;font-weight:600;display:inline-block}@media (min-width:768px){.container{max-width:1200px}main{padding-top:80px;padding-bottom:0}}.bottom-nav{height:calc(70px + var(--safe-area-inset-bottom));background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);padding-bottom:var(--safe-area-inset-bottom);z-index:1000;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:4px;font-size:.75rem;font-weight:500;transition:color .2s;display:flex}.nav-item.active{color:var(--primary)}@media (min-width:768px){.bottom-nav{display:none}}.header{background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:1000;align-items:center;height:64px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.header-title{color:var(--primary);letter-spacing:-.5px;font-size:1.25rem;font-weight:800}.header-logo{height:32px;margin-right:12px}