*{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: #6cffa0;--color-flag-red: #bf0a30;--color-flag-white: #ffffff;--color-flag-blue: #002868;--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}strong{text-transform:uppercase}.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);padding:var(--spacing-md);border-radius:var(--spacing-sm);background:var(--color-accent-bg)}.instructions p{font-size:13px}.flag{aspect-ratio:1.9;width:100%;position:relative;border:1px solid var(--color-border);border-radius:var(--spacing-sm);overflow:hidden}.flag-stripes{display:flex;flex-direction:column;height:100%}.flag-stripe{flex:1}.flag-canton{position:absolute;top:0;left:0;width:40%;height:53.85%;background:var(--color-flag-blue);display:flex;align-items:center;justify-content:center}.flag-star-circle{position:relative;aspect-ratio:1;height:80%}.flag-star{position:absolute;color:var(--color-flag-white)}.footer-section{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:14px}.footer-section p{margin:0}.notes-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.notes-list li{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-xs);align-items:start}.notes-list li:before{content:"-"}.twitter-note{display:flex;flex-direction:column;gap:var(--spacing-xs)}.twitter-note p{margin:0}.threads-post{display:block}.threads-post img{max-width:200px;border-radius:var(--spacing-sm);border:1px solid var(--color-border)}.creator-link{display:flex;align-items:center;align-self:flex-start;gap:var(--spacing-xs);color:var(--color-text);text-decoration:none;border:1px solid var(--color-border);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--spacing-sm)}.creator-avatar{width:24px;height:24px;border-radius:50%}.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}