:root{--color-primary: #5181B8;--color-primary-hover: #4070A0;--color-primary-pressed: #305080;--color-success: #4CAF50;--color-success-bg: #E8F5E9;--color-error: #F44336;--color-error-bg: #FFEBEE;--color-bg: #FFFFFF;--color-bg-secondary: #F5F5F7;--color-bg-header: rgba(255, 255, 255, .8);--color-bg-elevated: #FFFFFF;--color-text-primary: #000000;--color-text-secondary: #6C6C70;--color-text-tertiary: #AEAEB2;--color-text-on-primary: #FFFFFF;--color-border: rgba(0, 0, 0, .1);--color-border-strong: rgba(0, 0, 0, .2);--color-emoji-bg: #F5F5F7;--color-streak: #FF6B35;--gradient-success: linear-gradient(180deg, #4CAF50 0%, #388E3C 100%);--gradient-error: linear-gradient(180deg, #F44336 0%, #C62828 100%);--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--font-family: "VK Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme: dark){:root{--color-bg: #0B0B0E;--color-bg-secondary: #1C1C1E;--color-bg-header: rgba(11, 11, 14, .8);--color-bg-elevated: #2C2C2E;--color-text-primary: #FFFFFF;--color-text-secondary: #8E8E93;--color-text-tertiary: #636366;--color-border: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .2);--color-emoji-bg: #2C2C2E;--color-success-bg: #1B3D1C;--color-error-bg: #3D1B1B}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text-primary);min-height:100dvh;-webkit-font-smoothing:antialiased}.screen{display:flex;flex-direction:column;min-height:100dvh;max-width:375px;margin:0 auto}.header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--space-md);background:var(--color-bg-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10;padding-top:env(safe-area-inset-top)}.header-logo{font-size:20px;font-weight:600}.header-day{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.content{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-xl) var(--space-md);gap:var(--space-md)}.emoji-card{background:var(--color-emoji-bg);border-radius:16px;padding:20px var(--space-md);width:100%;text-align:center}.emoji-row{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;line-height:1}.emoji-row--large{font-size:56px;letter-spacing:8px}.emoji-row--small{font-size:32px;letter-spacing:6px;opacity:.7}.badge{display:inline-flex;align-items:center;height:28px;padding:0 var(--space-sm);border-radius:14px;background:var(--color-bg-secondary);font-size:14px;font-weight:500;color:var(--color-text-secondary)}.hint{font-size:14px;color:var(--color-text-secondary);text-align:center;padding:var(--space-xs) var(--space-md);background:var(--color-bg-secondary);border-radius:8px;width:100%}.form{width:100%;display:flex;flex-direction:column;gap:var(--space-sm)}.input{width:100%;height:48px;padding:0 var(--space-md);border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg-secondary);font-size:16px;font-family:var(--font-family);color:var(--color-text-primary);text-align:center;outline:none;transition:border-color .15s}.input::placeholder{color:var(--color-text-tertiary);text-align:center}.input:focus{border-color:var(--color-primary);border-width:2px}.input:disabled{opacity:.5}.btn{display:flex;align-items:center;justify-content:center;height:48px;padding:0 var(--space-lg);border:none;border-radius:8px;font-size:16px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:background .15s,opacity .15s;min-width:44px;min-height:44px}.btn--primary{background:var(--color-primary);color:var(--color-text-on-primary);width:100%}.btn--primary:hover{background:var(--color-primary-hover)}.btn--primary:active{background:var(--color-primary-pressed)}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{background:transparent;color:var(--color-primary);font-weight:500;height:auto;padding:var(--space-xs) var(--space-sm)}.btn--ghost:hover{background:#5181b81a}.btn--share{margin-top:var(--space-md)}.result-banner{width:100%;min-height:120px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;text-align:center}.result-banner--success{background:var(--gradient-success)}.result-banner--error{background:var(--gradient-error)}.result-card{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-md)}.result-answer{font-size:20px;text-align:center}.result-user-answer{font-size:16px;color:var(--color-text-secondary);text-align:center}.stats{display:flex;align-items:center;gap:var(--space-xs);font-size:14px;font-weight:500;color:var(--color-text-secondary)}.stats-divider{color:var(--color-border-strong)}