:root{--bg-top: #fdeee7;--bg: #fbf7f5;--card: #ffffff;--ink: #20242b;--muted: #8a929c;--faint: #b3bac2;--accent: #f4692b;--accent-2: #fb8c54;--good: #1fa362;--ring-track: #f3e7e1;--radius: 18px;--shadow: 0 4px 14px rgba(0,0,0,.06)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;color:var(--ink);background:var(--bg);font-family:-apple-system,system-ui,Segoe UI,Roboto,sans-serif}.app{max-width:480px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,var(--bg-top) 0,var(--bg) 160px,#fff 340px);padding-bottom:86px}.pad{padding:16px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{display:block;width:100%;border:none;border-radius:14px;padding:14px;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent-2),var(--accent))}.btn.ghost{background:#fff;color:var(--accent);box-shadow:var(--shadow)}.h1{font-size:20px;font-weight:800;margin:2px 0}.sub{font-size:12px;color:var(--muted)}.label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.row{display:flex;align-items:center;gap:8px}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:70px;background:#fff;box-shadow:0 -4px 18px #0000000f;display:flex;align-items:center;justify-content:space-around}.tabbar a{color:var(--faint);font-size:11px;text-decoration:none}.tabbar a.on{color:var(--accent)}.fab{width:56px;height:56px;border-radius:50%;margin-top:-26px;border:none;color:#fff;font-size:22px;background:linear-gradient(135deg,var(--accent-2),var(--accent));box-shadow:0 8px 18px #f4692b66}input,select{font:inherit;padding:10px 12px;border:1px solid #eadfd8;border-radius:10px;width:100%}.err{color:#b4232a;font-size:12px}@keyframes slideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.slide-in{animation:slideIn .22s ease}.btn,button{transition:transform .08s ease,opacity .08s ease}.btn:active{transform:scale(.98)}button:active{opacity:.7}