@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{max-width:100%}:root{--accent: #f5c518;--accent-hover: #e6b800;--accent-dark: #c9a000;--accent-text: #1a1400;--accent-subtle: #fef9e7;--accent-border: #f5c51840;--bg: #ffffff;--bg-secondary: #f8f8f7;--bg-tertiary: #f0efed;--bg-hover: #f3f2f0;--bg-active: #ebebea;--text: #111110;--text-secondary: #6b6b68;--text-muted: #9b9b97;--text-disabled: #c8c8c4;--text-inverse: #ffffff;--border: #e5e5e2;--border-hover: #d0d0cc;--border-strong: #b0b0ab;--border-focus: var(--accent);--cat-meme: #f5c518;--cat-meme-text: #1a1400;--cat-meme-border: #e6b800;--cat-discord: #5865f2;--cat-discord-text: #ffffff;--cat-discord-border:#4752c4;--cat-reaction: #ef4444;--cat-reaction-text:#ffffff;--cat-reaction-border:#dc2626;--cat-gaming: #22c55e;--cat-gaming-text: #ffffff;--cat-gaming-border:#16a34a;--cat-brainrot: #a855f7;--cat-brainrot-text:#ffffff;--cat-brainrot-border:#9333ea;--cat-culture: #f97316;--cat-culture-text: #ffffff;--cat-culture-border:#ea6d05;--cat-music: #06b6d4;--cat-music-text: #ffffff;--cat-music-border: #0891b2;--cat-viral: #ec4899;--cat-viral-text: #ffffff;--cat-viral-border: #db2777;--cat-whatsapp: #25d366;--cat-whatsapp-text:#ffffff;--cat-whatsapp-border:#1db954;--success: #22c55e;--success-bg: #f0fdf4;--error: #ef4444;--error-bg: #fef2f2;--warning: #f59e0b;--warning-bg: #fffbeb;--info: #3b82f6;--info-bg: #eff6ff;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-2xl: 24px;--r-full: 9999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--t-fast: .1s ease;--t: .15s ease;--t-slow: .25s ease;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 2px 8px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.1), 0 2px 6px rgba(0,0,0,.04);--shadow-lg: 0 8px 32px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.04);--shadow-accent: 0 4px 20px rgba(245,197,24,.35);--max-w: 1280px;--sidebar-w: 224px;--navbar-h: 60px;--admin-sidebar-w: 240px}[data-theme=dark]{--bg: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-hover: #1f1f1f;--bg-active: #252525;--text: #ffffff;--text-secondary: #a0a0a0;--text-muted: #606060;--text-disabled: #404040;--border: #222222;--border-hover: #333333;--border-strong: #444444;--shadow-sm: 0 1px 2px rgba(0,0,0,.5);--shadow: 0 2px 8px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--accent-subtle: rgba(245,197,24,.12);--accent-border: rgba(245,197,24,.25);--success-bg: rgba(34,197,94,.12);--error-bg: rgba(239,68,68,.12);--warning-bg: rgba(245,158,11,.12);--info-bg: rgba(59,130,246,.12)}body{font-family:var(--font);font-size:15px;line-height:1.6;color:var(--text);background:var(--bg);transition:background var(--t-slow),color var(--t-slow);overflow-x:hidden;-webkit-text-size-adjust:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent}input,button,select,textarea{font-size:16px;touch-action:manipulation}h1,h2,h3,h4,h5,h6{font-family:var(--font);font-weight:700;line-height:1.2;letter-spacing:-.025em;color:var(--text)}h1{font-size:clamp(28px,5vw,52px)}h2{font-size:clamp(22px,3.5vw,36px)}h3{font-size:clamp(18px,2.5vw,24px)}h4{font-size:18px}h5{font-size:15px;font-weight:600}h6{font-size:13px;font-weight:600}p{color:var(--text-secondary);line-height:1.7}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer}input,textarea,select{font-family:var(--font)}img{max-width:100%;display:block}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}::selection{background:var(--accent);color:var(--accent-text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 16px}@media (min-width: 768px){.container{padding:0 24px}}@media (min-width: 1024px){.container{padding:0 40px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:44px;min-height:44px;padding:0 var(--sp-5);border-radius:var(--r-md);font-size:14px;font-weight:500;border:1px solid transparent;transition:all var(--t);white-space:nowrap;cursor:pointer;font-family:var(--font);text-decoration:none;flex-shrink:0;touch-action:manipulation}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-accent)}.btn-secondary{background:transparent;color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text)}.btn-danger{background:var(--error);color:#fff;border-color:var(--error)}.btn-danger:hover{opacity:.9}.btn-sm{height:36px;min-height:36px;padding:0 var(--sp-3);font-size:13px;border-radius:var(--r-sm)}.btn-lg{height:52px;min-height:52px;padding:0 var(--sp-8);font-size:15px;border-radius:var(--r-lg)}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--r-md)}.btn-icon.btn-sm{width:36px;height:36px}.input{width:100%;height:44px;padding:0 var(--sp-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);font-size:16px;color:var(--text);transition:border-color var(--t),box-shadow var(--t);font-family:var(--font)}.input:hover{border-color:var(--border-hover)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-border)}.input::placeholder{color:var(--text-muted)}.input-lg{height:52px;font-size:16px;padding:0 var(--sp-4)}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5)}.card-hover:hover{border-color:var(--border-hover);box-shadow:var(--shadow);transform:translateY(-2px);transition:all var(--t)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-full);font-size:11px;font-weight:500;white-space:nowrap}.badge-yellow{background:var(--accent-subtle);color:var(--accent-dark);border:1px solid var(--accent-border)}.badge-green{background:var(--success-bg);color:#15803d}.badge-red{background:var(--error-bg);color:#b91c1c}.badge-blue{background:var(--info-bg);color:#1d4ed8}.badge-gray{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.5);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeUp .3s ease forwards}.animate-fade-in{animation:fadeIn .2s ease forwards}.animate-slide-down{animation:slide-down .2s ease forwards}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r-md)}.admin-layout{--bg: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-hover: #1f1f1f;--text: #ffffff;--text-secondary: #a0a0a0;--text-muted: #606060;--border: #222222;--border-hover: #333333;background:var(--bg);color:var(--text);min-height:100vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.divider{height:1px;background:var(--border);margin:var(--sp-4) 0}@media (max-width: 768px){:root{--navbar-h: 56px}}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.scroll-x::-webkit-scrollbar{display:none}.snap-x{scroll-snap-type:x mandatory}.snap-start{scroll-snap-align:start}