@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap";:root{--color-primary: #1B8C4E;--color-primary-light: #e8f5ee;--color-primary-pale: #f0faf4;--color-primary-dark: #14693a;--color-accent: #F5A623;--color-accent-light: #fff4e0;--color-bg: #f4faf6;--color-bg-warm: #fdf8f2;--color-surface: #ffffff;--color-surface-muted: #f7f9f8;--color-text: #1a2e23;--color-text-secondary: #6b7c72;--color-text-muted: #a3b0a8;--color-border: #e2ebe6;--color-google: #4285F4;--color-google-dark: #3367D6;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .08);--shadow-card: 0 2px 12px rgba(27, 140, 78, .06);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-text);background:var(--color-bg);min-height:100dvh;overflow-x:hidden;overflow-y:hidden;line-height:1.6}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea{font-family:inherit;border:none;outline:none;background:none}a{text-decoration:none;color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}[dir=rtl],[dir=rtl] body,:lang(fa),:lang(ar){font-family:Vazirmatn,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[dir=rtl] .app-header__back{left:auto;right:var(--space-lg)}[dir=rtl] .app-header__action{right:auto;left:var(--space-lg)}[dir=rtl] .feedback-page,[dir=rtl] .ai-translate-banner,[dir=rtl] .feedback-textarea-wrapper,[dir=rtl] .feedback-textarea{text-align:right;direction:rtl}[dir=rtl] .secure-badge{align-self:flex-start}[dir=rtl] .return-btn svg{transform:scaleX(-1)}.app-shell{position:relative;max-width:430px;margin:0 auto;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.app-header{position:relative;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-lg);background:#f4faf6d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);flex-shrink:0}.app-header__back{position:absolute;left:var(--space-lg);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-text);transition:background var(--duration-fast) var(--ease-out)}.app-header__back:hover{background:var(--color-primary-light)}.app-header__title{font-size:1rem;font-weight:700;color:var(--color-primary)}.app-header__action{position:absolute;right:var(--space-lg);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-primary);transition:background var(--duration-fast) var(--ease-out)}.app-header__action:hover{background:var(--color-primary-light)}.app-main{flex:1;display:flex;flex-direction:column;padding:var(--space-md) var(--space-lg);overflow:hidden}.lang-dropdown{position:absolute;top:100%;right:var(--space-lg);z-index:200;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;opacity:0;transform:translateY(-8px) scale(.95);pointer-events:none;transition:all var(--duration-normal) var(--ease-out);min-width:160px}[dir=rtl] .lang-dropdown{right:auto;left:var(--space-lg)}.lang-dropdown.open{opacity:1;transform:translateY(4px) scale(1);pointer-events:auto}.lang-dropdown__item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:.9rem;color:var(--color-text);width:100%;text-align:left;transition:background var(--duration-fast)}.lang-dropdown__item:hover{background:var(--color-primary-light)}.lang-dropdown__item.active{color:var(--color-primary);font-weight:600;background:var(--color-primary-pale)}.lang-dropdown__flag{font-size:1.1rem}.particles-canvas{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;border-radius:50%;opacity:0;animation:particleFloat linear infinite}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh) scale(.3) rotate(0)}10%{opacity:.7}90%{opacity:.5}to{opacity:0;transform:translateY(-10vh) scale(1) rotate(360deg)}}.rating-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-lg);position:relative;z-index:1}.vendor-logo{width:96px;height:96px;border-radius:var(--radius-lg);object-fit:contain;animation:logoPulse 3s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.rating-page__heading{font-size:1.75rem;font-weight:800;line-height:1.2;color:var(--color-text);max-width:280px}.star-rating-container{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-xl);box-shadow:var(--shadow-card);display:flex;gap:var(--space-sm);align-items:center;justify-content:center}.star-direction-hint{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:320px;font-size:.7rem;color:var(--color-text-muted);padding:0 var(--space-xs);pointer-events:none;user-select:none}.star-direction-hint__worst,.star-direction-hint__best{display:flex;align-items:center;gap:3px}.star-direction-hint__worst:before{content:"←";font-size:.65rem;opacity:.6}.star-direction-hint__best:after{content:"→";font-size:.65rem;opacity:.6}[dir=rtl] .star-direction-hint__worst:before{content:"→"}[dir=rtl] .star-direction-hint__best:after{content:"←"}.star-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:transform var(--duration-fast) var(--ease-spring);-webkit-tap-highlight-color:transparent}.star-btn:hover{transform:scale(1.2)}.star-btn:active{transform:scale(.95)}.star-btn svg{width:40px;height:40px;transition:all var(--duration-normal) var(--ease-out)}.star-btn .star-empty{color:#d1d9d4}.star-btn .star-filled{color:var(--color-accent);filter:drop-shadow(0 2px 4px rgba(245,166,35,.3))}.rating-page__tagline{font-size:.875rem;color:var(--color-text-muted);max-width:260px;line-height:1.5}.empathy-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-lg);padding:var(--space-md);position:relative;z-index:1}.empathy-page__emoji{font-size:4rem;line-height:1;animation:checkPop .5s var(--ease-spring) both}.empathy-page__heading{font-size:1.5rem;font-weight:800;line-height:1.25;color:var(--color-text);max-width:320px}.empathy-page__body{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6;max-width:310px}.google-review-btn{width:100%;max-width:340px;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);font-size:1.05rem;font-weight:700;color:#fff;background:var(--color-google);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:all var(--duration-normal) var(--ease-out);box-shadow:0 4px 16px #4285f44d;position:relative;overflow:hidden}.google-review-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);pointer-events:none}.google-review-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #4285f466;background:var(--color-google-dark)}.google-review-btn:active{transform:translateY(0)}.google-review-btn svg{width:20px;height:20px}.feedback-page{flex:1;display:flex;flex-direction:column;gap:var(--space-md);position:relative;z-index:1;overflow-y:auto;overflow-x:hidden}.feedback-page__heading{font-size:1.4rem;font-weight:800;line-height:1.25;color:var(--color-text)}.ai-translate-banner{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.ai-translate-banner__icon{flex-shrink:0;font-size:1.3rem}.ai-translate-banner__text{font-size:.8rem;color:var(--color-text-secondary);line-height:1.5}.feedback-textarea-wrapper{flex:1;min-height:120px;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-md);position:relative;display:flex;flex-direction:column}.feedback-textarea{flex:1;width:100%;resize:none;font-size:.95rem;color:var(--color-text);line-height:1.6}.feedback-textarea::placeholder{color:var(--color-text-muted)}.secure-badge{align-self:flex-end;display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-primary-light);border-radius:var(--radius-full);font-size:.7rem;font-weight:600;color:var(--color-primary);margin-top:var(--space-xs)}.secure-badge svg{width:12px;height:12px}.privacy-note{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);font-size:.75rem;color:var(--color-text-muted)}.privacy-note svg{width:13px;height:13px;opacity:.6}.category-pills{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.category-pill{padding:6px var(--space-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;background:var(--color-surface);color:var(--color-text-secondary);border:1.5px solid var(--color-border);transition:all var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.category-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.category-pill.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.submit-btn{width:100%;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);font-size:1.05rem;font-weight:700;color:#fff;background:var(--color-primary);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:all var(--duration-normal) var(--ease-out);box-shadow:0 4px 16px #1b8c4e4d;position:relative;overflow:hidden;flex-shrink:0}.submit-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);pointer-events:none}.submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #1b8c4e59}.submit-btn:active{transform:translateY(0);box-shadow:0 2px 8px #1b8c4e40}.submit-btn:disabled{opacity:.5;pointer-events:none}.submit-btn svg{width:20px;height:20px}.success-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-lg);position:relative;z-index:1}.success-glow{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,var(--color-primary-light) 0%,transparent 70%);animation:glowPulse 2.5s ease-in-out infinite;display:flex;align-items:center;justify-content:center}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.success-glow__check{width:56px;height:56px;color:var(--color-primary);animation:checkPop .6s var(--ease-spring) .3s both}@keyframes checkPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-page__heading{font-size:1.75rem;font-weight:800;color:var(--color-primary)}.success-page__message{font-size:.9rem;color:var(--color-text-secondary);max-width:310px;line-height:1.6}.success-page__message strong{color:var(--color-primary);font-weight:700}.return-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);font-size:.95rem;font-weight:600;color:var(--color-text-secondary);background:var(--color-surface);border:1.5px solid var(--color-border);transition:all var(--duration-fast) var(--ease-out)}.return-btn:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.return-btn svg{width:18px;height:18px}.hero-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-lg);position:relative;z-index:1}.hero-page__trophy{font-size:5rem;line-height:1;animation:trophyBounce 1s var(--ease-spring) both}@keyframes trophyBounce{0%{transform:scale(0) rotate(-10deg);opacity:0}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.hero-page__heading{font-size:1.6rem;font-weight:800;color:var(--color-primary);animation:fadeSlideIn var(--duration-slow) var(--ease-out) .3s both}.hero-page__message{font-size:.9rem;color:var(--color-text-secondary);max-width:300px;line-height:1.6;animation:fadeSlideIn var(--duration-slow) var(--ease-out) .5s both}.hero-page .return-btn{animation:fadeSlideIn var(--duration-slow) var(--ease-out) .7s both}.step-view{display:none;opacity:0;animation:fadeSlideIn var(--duration-slow) var(--ease-out) forwards}.step-view.active{display:flex;flex-direction:column}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,var(--color-surface-muted) 25%,var(--color-primary-light) 50%,var(--color-surface-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-lg);padding:var(--space-2xl)}.error-page__code{font-size:4rem;font-weight:800;color:var(--color-primary-light);line-height:1}.error-page__heading{font-size:1.25rem;font-weight:700;color:var(--color-text)}.error-page__text{font-size:.9rem;color:var(--color-text-muted)}