:root{--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-app:#141414;--bg-surface:#1c1c1c;--bg-card:#2e2e2e;--bg-card-hover:#383838;--bg-input:#242424;--border-color:#3d3d3d;--border-focus:#38bdf8;--text-primary:#fff;--text-secondary:#b0b0b0;--text-muted:gray;--accent-green:#22c55e;--accent-orange:#f59e0b;--accent-red:#ef4444;--accent-blue:#38bdf8;--accent-diamond:#38bdf8;--nav-bg:#2e2e2ef5;--shadow-card:0 4px 20px #00000059;--radius-lg:18px;--radius-md:12px;--radius-sm:8px}[data-theme=light]{--bg-app:#d8d8d8;--bg-surface:#cecece;--bg-card:#e8e8e8;--bg-card-hover:#f0f0f0;--bg-input:#dfdfdf;--border-color:#bebebe;--border-focus:#0284c7;--text-primary:#141414;--text-secondary:#4a4a4a;--text-muted:#6a6a6a;--accent-green:#16a34a;--accent-orange:#d97706;--accent-red:#dc2626;--accent-blue:#0284c7;--accent-diamond:#0284c7;--nav-bg:#e8e8e8f5;--shadow-card:0 4px 15px #00000014}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;max-width:100%;overflow-x:hidden}body{font-family:var(--font-main);background-color:var(--bg-app);color:var(--text-primary);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}button,input,select,textarea{color:inherit;font-family:inherit}.card-item,nav,header{backface-visibility:hidden}@media (hover:hover){.interactive-card:hover{background-color:var(--bg-card-hover)!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.15)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes modalPop{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-fade-in{animation:.18s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-spin{transform-origin:50%;animation:.7s linear infinite spin}.spin-active{transform-origin:50%;animation:.7s cubic-bezier(.4,0,.2,1) spin}.pulse-dot{animation:2s ease-in-out infinite pulseGlow}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background-color:#05080eb8;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:22px;flex-direction:column;width:100%;max-width:440px;max-height:calc(100dvh - 32px);margin:auto;animation:.22s cubic-bezier(.16,1,.3,1) modalPop;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000073}.modal-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:20px;overflow-y:auto}.stats-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}@media (width<=560px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.modal-overlay{padding:8px}.modal-container{border-radius:16px;max-height:calc(100dvh - 16px)}.modal-header{padding:14px 16px}.modal-body{padding:14px}}img,video,input,textarea,select{max-width:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#b0b0b04d;border-radius:999px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}