*{margin:0;padding:0;box-sizing:border-box}:root{--font-family: "DM Mono", monospace;--color-bg: #ffffff;--color-text: #000000;--color-border: #000000;--color-input-bg: #ffffff;--color-accent-bg: #88aaff;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}html,body,#root{min-height:100%}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);line-height:1.5}.app{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md);max-width:480px}.count-section{display:flex;flex-direction:column}.count{font-size:48px;font-weight:500}.count-label{font-size:14px}.instructions{display:flex;flex-direction:column;gap:var(--spacing-sm);background:var(--color-accent-bg);padding:var(--spacing-md);border-radius:var(--spacing-sm)}.instructions p{font-size:14px}.signup-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.input{font-family:var(--font-family);font-size:16px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);background:var(--color-input-bg);color:var(--color-text);border-radius:var(--spacing-sm)}.input:focus{outline:none;border-color:var(--color-text)}.btn{font-family:var(--font-family);font-size:14px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);background:var(--color-text);color:var(--color-bg);cursor:pointer;border-radius:var(--spacing-sm)}.btn:disabled{opacity:.5;cursor:not-allowed}.message{font-size:14px}.message.error{color:#c00}