:root{--color-bg:#faf7f0;--color-text:#1a1815;--color-accent:#ad5040;--color-accent-hover:#8c3f33;--color-special:#f1ddd3;--color-border:#e5e2dc;--color-success:#3d8b37;--color-success-bg:#e8f5e6;--color-badge-text:#fff;--color-input-border:#d4d0c8;--color-muted:#9a958c;--radius-card:12px;--radius-pill:999px;--shadow-card:0 2px 10px #1a18150f;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.5}@media (orientation:landscape) and (pointer:coarse){html{font-size:120%}}#root{min-height:100vh}h1,h2,h3{margin:0;font-weight:700}p{margin:0}button{cursor:pointer;font-family:inherit}input{font-family:inherit}a{color:var(--color-accent)}.page{max-width:420px;min-height:100vh;margin:0 auto;padding:20px 16px 40px}.page--wide{max-width:900px}.btn{background:var(--color-accent);color:#fff;border-radius:var(--radius-card);border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:1rem;font-weight:700;transition:background .2s;display:inline-flex}.btn:hover:not(:disabled){background:var(--color-accent-hover)}.btn:disabled{background:var(--color-muted);cursor:not-allowed}.btn--link{color:var(--color-muted);background:0 0;width:auto;padding:8px;font-weight:400}.btn--link:hover:not(:disabled){color:var(--color-text);background:0 0}.card{border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;padding:20px}.input{border:1px solid var(--color-input-border);border-radius:var(--radius-card);width:100%;color:var(--color-text);background:#fff;padding:14px 16px;font-size:1rem}.input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.input.input--error{border-color:var(--color-accent);animation:.3s shake}.muted{color:var(--color-muted);font-size:.8125rem}.error-text{color:var(--color-accent);margin-top:6px;font-size:.8125rem}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.wordmark{letter-spacing:.02em;color:var(--color-text);font-size:.875rem;font-weight:700;text-decoration:none}