:root{--bg:#060d1c;--bg-card:#0d1f42;--bg-card2:#0f1e3d;--accent:#3d7cf5;--accent2:#5b94ff;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--purple:#8b5cf6;--gold:#d4a94a;--text:#e2e8f0;--text-sec:#94a3b8;--text-muted:#64748b;--border:#1e3a6e;--border2:#243b6e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes globeSpin{to{transform:rotate(360deg)scale(1.05)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pulsateGlow{0%,to{box-shadow:0 0 24px #3d7cf559,0 0 #3d7cf500}50%{box-shadow:0 0 40px #3d7cf5b3,0 0 0 8px #3d7cf500}}@keyframes pulsateRing{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes flagWave{0%{transform:rotateY(0)skewY(0)}20%{transform:rotateY(6deg)skewY(.5deg)}40%{transform:rotateY(0)skewY(0)}60%{transform:rotateY(-5deg)skewY(-.5deg)}80%{transform:rotateY(3deg)skewY(.3deg)}to{transform:rotateY(0)skewY(0)}}@keyframes shimmer{0%{background-position:-300%}to{background-position:300%}}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(3)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes particle{0%,to{opacity:.25;transform:translateY(0)translate(0)scale(1)}33%{opacity:.5;transform:translateY(-40px)translate(14px)scale(1.2)}66%{opacity:.3;transform:translateY(-18px)translate(-10px)scale(.9)}}@keyframes blink{0%,80%,to{opacity:.4;transform:scale(1)}40%{opacity:1;transform:scale(1.4)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-7px)}80%{transform:translate(7px)}}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes navDot{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.5)}}@keyframes playPulse{0%,to{transform:scale(1);box-shadow:0 4px 24px #d4a94a8c}50%{transform:scale(1.09);box-shadow:0 6px 36px #d4a94ad9}}.screen{background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.scroll-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;overflow:hidden auto}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:16px;transition:transform .1s,box-shadow .15s;position:relative;overflow:hidden}button.card:active,a.card:active{box-shadow:none;transform:scale(.98)}.card:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#3d7cf50a 0%,#0000 60%);position:absolute;inset:0}.btn{cursor:pointer;background:var(--accent);color:#fff;letter-spacing:.2px;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:15px;font-weight:700;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active{opacity:.9;transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#3d7cf5,#1e5bb8)}.btn-danger{background:linear-gradient(135deg,#ef4444,#b91c1c)}.btn-ghost{color:var(--accent);background:#3d7cf51f}input,textarea,select{background:var(--bg-card2);border:1.5px solid var(--border);color:var(--text);border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3d7cf526}input::placeholder,textarea::placeholder{color:var(--text-muted)}select{appearance:none}.appbar{padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top));border-bottom:1px solid var(--border);background:#0d2046;flex-shrink:0;align-items:center;gap:12px;min-height:56px;display:flex}.appbar-title{flex:1;font-size:17px;font-weight:700}.appbar-back{color:var(--text-sec);cursor:pointer;background:0 0;border:none;padding:4px 8px 4px 0;font-size:26px;line-height:1;transition:color .15s}.appbar-back:active{color:var(--accent)}.bottom-nav{border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px);background:#0d2046;flex-shrink:0;display:flex}.nav-item{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 0;font-size:10px;font-weight:500;transition:color .2s;display:flex;position:relative}.nav-item.active{color:var(--accent)}.nav-item.active .nav-dot{background:var(--accent);border-radius:2px;width:18px;height:3px;animation:.4s both navDot;position:absolute;top:2px}.spinner{border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;margin:auto;animation:.65s linear infinite spin}.ai-1{animation:.35s 50ms both fadeInUp}.ai-2{animation:.35s .1s both fadeInUp}.ai-3{animation:.35s .15s both fadeInUp}.ai-4{animation:.35s .2s both fadeInUp}.ai-5{animation:.35s .25s both fadeInUp}.ai-6{animation:.35s .3s both fadeInUp}.ai-7{animation:.35s .35s both fadeInUp}.ai-8{animation:.35s .4s both fadeInUp}.flag-wrap{transform-origin:50%;will-change:transform;filter:drop-shadow(0 2px 6px #0006);justify-content:center;align-items:center;animation:2.8s ease-in-out infinite flagWave;display:inline-flex}.flag-wrap:nth-child(2n){animation-delay:.6s}.globe-spin{transform-origin:50%;will-change:transform;animation:8s linear infinite globeSpin;display:inline-block}.toast{background:var(--accent);color:#fff;z-index:9999;white-space:nowrap;border-radius:12px;padding:10px 20px;font-size:14px;font-weight:700;animation:.22s both fadeInUp;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #3d7cf566}