.developer-docs{min-height:100vh;background:#f5f7fa;padding-bottom:100px}.docs-container{display:flex;max-width:1400px;margin:0 auto;padding-bottom:100px}.docs-sidebar{width:260px;background:#fff;border-right:1px solid #e8e8e8;padding:24px;position:fixed;height:100vh;overflow-y:auto}.docs-sidebar h2{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #1890ff}.docs-sidebar nav{display:flex;flex-direction:column;gap:4px}.docs-sidebar nav a{display:block;padding:10px 16px;color:#595959;text-decoration:none;border-radius:6px;font-size:14px;transition:all .2s}.docs-sidebar nav a:hover{background:#f0f5ff;color:#1890ff}.docs-content{flex:1;margin-left:260px;padding:40px 48px 80px;max-width:900px;min-height:calc(100vh - 64px)}.docs-content h1{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:32px;padding-bottom:16px;border-bottom:3px solid #1890ff}.docs-content h2{font-size:24px;font-weight:600;color:#1a1a1a;margin-top:48px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e8e8e8}.docs-content h3{font-size:18px;font-weight:600;color:#262626;margin-top:32px;margin-bottom:16px}.docs-content h4{font-size:16px;font-weight:600;color:#434343;margin-top:24px;margin-bottom:12px}.docs-content p{font-size:15px;line-height:1.8;color:#595959;margin-bottom:16px}.docs-content ul,.docs-content ol{margin-bottom:16px;padding-left:24px}.docs-content li{font-size:15px;line-height:1.8;color:#595959;margin-bottom:8px}.flow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin:24px 0}.step{background:#fff;border-radius:12px;padding:24px;text-align:center;box-shadow:0 2px 8px #0000000f;border:1px solid #e8e8e8}.step-number{width:40px;height:40px;background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;margin:0 auto 16px}.step h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.step p{font-size:13px;color:#8c8c8c;margin:0}.docs-content pre{background:#1e1e1e;border-radius:8px;padding:20px;overflow-x:auto;margin:16px 0}.docs-content pre code{font-family:Fira Code,Consolas,monospace;font-size:13px;line-height:1.6;color:#d4d4d4;background:transparent;padding:0}.docs-content code{font-family:Fira Code,Consolas,monospace;font-size:14px;background:#f6f8fa;padding:2px 6px;border-radius:4px;color:#d73a49}.api-endpoint{display:flex;align-items:center;gap:12px;background:#f6f8fa;padding:12px 16px;border-radius:6px;margin:16px 0}.api-endpoint .method{font-size:12px;font-weight:700;padding:4px 10px;border-radius:4px;text-transform:uppercase}.api-endpoint .method.get{background:#52c41a;color:#fff}.api-endpoint .method.post{background:#1890ff;color:#fff}.api-endpoint code{font-size:14px;color:#1a1a1a;background:transparent}.params-table{width:100%;border-collapse:collapse;margin:16px 0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.params-table th,.params-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e8e8e8}.params-table th{background:#fafafa;font-weight:600;color:#1a1a1a;font-size:14px}.params-table td{font-size:14px;color:#595959}.params-table tr:last-child td{border-bottom:none}.faq-item{background:#fff;border-radius:8px;padding:24px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a}.faq-item h3{font-size:16px;font-weight:600;color:#1890ff;margin:0 0 12px}.faq-item p{margin-bottom:12px}.faq-item ul{margin-bottom:0}.support{background:linear-gradient(135deg,#1890ff,#096dd9);border-radius:12px;padding:32px;margin-top:48px;margin-bottom:48px;color:#fff}.support h2{color:#fff;border-bottom-color:#ffffff4d}.support p{color:#ffffffe6}.support ul{list-style:none;padding:0}.support li{color:#ffffffe6;margin-bottom:8px}.support a{color:#fff;text-decoration:underline}.support code{background:#fff3;color:#fff}@media (max-width: 1024px){.docs-sidebar{width:200px}.docs-content{margin-left:200px;padding:24px}}@media (max-width: 768px){.docs-sidebar{display:none}.docs-content{margin-left:0;padding:20px}.flow-steps{grid-template-columns:1fr}}.recharge-page{min-height:100vh;background-color:#f5f5f5;display:flex;justify-content:center;align-items:flex-start;padding:20px}.recharge-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:600px;padding:20px}.recharge-header{display:flex;align-items:center;margin-bottom:30px;border-bottom:1px solid #e0e0e0;padding-bottom:20px}.back-button{background:none;border:none;font-size:18px;cursor:pointer;margin-right:20px;color:#333}.recharge-header h1{font-size:24px;font-weight:600;color:#333}.account-section{margin-bottom:30px}.account-info{background-color:#f9f9f9;padding:20px;border-radius:8px;text-align:center}.account-info h3{font-size:16px;color:#666;margin-bottom:10px}.account-name{font-size:18px;font-weight:600;color:#333;margin-bottom:15px}.change-account-button{background-color:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.change-account-button:hover{background-color:#0069d9}.wallet-info{margin-top:20px;background-color:#f0f8ff;padding:15px;border-radius:8px;border:1px solid #e0e0e0}.wallet-info h3{font-size:16px;color:#333;margin-bottom:10px}.wallet-details{display:flex;flex-direction:column;gap:8px}.wallet-item{display:flex;justify-content:space-between;align-items:center}.wallet-label{font-size:14px;color:#666}.wallet-value{font-size:14px;font-weight:600;color:#333}.amount-section{margin-bottom:30px}.amount-section h3{font-size:18px;color:#333;margin-bottom:15px}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.product-item{border:2px solid #e0e0e0;border-radius:8px;padding:15px;text-align:center;cursor:pointer;transition:all .3s}.product-item:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 8px #007bff1a}.product-item.selected{border-color:#007bff;background-color:#f0f8ff}.product-amount{font-size:18px;font-weight:600;color:#333;margin-bottom:5px}.product-name{font-size:14px;color:#666;margin-bottom:5px}.product-bonus{font-size:12px;color:#28a745;font-weight:500}.payment-section{margin-bottom:30px}.payment-section h3{font-size:18px;color:#333;margin-bottom:15px}.payment-methods{display:flex;gap:20px}.payment-method{flex:1;border:2px solid #e0e0e0;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .3s}.payment-method:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 8px #007bff1a}.payment-method.selected{border-color:#007bff;background-color:#f0f8ff}.payment-icon{font-size:24px;margin-bottom:10px}.payment-name{font-size:14px;color:#333}.info-section{margin-bottom:30px;background-color:#f9f9f9;padding:15px;border-radius:8px}.info-section h3{font-size:16px;color:#333;margin-bottom:10px}.info-section ul{list-style:none;padding:0;margin:0}.info-section li{font-size:14px;color:#666;margin-bottom:5px;padding-left:20px;position:relative}.info-section li:before{content:"•";position:absolute;left:0;color:#007bff;font-weight:700}.footer-section{border-top:1px solid #e0e0e0;padding-top:20px}.price-info{display:flex;justify-content:space-between;margin-bottom:10px;font-size:16px}.price-label{color:#666}.price-value{font-weight:600;color:#333}.reward-info{display:flex;justify-content:space-between;margin-bottom:20px;font-size:16px}.reward-label{color:#666}.reward-value{font-weight:600;color:#28a745}.recharge-button{width:100%;background-color:#ff6b35;color:#fff;border:none;padding:15px;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:background-color .3s}.recharge-button:hover{background-color:#e55a2b}.recharge-button:disabled{background-color:#ccc;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:12px;padding:20px;width:90%;max-width:400px;box-shadow:0 4px 20px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #e0e0e0;padding-bottom:15px}.modal-header h3{font-size:18px;color:#333;margin:0}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.modal-body{margin-bottom:20px}.current-account{font-size:14px;color:#666;margin-bottom:15px}.form-group{margin-bottom:15px}.form-group label{display:block;font-size:14px;color:#333;margin-bottom:5px}.form-group input{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px}.verify-button{background-color:#007bff;color:#fff;border:none;padding:10px;border-radius:4px;cursor:pointer;font-size:14px;width:100%;margin-bottom:15px;transition:background-color .3s}.verify-button:hover{background-color:#0069d9}.verify-button:disabled{background-color:#ccc;cursor:not-allowed}.account-details{background-color:#f9f9f9;padding:15px;border-radius:4px;margin-top:15px}.account-details h4{font-size:14px;color:#333;margin-bottom:10px}.account-details p{font-size:14px;color:#666;margin:5px 0}.modal-footer{display:flex;gap:10px;justify-content:flex-end}.cancel-button{background-color:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.cancel-button:hover{background-color:#5a6268}.confirm-button{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.confirm-button:hover{background-color:#218838}.confirm-button:disabled{background-color:#ccc;cursor:not-allowed}.loading{font-size:18px;color:#666;text-align:center;padding:50px}@media (max-width: 768px){.recharge-container{padding:15px}.products-grid{grid-template-columns:repeat(2,1fr)}.payment-methods{flex-direction:column}.payment-method{padding:15px}.recharge-button{padding:12px;font-size:16px}}.payment-message{font-size:16px;color:#333;margin-bottom:20px;text-align:center;line-height:1.4}.order-info{font-size:14px;color:#666;margin:10px 0;text-align:center}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-200: #c7d2fe;--primary-300: #a5b4fc;--primary-400: #818cf8;--primary-500: #6366f1;--primary-600: #4f46e5;--primary-700: #4338ca;--primary-800: #3730a3;--primary-900: #312e81;--accent: #f59e0b;--accent-hover: #d97706;--accent-50: #fffbeb;--accent-100: #fef3c7;--accent-200: #fde68a;--accent-300: #fcd34d;--accent-400: #fbbf24;--accent-500: #f59e0b;--accent-600: #d97706;--accent-700: #b45309;--accent-800: #92400e;--accent-900: #78350f;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: rgba(30, 41, 59, .8);--bg-card-hover: rgba(51, 65, 85, .9);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--text-disabled: #475569;--success: #10b981;--success-light: #34d399;--success-dark: #059669;--warning: #f59e0b;--warning-light: #fbbf24;--warning-dark: #d97706;--error: #ef4444;--error-light: #f87171;--error-dark: #dc2626;--info: #3b82f6;--info-light: #60a5fa;--info-dark: #2563eb;--font-display: 700 48px/56px "Inter", system-ui, -apple-system, sans-serif;--font-h1: 700 36px/44px "Inter", system-ui, -apple-system, sans-serif;--font-h2: 600 28px/36px "Inter", system-ui, -apple-system, sans-serif;--font-h3: 600 20px/28px "Inter", system-ui, -apple-system, sans-serif;--font-body: 400 16px/24px "Inter", system-ui, -apple-system, sans-serif;--font-small: 400 14px/20px "Inter", system-ui, -apple-system, sans-serif;--font-caption: 400 12px/16px "Inter", system-ui, -apple-system, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px rgba(99, 102, 241, .5);--shadow-glow-strong: 0 0 30px rgba(99, 102, 241, .7);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-card-hover: 0 8px 32px rgba(99, 102, 241, .3);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--gradient-primary: linear-gradient(135deg, #6366f1, #8b5cf6);--gradient-accent: linear-gradient(135deg, #f59e0b, #d97706);--gradient-success: linear-gradient(135deg, #10b981, #059669);--gradient-dark: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #312e81 100%);--gradient-card: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);--blur-sm: blur(4px);--blur-md: blur(8px);--blur-lg: blur(12px);--blur-xl: blur(16px)}@media (max-width: 640px){:root{--font-display: 700 32px/40px "Inter", system-ui, -apple-system, sans-serif;--font-h1: 700 28px/36px "Inter", system-ui, -apple-system, sans-serif;--font-h2: 600 24px/32px "Inter", system-ui, -apple-system, sans-serif;--font-h3: 600 18px/24px "Inter", system-ui, -apple-system, sans-serif;--space-12: 32px;--space-16: 48px;--space-20: 64px;--space-24: 80px}}@media (min-width: 641px) and (max-width: 1024px){:root{--font-display: 700 40px/48px "Inter", system-ui, -apple-system, sans-serif;--font-h1: 700 32px/40px "Inter", system-ui, -apple-system, sans-serif;--font-h2: 600 26px/32px "Inter", system-ui, -apple-system, sans-serif}}@media (min-width: 1025px) and (max-width: 1440px){:root{--font-display: 700 44px/52px "Inter", system-ui, -apple-system, sans-serif;--font-h1: 700 34px/42px "Inter", system-ui, -apple-system, sans-serif}}@media (max-height: 500px) and (orientation: landscape){:root{--space-8: 24px;--space-12: 32px;--space-16: 40px}}@media (hover: none) and (pointer: coarse){.button-click{transition:none}.card-hover{transform:none!important}.nav-link:after{display:none}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:var(--font-body);line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-600)}::selection{background-color:var(--primary-500);color:var(--text-primary)}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-sm)}a{color:var(--primary-400);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-300)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;outline:none}img{max-width:100%;height:auto;display:block}input,textarea,select{font-family:inherit;font-size:inherit;outline:none}ul,ol{list-style:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-4)}.input-field{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:2px solid var(--bg-tertiary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-body);transition:all var(--transition-base)}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f133;background:var(--bg-secondary)}.input-field:disabled{opacity:.6;cursor:not-allowed}.pl-4{padding-left:var(--space-4)}.pl-12{padding-left:var(--space-12)}.pr-4{padding-right:var(--space-4)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}@media (min-width: 640px){.container{padding:0 var(--space-6)}}@media (min-width: 1024px){.container{padding:0 var(--space-8)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.95)}75%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes starPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 20px #6366f180}50%{box-shadow:0 0 30px #6366f1b3}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg)}to{opacity:1;transform:rotate(0)}}@keyframes flipIn{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}to{opacity:1;transform:perspective(400px) rotateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-in-left{animation:slideInLeft .5s ease-out}.animate-slide-in-right{animation:slideInRight .5s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-shimmer{animation:shimmer 1.5s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-rotate-in{animation:rotateIn .6s ease-out}.animate-flip-in{animation:flipIn .6s ease-out}.animate-zoom-in{animation:zoomIn .4s ease-out}.animate-slide-up{animation:slideUp .5s ease-out}.animate-gradient{background-size:200% 200%;animation:gradientShift 3s ease infinite}.animate-progress-bar{animation:progressBar 3s linear forwards}.animate-fade-in-up{animation:fadeInUp .6s ease-out}@keyframes progressBar{0%{width:0%}to{width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.glass{background:#1e293bcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(99,102,241,.2)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-hover{transition:all var(--transition-base)}.card-hover:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-card-hover);border-color:var(--primary-500)}.button-click{transition:all var(--transition-fast)}.button-click:active{transform:scale(.95)}.button-glow{position:relative;overflow:hidden;transition:all var(--transition-base)}.button-glow:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.button-glow:hover:before{width:300px;height:300px}.button-ripple{position:relative;overflow:hidden}.button-ripple .ripple{position:absolute;border-radius:50%;background:#fff6;transform:scale(0);animation:ripple .6s linear;pointer-events:none}.card-glow{transition:all var(--transition-base)}.card-glow:hover{box-shadow:0 0 30px #6366f166;border-color:var(--primary-500)}.card-tilt{transition:transform var(--transition-base);transform-style:preserve-3d}.card-tilt:hover{transform:perspective(1000px) rotateX(5deg) rotateY(5deg)}.card-scale{transition:all var(--transition-base)}.card-scale:hover{transform:scale(1.05);z-index:10}.card-flip{perspective:1000px;transform-style:preserve-3d;transition:transform .8s}.card-flip.flipped{transform:rotateY(180deg)}.link-underline{position:relative;text-decoration:none}.link-underline:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background:var(--primary-500);transition:width var(--transition-base)}.link-underline:hover:after{width:100%}.input-focus{transition:all var(--transition-base);border:2px solid transparent}.input-focus:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f133}.tab-active{position:relative;color:var(--primary-400)}.tab-active:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:var(--gradient-primary);border-radius:var(--radius-full);animation:slideUp .3s ease-out}.progress-bar{position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 1.5s infinite}.tooltip{position:relative}.tooltip:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(10px);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--radius-md);font-size:var(--font-small);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:var(--z-tooltip)}.tooltip:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(-5px)}.modal-enter{animation:zoomIn .3s ease-out}.modal-exit{animation:zoomIn .3s ease-out reverse}.dropdown-enter{animation:slideUp .2s ease-out}.dropdown-exit{animation:slideUp .2s ease-out reverse}.notification-enter{animation:slideInRight .3s ease-out}.notification-exit{animation:slideInRight .3s ease-out reverse}.loading-dots{display:inline-flex;gap:var(--space-2)}.loading-dots span{width:8px;height:8px;background:var(--primary-500);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0}.hover-reveal{opacity:0;transition:opacity var(--transition-base)}.hover-reveal-parent:hover .hover-reveal{opacity:1}.image-zoom{overflow:hidden}.image-zoom img{transition:transform var(--transition-slow)}.image-zoom:hover img{transform:scale(1.1)}.text-highlight{position:relative;display:inline-block}.text-highlight:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;background:#6366f133;transform:scaleX(0);transform-origin:right;transition:transform var(--transition-base)}.text-highlight:hover:before{transform:scaleX(1);transform-origin:left}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.count-up{animation:countUp .5s ease-out}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.loading{display:flex;align-items:center;justify-content:center;min-height:200px}.spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.3);border-top-color:var(--primary-500);border-radius:var(--radius-full);animation:spin 1s linear infinite}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-500);color:var(--text-primary);padding:var(--space-2) var(--space-4);z-index:var(--z-tooltip);transition:top var(--transition-base)}.skip-link:focus{top:0}.page-enter{animation:fadeIn .3s ease-out}.page-exit{animation:fadeIn .3s ease-out reverse}.list-item{opacity:0;animation:slideUp .4s ease-out forwards}.list-item:nth-child(1){animation-delay:.05s}.list-item:nth-child(2){animation-delay:.1s}.list-item:nth-child(3){animation-delay:.15s}.list-item:nth-child(4){animation-delay:.2s}.list-item:nth-child(5){animation-delay:.25s}.list-item:nth-child(6){animation-delay:.3s}.star-rating{display:inline-flex;gap:2px}.star-rating .star{transition:transform var(--transition-fast);cursor:pointer}.star-rating .star:hover{transform:scale(1.2) rotate(10deg)}.star-rating .star.active{animation:starPop .3s ease-out}.heart-button{transition:all var(--transition-fast)}.heart-button.liked{animation:heartBeat .6s ease-in-out;color:var(--error)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-caption);font-weight:600;animation:zoomIn .3s ease-out}.badge.new{background:var(--error);color:#fff;animation:pulse 2s infinite}.badge.hot{background:var(--accent);color:#fff}.badge.featured{background:var(--primary-500);color:#fff}.search-box{position:relative;transition:all var(--transition-base)}.search-box:focus-within{transform:scale(1.02);box-shadow:0 0 20px #6366f14d}.search-box input{padding-right:40px}.search-box .search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:transform var(--transition-fast)}.search-box:focus-within .search-icon{transform:translateY(-50%) scale(1.1)}.nav-link{position:relative;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary-500);transition:all var(--transition-base);transform:translate(-50%)}.nav-link:hover:after,.nav-link.active:after{width:80%}.nav-link:hover{color:var(--primary-400)}.dropdown-item{transition:all var(--transition-fast);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.dropdown-item:hover{background:#6366f11a;transform:translate(4px)}.tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-small);font-weight:500;transition:all var(--transition-fast);cursor:pointer}.tag:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.tag.active{background:var(--primary-500);color:#fff}.pagination-btn{transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination-btn.active{background:var(--primary-500);color:#fff;box-shadow:var(--shadow-glow)}.toggle-switch{position:relative;width:48px;height:24px;background:var(--bg-tertiary);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-base)}.toggle-switch.active{background:var(--primary-500)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform var(--transition-base);box-shadow:var(--shadow-sm)}.toggle-switch.active:after{transform:translate(24px)}.range-slider{-webkit-appearance:none;width:100%;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);outline:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--primary-500);border-radius:50%;cursor:pointer;transition:transform var(--transition-fast);box-shadow:var(--shadow-md)}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;background:var(--error);color:#fff;border-radius:var(--radius-full);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;animation:zoomIn .3s ease-out;padding:0 5px}.fab{position:fixed;bottom:var(--space-6);right:var(--space-6);width:56px;height:56px;border-radius:50%;background:var(--primary-500);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:all var(--transition-base);cursor:pointer;z-index:var(--z-fixed)}.fab:hover{transform:scale(1.1) rotate(90deg);box-shadow:var(--shadow-glow)}.fab:active{transform:scale(.95)}.toolbar{transition:all var(--transition-base)}.toolbar:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.breadcrumb-item{display:inline-flex;align-items:center;transition:color var(--transition-fast)}.breadcrumb-item:hover{color:var(--primary-400)}.breadcrumb-separator{margin:0 var(--space-2);color:var(--text-muted)}.step-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-muted);font-weight:600;transition:all var(--transition-base)}.step-indicator.active{background:var(--primary-500);color:#fff;box-shadow:var(--shadow-glow)}.step-indicator.completed{background:var(--success);color:#fff}.timeline-item{position:relative;padding-left:var(--space-8)}.timeline-item:before{content:"";position:absolute;left:8px;top:24px;bottom:-24px;width:2px;background:var(--bg-tertiary)}.timeline-item:last-child:before{display:none}.timeline-dot{position:absolute;left:0;top:8px;width:18px;height:18px;border-radius:50%;background:var(--primary-500);border:3px solid var(--bg-primary);transition:transform var(--transition-fast)}.timeline-item:hover .timeline-dot{transform:scale(1.3);box-shadow:var(--shadow-glow)}.load-more-btn{transition:all var(--transition-base)}.load-more-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.load-more-btn:active{transform:translateY(0)}.hover-lift{transition:all var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}::selection{background:var(--primary-500);color:#fff}::-moz-selection{background:var(--primary-500);color:#fff}.scroll-top-btn{position:fixed;bottom:var(--space-6);right:var(--space-6);width:44px;height:44px;border-radius:50%;background:var(--primary-500);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition-base);cursor:pointer;z-index:var(--z-fixed)}.scroll-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top-btn:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow)}.parallax{transform-style:preserve-3d}.gradient-border{position:relative;background:var(--bg-primary);border-radius:var(--radius-xl)}.gradient-border:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:var(--gradient-primary);border-radius:inherit;z-index:-1;animation:gradientShift 3s ease infinite;background-size:200% 200%}.neon{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 20px currentColor,0 0 40px currentColor}.glass-enhanced{background:#1e293be6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.3);box-shadow:0 8px 32px #0000004d}.hidden{display:none}@media (max-width: 640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:inline-block{display:inline-block}}@media (min-width: 641px) and (max-width: 1024px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:inline{display:inline}.md\:inline-block{display:inline-block}}@media (min-width: 1025px) and (max-width: 1440px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:inline{display:inline}.lg\:inline-block{display:inline-block}}@media (min-width: 1441px){.xl\:hidden{display:none}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:inline{display:inline}.xl\:inline-block{display:inline-block}}@media (max-width: 640px){.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-2{gap:var(--space-2)}.sm\:gap-4{gap:var(--space-4)}.sm\:gap-6{gap:var(--space-6)}}@media (min-width: 641px) and (max-width: 1024px){.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:gap-2{gap:var(--space-2)}.md\:gap-4{gap:var(--space-4)}.md\:gap-6{gap:var(--space-6)}}@media (max-width: 640px){.sm\:p-2{padding:var(--space-2)}.sm\:p-4{padding:var(--space-4)}.sm\:p-6{padding:var(--space-6)}.sm\:m-2{margin:var(--space-2)}.sm\:m-4{margin:var(--space-4)}.sm\:m-6{margin:var(--space-6)}.sm\:mb-2{margin-bottom:var(--space-2)}.sm\:mb-4{margin-bottom:var(--space-4)}.sm\:mb-6{margin-bottom:var(--space-6)}.sm\:mt-2{margin-top:var(--space-2)}.sm\:mt-4{margin-top:var(--space-4)}.sm\:mt-6{margin-top:var(--space-6)}}@media (min-width: 641px) and (max-width: 1024px){.md\:p-2{padding:var(--space-2)}.md\:p-4{padding:var(--space-4)}.md\:p-6{padding:var(--space-6)}.md\:m-2{margin:var(--space-2)}.md\:m-4{margin:var(--space-4)}.md\:m-6{margin:var(--space-6)}.md\:mb-2{margin-bottom:var(--space-2)}.md\:mb-4{margin-bottom:var(--space-4)}.md\:mb-6{margin-bottom:var(--space-6)}.md\:mt-2{margin-top:var(--space-2)}.md\:mt-4{margin-top:var(--space-4)}.md\:mt-6{margin-top:var(--space-6)}}@media (max-width: 640px){.sm\:text-xs{font-size:12px}.sm\:text-sm{font-size:14px}.sm\:text-base{font-size:16px}.sm\:text-lg{font-size:18px}.sm\:text-xl{font-size:20px}.sm\:text-2xl{font-size:24px}.sm\:text-3xl{font-size:28px}}@media (min-width: 641px) and (max-width: 1024px){.md\:text-xs{font-size:12px}.md\:text-sm{font-size:14px}.md\:text-base{font-size:16px}.md\:text-lg{font-size:18px}.md\:text-xl{font-size:20px}.md\:text-2xl{font-size:24px}.md\:text-3xl{font-size:28px}}@media (max-width: 640px){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 641px) and (max-width: 1024px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1025px) and (max-width: 1440px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width: 640px){.game-card{min-height:280px}.game-card .card-content{padding:var(--space-4)}.game-card .card-title{font-size:16px;margin-bottom:var(--space-2)}.game-card .card-meta{font-size:12px}}@media (min-width: 641px) and (max-width: 1024px){.game-card{min-height:320px}.game-card .card-content{padding:var(--space-5)}}@media (max-width: 640px){.navbar{padding:var(--space-3) var(--space-4)}.navbar-brand{font-size:20px}.navbar-menu{gap:var(--space-2)}.navbar-link{font-size:14px;padding:var(--space-2) var(--space-3)}}@media (max-width: 640px){.hero{padding:var(--space-16) var(--space-4);text-align:center}.hero-title{font-size:28px;margin-bottom:var(--space-4)}.hero-subtitle{font-size:16px;margin-bottom:var(--space-6)}.hero-buttons{flex-direction:column;align-items:center;gap:var(--space-4)}.hero-button{width:100%;max-width:240px}}@media (min-width: 641px) and (max-width: 1024px){.hero{padding:var(--space-20) var(--space-6)}.hero-title{font-size:36px}.hero-subtitle{font-size:18px}}@media (max-width: 640px){.form-group{margin-bottom:var(--space-4)}.form-label{font-size:14px;margin-bottom:var(--space-2)}.form-input{padding:var(--space-3);font-size:14px}.form-button{padding:var(--space-3) var(--space-6);font-size:14px}}@media (max-width: 640px){.modal{width:95%;max-width:400px;margin:var(--space-4)}.modal-content{padding:var(--space-5)}.modal-title{font-size:20px}}@media (max-width: 640px){.table{font-size:14px}.table th,.table td{padding:var(--space-2) var(--space-3)}.table-responsive{overflow-x:auto}}@media (max-width: 640px){.pagination{gap:var(--space-2)}.pagination-btn{padding:var(--space-2) var(--space-3);font-size:14px}.pagination-ellipsis{padding:var(--space-2) var(--space-3)}}@media (max-width: 640px){.card-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--space-4)}}@media (min-width: 641px) and (max-width: 1024px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}}@media (min-width: 1025px) and (max-width: 1440px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}}@media (min-width: 1441px){.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6)}}@media (max-width: 640px){.dev-dashboard,.dev-card,.dev-form{padding:var(--space-4)}}@media (max-width: 640px){.recharge-container{padding:var(--space-4)}.recharge-card{padding:var(--space-5)}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.payment-methods{grid-template-columns:1fr;gap:var(--space-3)}}@media (max-width: 640px){.profile-container{padding:var(--space-4)}.profile-card{padding:var(--space-5)}.profile-avatar{width:80px;height:80px}.order-card{padding:var(--space-4)}}@media (max-width: 640px){.game-detail-container{padding:var(--space-4)}.game-header{flex-direction:column;gap:var(--space-4)}.game-cover{width:100%;max-width:200px;margin:0 auto}.game-info{text-align:center}.game-meta{justify-content:center}.game-description,.game-reviews{padding:var(--space-4)}}@media (max-width: 640px){.game-list-container{padding:var(--space-4)}.game-filters{flex-direction:column;gap:var(--space-4)}.filter-group,.filter-input{width:100%}.game-list-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--space-4)}}.image-optimized{max-width:100%;height:auto;display:block;object-fit:cover;transition:opacity .3s ease}.image-optimized.lazy{opacity:0}.image-optimized.loaded{opacity:1}.no-reflow{transform:translateZ(0);will-change:transform}.hardware-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.defer-loading{opacity:0;animation:fadeIn .3s ease forwards;animation-delay:.1s}.aria-hidden{aria-hidden:true}.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}.keyboard-focus:focus{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-sm)}.contrast-high{color:var(--text-primary);background:var(--bg-primary)}.contrast-medium{color:var(--text-secondary);background:var(--bg-secondary)}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.focus-visible:focus{outline:2px solid var(--primary-500);outline-offset:2px}.touch-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){:root{--text-primary: #ffffff;--text-secondary: #e2e8f0;--bg-primary: #000000;--bg-secondary: #1a1a1a}}@media (prefers-font-size-adjust: none){html{font-size-adjust:none}}@media (max-width: 640px){html{font-size:14px}}@media print{.no-print{display:none!important}body{background:#fff;color:#000}.glass{background:#fff;border:1px solid #ddd}}@media (prefers-reduced-data: reduce){.image-optimized{filter:grayscale(100%)}.animation-disabled{animation:none!important}}.tab-order{tab-index:0}.tab-order:focus{outline:2px solid var(--primary-500);outline-offset:2px}.error-focus:focus{outline:2px solid var(--error);outline-offset:2px}.success-focus:focus{outline:2px solid var(--success);outline-offset:2px}.warning-focus:focus{outline:2px solid var(--warning);outline-offset:2px}.info-focus:focus{outline:2px solid var(--info);outline-offset:2px}.resizable{resize:both;min-width:200px;min-height:100px}.fixed-optimized{position:fixed;will-change:transform;backface-visibility:hidden}.smooth-scroll{scroll-behavior:smooth}.select-none{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.no-pointer-events{pointer-events:none}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-help{cursor:help}.cursor-wait{cursor:wait}.cursor-not-allowed{cursor:not-allowed}.text-optimized{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.memory-optimized{contain:layout style paint}.network-optimized{content-visibility:auto}.animation-optimized{will-change:transform,opacity;transform:translateZ(0)}.responsive-image{max-width:100%;height:auto;display:block}.lazy-load{opacity:0;transition:opacity .3s ease}.lazy-load.loaded{opacity:1}.preload-critical{font-display:swap}.layout-stable{width:100%;height:auto;aspect-ratio:16/9}.accessible-color{color:var(--text-primary);background:var(--bg-primary);contrast-ratio:4.5:1}.keyboard-trap{outline:2px solid var(--primary-500);outline-offset:2px}.focus-visible-only:focus:not(:focus-visible){outline:none}.touch-friendly{min-width:48px;min-height:48px;padding:12px}.text-zoom-friendly{max-width:100%;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cognitive-friendly{clear:both;spacing:1.5;line-height:1.6}.error-message{color:var(--error);font-size:var(--font-small);margin-top:var(--space-2);display:block}.success-message{color:var(--success);font-size:var(--font-small);margin-top:var(--space-2);display:block}.loading-state{aria-busy:true;cursor:wait}.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.aria-label{aria-label:attr(data-label)}.aria-live{aria-live:polite}.aria-atomic{aria-atomic:true}.aria-placeholder{aria-placeholder:attr(data-placeholder)}.aria-valuenow{aria-valuenow:attr(data-valuenow)}.aria-valuemin{aria-valuemin:attr(data-valuemin)}.aria-valuemax{aria-valuemax:attr(data-valuemax)}.aria-valuetext{aria-valuetext:attr(data-valuetext)}.aria-role{role:attr(data-role)}.aria-level{aria-level:attr(data-level)}.aria-group{aria-group:attr(data-group)}.aria-activedescendant{aria-activedescendant:attr(data-activedescendant)}.aria-owns{aria-owns:attr(data-owns)}.aria-flowto{aria-flowto:attr(data-flowto)}.aria-grabbed{aria-grabbed:attr(data-grabbed)}.aria-dropeffect{aria-dropeffect:attr(data-dropeffect)}.aria-sort{aria-sort:attr(data-sort)}.aria-multiselectable{aria-multiselectable:attr(data-multiselectable)}.aria-orientation{aria-orientation:attr(data-orientation)}.aria-autocomplete{aria-autocomplete:attr(data-autocomplete)}.aria-haspopup{aria-haspopup:attr(data-haspopup)}.aria-readonly{aria-readonly:attr(data-readonly)}.aria-required{aria-required:attr(data-required)}.aria-invalid{aria-invalid:attr(data-invalid)}.aria-pressed{aria-pressed:attr(data-pressed)}.aria-checked{aria-checked:attr(data-checked)}.aria-selected{aria-selected:attr(data-selected)}.aria-expanded{aria-expanded:attr(data-expanded)}.aria-controls{aria-controls:attr(data-controls)}.aria-describedby{aria-describedby:attr(data-describedby)}.aria-labelledby{aria-labelledby:attr(data-labelledby)}.aria-live{aria-live:attr(data-live)}.aria-atomic{aria-atomic:attr(data-atomic)}.aria-relevant{aria-relevant:attr(data-relevant)}.aria-busy{aria-busy:attr(data-busy)}.aria-disabled{aria-disabled:attr(data-disabled)}.aria-hidden{aria-hidden:attr(data-hidden)}.performance-monitor{position:fixed;top:10px;right:10px;background:#000c;color:#fff;padding:10px;border-radius:8px;font-size:12px;z-index:9999}.development-mode{position:fixed;top:0;left:0;right:0;background:var(--warning);color:#fff;text-align:center;padding:8px;font-size:12px;z-index:9999}@media (production){.development-only{display:none!important}}.debug{outline:1px solid red}.debug *{outline:1px solid rgba(255,0,0,.3)}