:root{--bg-start:#f8f9fa;--bg-mid:#f1f3f4;--bg-end:#fff;--glass-bg:#fffffff2;--glass-border:#dadce0d9;--glass-shadow:#3c40431f;--glass-blur:16px;--card-bg:#fffffffc;--card-border:#dadce0b3;--text-primary:#202124;--text-secondary:#3c4043;--text-muted:#80868b;--g-blue:#1a73e8;--g-red:#ea4335;--g-yellow:#fbbc04;--g-green:#34a853;--accent:#1a73e8;--accent-glow:#1a73e829;--accent-2:#ea4335;--success:#34a853;--warning:#fbbc04;--star-empty:#e8eaed;--star-filled:#fbbc04;--star-glow:#fbbc048c;--input-bg:#fff;--input-border:#dadce0;--input-focus:#1a73e824;--btn-primary:linear-gradient(135deg, #1a73e8 0%, #1557b0 100%);--btn-shadow:#1a73e84d;--font-display:"Roboto", sans-serif;--font-body:"Roboto", sans-serif;--font-arabic:"Cairo", sans-serif;--radius-card:16px;--radius-input:8px;--radius-btn:24px;--transition-bounce:cubic-bezier(.34, 1.56, .64, 1);--transition-smooth:cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-start:#08080a;--bg-mid:#0b0b0e;--bg-end:#060608;--glass-bg:#0c0c10f7;--glass-border:#37394166;--glass-shadow:#000000bf;--glass-blur:24px;--card-bg:#0e0f14fc;--card-border:#3739414d;--text-primary:#e8eaed;--text-secondary:#bdc1c6;--text-muted:#80868b;--g-blue:#8ab4f8;--g-red:#f28b82;--g-yellow:#fdd663;--g-green:#81c995;--accent:#8ab4f8;--accent-glow:#8ab4f838;--accent-2:#f28b82;--success:#81c995;--warning:#fdd663;--star-empty:#5f63688c;--star-filled:#fdd663;--star-glow:#fdd6638c;--input-bg:#121319e6;--input-border:#37394199;--input-focus:#8ab4f82e;--btn-primary:linear-gradient(135deg, #8ab4f8 0%, #5f90d8 100%);--btn-shadow:#8ab4f847}.review-page{font-family:var(--font-body);color:var(--text-primary);scrollbar-width:none;-ms-overflow-style:none;min-height:100dvh;transition:background .5s var(--transition-smooth), color .3s;padding:env(safe-area-inset-top,16px) env(safe-area-inset-right,16px) env(safe-area-inset-bottom,16px) env(safe-area-inset-left,16px);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden scroll}.review-page::-webkit-scrollbar{display:none}[dir=rtl] .review-page,[dir=rtl] .form-input,[dir=rtl] .form-textarea,[dir=rtl] .pill-btn,[dir=rtl] .btn-primary-front{font-family:var(--font-arabic)}.bg-mesh{z-index:0;background:linear-gradient(135deg, var(--bg-start) 0%, var(--bg-mid) 50%, var(--bg-end) 100%);transition:background .5s;position:fixed;inset:0}.bg-mesh:after{content:"";opacity:1;background-image:linear-gradient(#1a73e808 1px,#0000 1px),linear-gradient(90deg,#1a73e808 1px,#0000 1px);background-size:40px 40px;transition:opacity .5s;position:absolute;inset:0}[data-theme=dark] .bg-mesh:after{background-image:linear-gradient(#8ab4f80a 1px,#0000 1px),linear-gradient(90deg,#8ab4f80a 1px,#0000 1px)}.bg-orb{filter:blur(60px);opacity:.5;z-index:0;border-radius:50%;transition:opacity .5s;animation:8s ease-in-out infinite float;position:fixed}.bg-orb-1{background:radial-gradient(circle,#1a73e812 0%,#0000 70%);width:400px;height:400px;animation-delay:0s;top:-120px;left:-100px}.bg-orb-2{background:radial-gradient(circle,#34a8530f 0%,#0000 70%);width:320px;height:320px;animation-delay:-3s;bottom:-80px;right:-80px}.bg-orb-3{background:radial-gradient(circle,#fbbc0412 0%,#0000 70%);width:220px;height:220px;animation-delay:-5s;top:45%;left:65%}[data-theme=dark] .bg-orb{opacity:.4}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(15px,-20px)scale(1.05)}66%{transform:translate(-10px,12px)scale(.97)}}.toolbar{z-index:100;padding:12px 20px;padding-top:max(12px, env(safe-area-inset-top));background:var(--glass-bg);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));justify-content:space-between;align-items:center;gap:10px;display:flex;position:fixed;top:0;left:0;right:0}.toolbar:before{content:"";opacity:1;background:linear-gradient(90deg,#ea4335 0%,#fbbc04 33%,#34a853 66%,#1a73e8 100%);height:4px;position:absolute;top:0;left:0;right:0}[data-theme=dark] .toolbar:before{opacity:1;box-shadow:0 1px 12px #1a73e873,0 1px 20px #ea433533}.toolbar-controls{gap:8px;display:flex}.pill-btn{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-secondary);cursor:pointer;transition:all .25s var(--transition-smooth);letter-spacing:.02em;white-space:nowrap;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:50px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:500;display:inline-flex}.pill-btn:hover{color:var(--accent);border-color:var(--accent-glow);transform:translateY(-1px)}.pill-btn:active{transform:scale(.95)}.pill-btn svg{flex-shrink:0;width:15px;height:15px}.logo-mark{font-family:var(--font-display);color:var(--text-primary);opacity:.8;letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;display:flex}.app-wrapper{z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:420px;min-height:100dvh;padding:80px 20px 30px;display:flex;position:relative}.card-wrapper{width:100%;position:relative}#cardParticles{pointer-events:none;z-index:0;border-radius:calc(var(--radius-card) + 30px);position:absolute;inset:-30px;overflow:hidden}.card-wrapper:before{content:"";border-radius:calc(var(--radius-card) + 20px);opacity:.6;pointer-events:none;z-index:-1;filter:blur(18px);background:radial-gradient(#1a73e817 0%,#1a73e808 50%,#0000 70%);animation:4s ease-in-out infinite cardGlowPulse;position:absolute;inset:-20px}@keyframes cardGlowPulse{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:.85;transform:scale(1.05)}}[data-theme=dark] .card-wrapper:before{background:radial-gradient(#8ab4f81f 0%,#8ab4f80a 50%,#0000 70%)}.card-wrapper:after{content:"";border-radius:calc(var(--radius-card) + 2.5px);background:linear-gradient(var(--border-angle,0deg), #1a73e8, #ea4335, #fbbc04, #34a853, #1a73e8);z-index:0;pointer-events:none;animation:5s linear infinite borderSpin;position:absolute;inset:-2.5px}[data-theme=dark] .card-wrapper:after{filter:brightness(1.3)saturate(1.2);box-shadow:0 0 22px #1a73e859,0 0 40px #ea43351f}.card{background:var(--card-bg);border-radius:var(--radius-card);width:100%;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:0 8px 32px var(--glass-shadow), 0 2px 8px #0000000f, inset 0 1px 0 #ffffff0d;transition:box-shadow .4s var(--transition-smooth), transform .15s ease-out;z-index:1;transform-style:preserve-3d;will-change:transform;background-clip:padding-box;border:2.5px solid #0000;padding:36px 28px 32px;position:relative;overflow:hidden}.card.pulse{animation:cardPulse .35s var(--transition-bounce)}@keyframes cardPulse{0%{transform:scale(1)}50%{transform:scale(.94)}to{transform:scale(1)}}.card:before{content:"";border-radius:var(--radius-card);background:linear-gradient(var(--border-angle,0deg), #1a73e8, #ea4335, #fbbc04, #34a853, #1a73e8);-webkit-mask-composite:xor;pointer-events:none;z-index:2;padding:2.5px;animation:5s linear infinite borderSpin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes borderSpin{to{--border-angle:360deg}}.card:after{content:"";opacity:.5;pointer-events:none;z-index:3;background:linear-gradient(90deg,#0000,#ffffff80,#0000);height:2px;position:absolute;top:0;left:0;right:0}.card:hover{box-shadow:0 16px 52px var(--glass-shadow), 0 4px 16px #0000001a, 0 0 40px var(--accent-glow), inset 0 1px 0 #fff6}.screen{width:100%;animation:screenIn .45s var(--transition-bounce) forwards;flex-direction:column;align-items:center;display:none;position:relative}.screen.active{display:flex}@keyframes screenIn{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shimmerSlide{0%{opacity:0;left:-80%}20%{opacity:1}80%{opacity:1}to{opacity:0;left:140%}}.particle-canvas,.confetti-canvas{pointer-events:none;z-index:500;position:fixed;inset:0}.brand-icon{background:var(--brand-bg,linear-gradient(160deg, #ea4335 0%, #c5221f 100%));width:64px;height:64px;animation:iconPop .6s var(--transition-bounce) .1s both;border-radius:50%;justify-content:center;align-items:center;margin-bottom:18px;display:flex;box-shadow:0 6px 20px #ea433552,0 2px 8px #ea43352e}@keyframes iconPop{0%{opacity:0;transform:scale(.6)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.brand-icon svg{color:#fff;width:32px;height:32px}.screen-title{font-family:var(--font-display);color:var(--text-primary);text-align:center;letter-spacing:-.01em;margin-bottom:8px;font-size:clamp(20px,5vw,26px);font-weight:500;line-height:1.3}[dir=rtl] .screen-title{font-family:var(--font-arabic);font-weight:700}.screen-subtitle{color:var(--text-muted);text-align:center;max-width:300px;margin-bottom:30px;font-size:14px;line-height:1.5}.stars-container{justify-content:center;gap:10px;margin-bottom:28px;display:flex}.star-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .2s var(--transition-bounce);background:0 0;border:none;padding:4px}.star-btn:active{transform:scale(.88)}.star-svg{width:46px;height:46px;transition:all .3s var(--transition-bounce);filter:drop-shadow(0 0 #0000)}.star-svg path{fill:var(--star-empty);transition:fill .25s,filter .25s}.star-btn.filled .star-svg path{fill:var(--star-filled)}.star-btn.filled .star-svg{filter:drop-shadow(0 0 8px var(--star-glow));transform:scale(1.12)}.star-btn.pop .star-svg{animation:starPop .35s var(--transition-bounce)}@keyframes starPop{0%{transform:scale(1.12)}40%{transform:scale(1.35)rotate(8deg)}to{transform:scale(1.12)rotate(0)}}.rating-label{color:var(--accent);text-align:center;letter-spacing:.04em;text-transform:uppercase;min-height:20px;margin-bottom:18px;font-size:13px;font-weight:600;transition:opacity .2s}.btn-primary{cursor:pointer;outline-offset:4px;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:100%;padding:0;transition:filter .25s;display:block;position:relative}.btn-primary:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary-shadow{border-radius:var(--radius-btn);will-change:transform;background:#00000040;width:100%;height:100%;transition:transform .6s cubic-bezier(.3,.7,.4,1);position:absolute;top:0;left:0;transform:translateY(2px)}.btn-primary-edge{border-radius:var(--radius-btn);background:linear-gradient(270deg,#002c66 0%,#0050b8 8% 92%,#002c66 100%);width:100%;height:100%;position:absolute;top:0;left:0}[data-theme=dark] .btn-primary-edge{background:linear-gradient(270deg,#0e4081 0%,#1767cf 8% 92%,#0e4081 100%)}.btn-primary-front{border-radius:var(--radius-btn);letter-spacing:.02em;color:#fff;background:var(--btn-primary-bg,#0068f0);will-change:transform;padding:15px 24px;font-family:inherit;font-size:16px;font-weight:600;transition:transform .6s cubic-bezier(.3,.7,.4,1);display:block;position:relative;overflow:hidden;transform:translateY(-4px)}[data-theme=dark] .btn-primary-front{background:var(--btn-primary-bg,#478eeb)}.btn-primary-front:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff47,#0000);width:60%;height:100%;animation:2.4s ease-in-out infinite shimmerSlide;position:absolute;top:0;left:-100%}.btn-primary:hover{filter:brightness(110%)}.btn-primary:hover .btn-primary-front{transition:transform .25s cubic-bezier(.3,.7,.4,1.5);transform:translateY(-6px)}.btn-primary:active .btn-primary-front{transition:transform 34ms;transform:translateY(-2px)}.btn-primary:hover .btn-primary-shadow{transition:transform .25s cubic-bezier(.3,.7,.4,1.5);transform:translateY(4px)}.btn-primary:active .btn-primary-shadow{transition:transform 34ms;transform:translateY(1px)}.btn-primary:disabled .btn-primary-front{transform:translateY(-4px)}.btn-primary:disabled .btn-primary-shadow{transform:translateY(2px)}.btn-primary:disabled .btn-primary-front:before{animation:none}.form-group{width:100%;margin-bottom:14px}.form-label{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.form-input,.form-textarea{background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:var(--radius-input);width:100%;color:var(--text-primary);transition:all .25s var(--transition-smooth);appearance:none;outline:none;padding:13px 16px;font-family:inherit;font-size:15px}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--input-focus);background:var(--input-bg)}.form-textarea{resize:vertical;min-height:100px;line-height:1.5}.char-counter{color:var(--text-muted);text-align:right;letter-spacing:.03em;margin-top:4px;font-size:11px;transition:color .2s}.char-counter.warn{color:var(--warning)}.char-counter.over{color:var(--accent-2)}.form-input.shake,.form-textarea.shake{border-color:var(--accent-2);animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.divider{background:linear-gradient(90deg, transparent, var(--glass-border), transparent);width:100%;height:1px;margin:20px 0}.emoji-big{animation:emojiBounce .6s var(--transition-bounce);text-align:center;margin-bottom:16px;font-size:52px;display:block}@keyframes emojiBounce{0%{transform:scale(0)rotate(-20deg)}60%{transform:scale(1.15)rotate(5deg)}to{transform:scale(1)rotate(0)}}.countdown-ring{width:56px;height:56px;margin:20px auto 8px;position:relative}.countdown-ring svg{transform:rotate(-90deg)}.countdown-ring circle.track{fill:none;stroke:var(--glass-border);stroke-width:4px}.countdown-ring circle.progress{fill:none;stroke:var(--accent);stroke-width:4px;stroke-linecap:round;stroke-dasharray:138.23;stroke-dashoffset:138.23px;transition:stroke .3s;animation:1s linear forwards ringFill}@keyframes ringFill{to{stroke-dashoffset:0}}.redirect-note{color:var(--text-muted);text-align:center;margin-top:4px;font-size:12px}.apology-badge{background:#ea433512;border:1px solid #ea43352e;border-radius:10px;align-items:center;gap:10px;width:100%;margin-bottom:20px;padding:12px 16px;display:flex}.apology-badge span{font-size:22px}.apology-badge p{color:var(--accent-2);font-size:13px;font-weight:500;line-height:1.4}.confetti-row{justify-content:center;gap:6px;margin-bottom:18px;display:flex}.confetti-dot{width:8px;height:8px;animation:confettiFall .6s var(--transition-bounce) both;border-radius:50%}.confetti-dot:first-child{background:#1a73e8;animation-delay:50ms}.confetti-dot:nth-child(2){background:#ea4335;animation-delay:.12s}.confetti-dot:nth-child(3){background:#34a853;animation-delay:.19s}.confetti-dot:nth-child(4){background:#fbbc04;animation-delay:.26s}.confetti-dot:nth-child(5){background:#1a73e8;animation-delay:.33s}@keyframes confettiFall{0%{opacity:0;transform:translateY(-12px)scale(0)}to{opacity:1;transform:translateY(0)scale(1)}}.check-circle{width:70px;height:70px;animation:checkPop .5s var(--transition-bounce);background:linear-gradient(135deg,#34a853 0%,#1e8e3e 100%);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex;box-shadow:0 8px 28px #34a85352}@keyframes checkPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.check-circle svg{color:#fff;width:34px;height:34px}.trust-bar{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;justify-content:center;align-items:center;gap:10px;width:fit-content;max-width:100%;margin-top:16px;padding:10px 18px;display:flex}.trust-item{color:var(--text-muted);white-space:nowrap;letter-spacing:.02em;align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex}.trust-icon{font-size:13px;line-height:1}.trust-divider{background:var(--glass-border);flex-shrink:0;width:1px;height:14px}.media-attach-row{gap:8px;margin-top:8px;display:flex}.attach-btn{border:1.5px solid var(--input-border);background:var(--input-bg);color:var(--text-secondary);cursor:pointer;transition:all .25s var(--transition-smooth);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:50px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:12.5px;font-weight:500;display:inline-flex}.attach-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.attach-btn:active{transform:scale(.96)}.attach-btn svg{flex-shrink:0;width:15px;height:15px}.attach-btn.recording{color:#ea4335;background:#ea433514;border-color:#ea4335;animation:1.2s ease-in-out infinite recordPulse}@keyframes recordPulse{0%,to{box-shadow:0 0 #ea433540}50%{box-shadow:0 0 0 6px #ea433500}}.voice-preview{border-radius:var(--radius-input);background:#1a73e80f;border:1.5px solid #1a73e82e;align-items:center;gap:8px;margin-top:8px;padding:10px 14px;display:none}.voice-preview.show{display:flex}.voice-waveform-live{flex:1;align-items:center;gap:2px;height:24px;display:flex}.wave-bar{background:var(--accent);border-radius:2px;width:3px;animation:.8s ease-in-out infinite waveDance}.wave-bar:first-child{height:8px;animation-delay:0s}.wave-bar:nth-child(2){height:16px;animation-delay:.1s}.wave-bar:nth-child(3){height:12px;animation-delay:.2s}.wave-bar:nth-child(4){height:20px;animation-delay:.3s}.wave-bar:nth-child(5){height:10px;animation-delay:.4s}.wave-bar:nth-child(6){height:18px;animation-delay:.5s}.wave-bar:nth-child(7){height:8px;animation-delay:.6s}@keyframes waveDance{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.voice-duration-live{color:var(--accent);min-width:34px;font-size:12px;font-weight:600}.voice-delete{color:#ea4335;cursor:pointer;background:#ea43351a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;transition:background .2s;display:flex}.voice-delete:hover{background:#ea433538}.voice-saved{border-radius:var(--radius-input);background:#34a8530f;border:1.5px solid #34a85333;align-items:center;gap:8px;margin-top:8px;padding:10px 14px;display:none}.voice-saved.show{display:flex}.voice-play-btn-saved{background:var(--success);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s,background .2s;display:flex}.voice-play-btn-saved:hover{background:#2d9147;transform:scale(1.1)}.voice-saved-info{flex:1}.voice-saved-label{color:var(--success);font-size:12px;font-weight:600}.voice-saved-dur{color:var(--text-muted);margin-top:1px;font-size:11px}.images-preview{flex-wrap:wrap;gap:8px;margin-top:8px;display:none}.images-preview.show{display:flex}.img-thumb{border:1.5px solid var(--input-border);width:72px;height:72px;animation:thumbIn .3s var(--transition-bounce);border-radius:10px;flex-shrink:0;position:relative;overflow:hidden}@keyframes thumbIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.img-thumb img{object-fit:cover;width:100%;height:100%;display:block}.img-thumb-del{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;transition:background .2s;display:flex;position:absolute;top:3px;right:3px}.img-thumb-del:hover{background:#ea4335d9}@media (max-width:380px){.card{padding:28px 20px 24px}.star-svg{width:40px;height:40px}.stars-container{gap:7px}}@media (min-width:600px){.app-wrapper{padding-top:90px}.card{padding:40px 36px 36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}