@import "https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@600;700;800&family=Archivo:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--concrete:#e9e7e2;--card:#f7f6f3;--ink:#191b1e;--steel:#6e7278;--line:#d5d2cb;--orange:#f25c1a;--hivis:#ffc400;--paid:#1e8a4c;--red:#c93a2b;--radius:14px;--display:"Saira Condensed", sans-serif;--body:"Archivo", sans-serif;--mono:"IBM Plex Mono", monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:var(--concrete);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;max-width:480px;min-height:100vh;margin:0 auto;font-size:15px;line-height:1.45}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,.display{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;font-weight:700}.mono{font-family:var(--mono)}.card{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:4px 4px 0 var(--ink);padding:16px}.hazard{background:repeating-linear-gradient(-45deg, var(--hivis) 0 12px, var(--ink) 12px 24px);border-radius:var(--radius) var(--radius) 0 0;height:6px}.btn{font-family:var(--display);text-transform:uppercase;border:2px solid var(--ink);background:var(--card);box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:9px;padding:12px 16px;font-size:16px;font-weight:700}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn-primary{background:var(--orange);color:#fff}.tag{font-family:var(--mono);letter-spacing:.3px;text-transform:uppercase;border-radius:6px;padding:3px 8px;font-size:11px}.tag-paid{color:var(--paid);background:#ddf0e4}.tag-awaiting{color:#8a6400;background:#fbe9c9}.tag-draft{color:var(--steel);background:#e4e2dc}@keyframes sb-spin{to{transform:rotate(360deg)}}