@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700&display=swap";:root{--ink:#fff;--paper:#3a3a40;--paper-dim:#2c2c30;--card:#121212;--panel:#181818;--line:#ffffff1a;--line-strong:#ffffff2e;--gray:#9a9a9a;--warn:#e5877e;--good:#6dd8a5;--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;box-shadow:0 0 60px #0006}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);font-size:16px}:focus-visible{outline-offset:2px;outline:2px solid #ffffff80}.btn{justify-content:center;align-items:center;gap:var(--space-2);color:#000;letter-spacing:.01em;background:linear-gradient(#fff 0%,#e8e8e8 100%);border:none;border-radius:999px;width:100%;padding:16px 20px;font-size:15px;font-weight:600;transition:transform 80ms,box-shadow .15s;display:inline-flex;box-shadow:inset 0 1px #fff9,0 4px 14px #00000059}.btn:active{transform:scale(.97)}.btn.secondary{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:#ffffff0f}.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:.35;cursor:not-allowed}.card{background:linear-gradient(180deg, #ffffff06 0%, #fff0 100%), var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-5);box-shadow:inset 0 1px #ffffff08,0 8px 20px #0000004d,0 2px 6px #0003}.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{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:10px;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:#000;background:linear-gradient(#fff,#e8e8e8);border-radius:6px;padding:4px 10px;font-size:12px;display:inline-block;transform:rotate(-6deg);box-shadow:0 2px 6px #0000004d}.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:#ffffff26;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}
