.smart-banner-wrapper{top:env(safe-area-inset-top,0);z-index:2100;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-bottom:2px solid #8b5cf64d;padding:.75rem 1rem;animation:.4s cubic-bezier(.16,1,.3,1) slideDown;position:sticky;left:0;right:0;box-shadow:0 10px 30px #0000004d}.smart-banner-inner{color:#fff;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex}.sb-icon{color:#a78bfa;background:#8b5cf626;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sb-content{flex:1}.sb-text{color:#e2e8f0;margin-bottom:.2rem;font-size:.85rem;font-weight:500}.sb-text strong{color:#f59e0b}.sb-instruction{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:4px;font-size:.75rem;line-height:1.4;display:flex}.sb-instruction strong{color:#fff;background:#ffffff1a;border-radius:4px;padding:1px 4px}.sb-actions{flex-shrink:0}.sb-dismiss{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;transition:all .2s}.sb-dismiss:hover{color:#fff;background:#ffffff0d}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media (width<=768px){.smart-banner-wrapper{padding:.6rem .8rem}.sb-icon{width:32px;height:32px}.sb-text{font-size:.75rem}.sb-instruction{font-size:.65rem}}