*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{color:#1a1a1a;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#fff;font-family:Tajawal,sans-serif}#app{flex-direction:column;height:100%;display:flex}input,textarea{-webkit-user-select:text;user-select:text;font-family:Tajawal,sans-serif}::-webkit-scrollbar{width:0}@keyframes sparkle-anim{0%{text-shadow:0 0 4px,2px -2px 6px gold,-2px 2px 6px #fff;opacity:1}25%{text-shadow:0 0 8px,-3px -1px 10px gold,3px 1px 8px #fff8e1;opacity:.95}50%{text-shadow:0 0 16px,4px 2px 20px gold,-4px -2px 14px #fff,0 0 30px #ffd70066;opacity:1}75%{text-shadow:0 0 6px,2px 3px 12px gold,-3px -1px 8px #fff8e1;opacity:.97}to{text-shadow:0 0 4px,2px -2px 6px gold,-2px 2px 6px #fff;opacity:1}}.name-sparkle{filter:brightness(1.1);animation:2s ease-in-out infinite sparkle-anim}@keyframes glow-anim{0%,to{text-shadow:0 0 7px,0 0 10px,0 0 21px}50%{text-shadow:0 0 10px,0 0 20px,0 0 40px,0 0 60px}}.name-glow{animation:1.5s ease-in-out infinite glow-anim}@keyframes wave-anim{0%,to{transform:translateY(0)scaleY(1)}20%{transform:translateY(-6px)scaleY(1.05)}40%{transform:translateY(0)scaleY(.95)}60%{transform:translateY(-3px)scaleY(1.02)}80%{transform:translateY(0)scaleY(1)}}.name-wave{animation:1.2s ease-in-out infinite wave-anim;display:inline-block}@keyframes rainbow-anim{0%{color:red;text-shadow:0 0 8px #f006}14%{color:#ff8c00;text-shadow:0 0 8px #ff8c0066}28%{color:gold;text-shadow:0 0 8px #ffd70066}42%{color:#00e676;text-shadow:0 0 8px #00e67666}57%{color:#00b0ff;text-shadow:0 0 8px #00b0ff66}71%{color:#7c4dff;text-shadow:0 0 8px #7c4dff66}85%{color:#ff4081;text-shadow:0 0 8px #ff408166}to{color:red;text-shadow:0 0 8px #f006}}.name-rainbow{font-weight:800;animation:2s linear infinite rainbow-anim}@keyframes frame-gold-anim{0%{box-shadow:0 0 8px gold,0 0 16px #ffd7004d,inset 0 0 6px #ffd7001a}50%{box-shadow:0 0 14px #ffa000,0 0 28px #ffa00066,inset 0 0 10px #ffd70026}to{box-shadow:0 0 8px gold,0 0 16px #ffd7004d,inset 0 0 6px #ffd7001a}}.frame-gold{animation:2s ease-in-out infinite frame-gold-anim;border:3px solid gold!important}@keyframes frame-red-anim{0%,to{box-shadow:0 0 8px #e53935,0 0 16px #e539354d}50%{box-shadow:0 0 14px #e53935,0 0 30px #e5393580}}.frame-red{animation:1.8s ease-in-out infinite frame-red-anim;border:3px solid #e53935!important}@keyframes frame-rainbow-spin{0%{border-color:red;box-shadow:0 0 10px #f004}16%{border-color:#ff8c00;box-shadow:0 0 10px #ff8c0044}33%{border-color:gold;box-shadow:0 0 10px #ffd70044}50%{border-color:#00e676;box-shadow:0 0 10px #00e67644}66%{border-color:#00b0ff;box-shadow:0 0 10px #00b0ff44}83%{border-color:#7c4dff;box-shadow:0 0 10px #7c4dff44}to{border-color:red;box-shadow:0 0 10px #f004}}.frame-rainbow{animation:3s linear infinite frame-rainbow-spin;border:3.5px solid red!important}@keyframes frame-ice-anim{0%,to{box-shadow:0 0 8px #00ced1,0 0 16px #00ced140,0 0 30px #00ced11a}50%{box-shadow:0 0 12px #00e5ff,0 0 24px #00e5ff66,0 0 40px #00ced133}}.frame-ice{animation:2.5s ease-in-out infinite frame-ice-anim;border:3px solid #00ced1!important}@keyframes banner-pulse{0%,to{opacity:.85}50%{opacity:1}}.banner-animated{animation:3s ease-in-out infinite banner-pulse}