@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700&display=swap";:root{--ink:#262624;--paper:#e9ebee;--paper-dim:#e2e4e8;--card:#e9ebee;--panel:#e9ebee;--line:#00000014;--line-strong:#00000029;--gray:#83868c;--warn:#d1382b;--good:#205b34;--pending:#8a5a0b;--yellow:#f2b705;--yellow-deep:#8a6600;--shadow-light:#fff;--shadow-dark:#c9ccd1;--font-display:"Archivo Black", "Inter", sans-serif;--font-body:"Inter", system-ui, sans-serif;--radius:16px;--border-thin:1px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain;margin:0}#root{background:var(--paper);max-width:560px;min-height:100vh;margin:0 auto;position:relative}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;line-height:1.1}p{margin:0;line-height:1.5}button{font-family:var(--font-body);cursor:pointer;color:inherit}a{color:inherit}input,textarea,select{font-family:var(--font-body);color:var(--ink);background:var(--paper);box-shadow:inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light);border:none;font-size:16px}:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.btn{justify-content:center;align-items:center;gap:var(--space-2);background:var(--yellow);color:#fff;letter-spacing:.01em;border:none;border-radius:999px;width:100%;padding:16px 20px;font-size:15px;font-weight:600;transition:box-shadow .15s,transform .1s;display:inline-flex;box-shadow:5px 5px 12px #f2b70559}.btn:active{transform:scale(.98);box-shadow:inset 3px 3px 6px #8a660066}.btn.secondary{background:var(--card);color:var(--ink);box-shadow:4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light);border:none}.btn.secondary:active{box-shadow:inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light)}.btn.ghost{color:var(--ink);width:auto;box-shadow:none;background:0 0;border:none;padding:8px;font-weight:600;text-decoration:underline}.btn:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--card);border-radius:var(--radius);padding:var(--space-5);box-shadow:7px 7px 14px var(--shadow-dark), -7px -7px 14px var(--shadow-light);border:none}.field{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.field label{text-transform:uppercase;letter-spacing:.05em;color:var(--gray);font-size:12px;font-weight:500}.field input,.field textarea,.field select{background:var(--paper);color:var(--ink);box-shadow:inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light);border:none;border-radius:12px;padding:14px}.eyebrow{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.12em;color:var(--gray);font-size:12px;font-weight:600}.divider{background:var(--line);height:1px;margin:var(--space-5) 0;border:none}.page{padding:var(--space-5);min-height:100vh;padding-bottom:100px}.stamp{font-family:var(--font-display);letter-spacing:.06em;color:#fff;background:var(--yellow);border-radius:6px;padding:4px 10px;font-size:12px;display:inline-block;transform:rotate(-6deg);box-shadow:3px 3px 8px #f2b70559}.tag{text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--line-strong);color:var(--gray);border-radius:100px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:999px}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}