:root{--sand: #f2ede4;--green-dark: #1a3a2a;--green-mid: #22503a;--lime: #c8f25a;--white: #fff;--gray-muted: #7a7a7a;--radius: 18px;--radius-sm: 12px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;min-height:100vh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--sand);color:var(--green-dark)}main{max-width:430px;margin:0 auto;min-height:100vh;padding:24px;padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom))}h1{font-weight:800;letter-spacing:-.03em;font-size:40px;margin:0}.tagline{font-size:16px;color:var(--green-mid);margin:4px 0 0}.muted{color:var(--gray-muted);font-size:14px}.error{color:#b00020;font-size:14px;margin:8px 0 0}.help{color:var(--gray-muted);font-size:13px;line-height:1.5;margin-top:16px}.splash{display:flex;align-items:center;justify-content:center;text-align:center}.splash h1{font-size:56px;opacity:.4}.auth-screen{display:flex;flex-direction:column;gap:32px;min-height:100vh}.auth-header{margin-top:48px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form label{font-size:12px;font-weight:700;color:var(--green-mid);text-transform:uppercase;letter-spacing:.05em}.auth-form input{background:var(--white);border:none;border-radius:var(--radius-sm);padding:16px;font-size:16px;font-family:inherit;color:var(--green-dark);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}.auth-form input:focus{outline:2px solid var(--green-dark)}.auth-form .otp-input{text-align:center;font-size:28px;letter-spacing:12px;font-weight:700}.auth-form button{background:var(--green-dark);color:var(--sand);border:none;border-radius:100px;padding:16px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;margin-top:8px}.auth-form button:disabled{opacity:.5}.auth-form button.ghost{background:transparent;color:var(--green-dark);margin-top:4px}.auth-form button.ghost.small{padding:8px 16px;font-size:13px}.home{display:flex;flex-direction:column;gap:32px}.home header{display:flex;justify-content:space-between;align-items:center}.home header button{background:transparent;border:none;color:var(--green-mid);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.welcome{background:var(--white);border-radius:var(--radius);padding:24px}.hello{font-size:18px;margin:0 0 8px}.update-banner{position:fixed;top:calc(env(safe-area-inset-top) + 12px);left:50%;transform:translate(-50%);background:var(--green-dark);color:var(--lime);padding:12px 20px;border-radius:100px;font-size:14px;font-weight:600;z-index:1000;box-shadow:0 8px 24px #1a3a2a40;animation:slideDown .3s ease;cursor:pointer}@keyframes slideDown{0%{transform:translate(-50%) translateY(-150%)}to{transform:translate(-50%) translateY(0)}}.version{font-size:12px;color:var(--gray-muted)}@media (max-width: 380px){h1{font-size:32px}main{padding:16px}}