:root{--color-bg:#fff;--color-text:#111;--color-text-muted:#555;--color-border:#e0e0e0;--color-green:#2d6a4f;--color-green-light:#52b788;--color-green-pale:#d8f3dc;--color-error:#c0392b;--color-overlay:#00000073;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Inter", system-ui, sans-serif;--text-h1:2.25rem;--text-h2:1.75rem;--text-h3:1.375rem;--text-body:1.125rem;--text-small:1rem;--text-button:1.125rem;--text-nav:1rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--max-width:720px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--touch-target:48px;--nav-height:64px;--bottom-nav-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--color-text);line-height:1.2}h1{font-size:var(--text-h1);font-weight:700}h2{font-size:var(--text-h2);font-weight:700}h3{font-size:var(--text-h3);font-weight:600}p{font-size:var(--text-body);line-height:1.6}a{color:var(--color-green);text-decoration:underline}a:hover{color:var(--color-green-light)}button{font-family:var(--font-sans);font-size:var(--text-button);cursor:pointer;border-radius:var(--radius-md);min-height:var(--touch-target);padding:var(--space-sm) var(--space-lg);border:none;font-weight:600;transition:background .15s,color .15s,opacity .15s}button:focus-visible{outline:3px solid var(--color-green);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-green);color:#fff}.btn-primary:hover:not(:disabled){background:#245a41}.btn-secondary{color:var(--color-green);border:2px solid var(--color-green);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--color-green-pale)}.btn-ghost{color:var(--color-text);border:2px solid var(--color-border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-green-pale);border-color:var(--color-green-light)}input,textarea{font-family:var(--font-sans);font-size:var(--text-body);color:var(--color-text);background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);min-height:var(--touch-target);width:100%;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--color-green);outline:none}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}label{font-family:var(--font-sans);font-size:var(--text-small);color:var(--color-text);margin-bottom:var(--space-xs);font-weight:600;display:block}.card{background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg)}.page{max-width:var(--max-width);padding:var(--space-lg) var(--space-md);padding-bottom:calc(var(--bottom-nav-height) + var(--space-lg));margin:0 auto}@media (width>=768px){.page{padding-top:calc(var(--nav-height) + var(--space-lg));padding-bottom:var(--space-2xl)}}.tag{font-family:var(--font-sans);font-size:var(--text-small);background:var(--color-green-pale);color:var(--color-green);padding:2px var(--space-sm);border-radius:100px;font-weight:500;display:inline-block}.divider{border:none;border-top:1.5px solid var(--color-border);margin:var(--space-lg) 0}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-up{animation:.3s forwards fadeUp}.animate-pulse{animation:2s infinite pulse}.animate-spin{animation:.8s linear infinite spin}.bottom-nav{display:flex}.top-nav{display:none}@media (width>=768px){.bottom-nav{display:none}.top-nav{display:flex}}::-webkit-scrollbar{background:var(--color-bg);width:6px}::-webkit-scrollbar-thumb{background:var(--color-green-light);border-radius:3px}