:root{--bg-color:#f9fafb;--bg-surface:#fff;--bg-surface-elevated:#fff;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--primary-yellow:#f59e0b;--primary-red:#ef4444;--primary-accent:#ef4444;--gradient-brand:linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--gradient-glass:linear-gradient(135deg, #ffffffe6 0%, #ffffffb3 100%);--border-glass:1px solid #f3f4f6;--border-focus:1px solid #ef444480;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-glow:0 4px 15px #ef44444d;--shadow-soft:0 4px 20px #0000000f;--shadow-card:0 2px 10px #0000000d;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font-family:"Inter", system-ui, -apple-system, sans-serif;--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.5rem;--font-2xl:2rem;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100dvh;line-height:1.5;display:flex}#root{background-color:var(--bg-color);width:100%;max-width:480px;box-shadow:var(--shadow-soft);flex-direction:column;flex:1;margin:0 auto;display:flex;position:relative;overflow-x:hidden}.glass-panel{background:var(--bg-surface);border:var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.glass-panel:active{transform:scale(.98)}.app-header{background:var(--gradient-brand);color:#fff;padding:var(--space-md);box-shadow:var(--shadow-soft);z-index:20;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-header h1{color:#fff;font-size:var(--font-lg);letter-spacing:-.5px;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s cubic-bezier(.2,.8,.2,1) forwards fadeIn}.scroll-container{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);display:flex;overflow-x:auto}.scroll-container::-webkit-scrollbar{display:none}.scroll-item{scroll-snap-align:center;border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex-shrink:0;overflow:hidden}.btn-primary{background:var(--gradient-brand);color:#fff;border-radius:var(--radius-full);padding:var(--space-sm) var(--space-lg);font-size:var(--font-sm);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-glow);border:none;font-weight:600;display:inline-flex}.btn-primary:active{box-shadow:none;transform:scale(.95)}select.language-select{appearance:none;color:#fff;border-radius:var(--radius-full);font-size:var(--font-xs);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#fff3;border:1px solid #ffffff4d;outline:none;padding:4px 28px 4px 12px;font-weight:600}select.language-select option{color:var(--text-primary);background:var(--bg-surface)}.select-wrapper{display:inline-block;position:relative}.select-wrapper:after{content:"▾";color:#fff;pointer-events:none;font-size:10px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}