@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-color:#faf9f6;--surface-color:#fff;--primary-color:#ff3e6c;--primary-hover:#e02d56;--text-primary:#0f172a;--text-secondary:#475569;--border-color:#0f172a12;--error-color:#f43f5e;--success-color:#10b981;--warning-color:#f59e0b;--glass-bg:#fffc;--glow-color:#ff3e6c1f;--card-glow:0 10px 30px -10px #0000000d}[data-theme=dark]{--bg-color:#0b0f19;--surface-color:#121826;--primary-color:#ff3e6c;--primary-hover:#ff527c;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#ffffff0d;--glass-bg:#0b0f19cc;--glow-color:#ff3e6c40;--card-glow:0 10px 30px -10px #0000004d}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-weight:800}a{color:inherit;text-decoration:none}.btn{cursor:pointer;border:none;border-radius:.85rem;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--primary-hover));color:#fff;box-shadow:0 4px 15px -3px var(--glow-color)}.btn-primary:hover{box-shadow:0 10px 20px -3px var(--glow-color);transform:translateY(-3px)}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{background-color:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:0 2px 4px #00000005}.btn-secondary:hover{background-color:var(--bg-color);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.btn-secondary:active{transform:translateY(-1px)}.input-group{margin-bottom:1.25rem}.input-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.input-field{background-color:var(--surface-color);width:100%;color:var(--text-primary);border:1px solid #0000;border-radius:.85rem;outline:none;padding:.75rem 1.25rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1)}.input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--glow-color);background-color:var(--surface-color)}.container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.navbar{z-index:50;background-color:var(--glass-bg);-webkit-backdrop-filter:blur(25px);box-shadow:none;border-bottom:1px solid #0000;padding:.9rem 0;transition:all .3s;position:sticky;top:0}.nav-content{justify-content:space-between;align-items:center;display:flex}.nav-brand{letter-spacing:-.03em;background:linear-gradient(to right, var(--primary-color), var(--primary-hover));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.6rem;font-weight:900}.nav-links{align-items:center;gap:1.75rem;display:flex}.nav-links a{color:var(--text-secondary);font-size:.95rem;font-weight:600;transition:color .25s;position:relative}.nav-links a:hover{color:var(--primary-color)}.nav-links a:after{content:"";background-color:var(--primary-color);border-radius:2px;width:0;height:2.5px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.nav-links a:hover:after{width:100%}.masonry-columns{display:column;column-count:1;column-gap:1.5rem;padding:1.5rem 0}@media (width>=640px){.masonry-columns{column-count:2}}@media (width>=1024px){.masonry-columns{column-count:3}}@media (width>=1280px){.masonry-columns{column-count:4}}.masonry-item{break-inside:avoid;background-color:var(--surface-color);border:1px solid var(--border-color);box-shadow:var(--card-glow);cursor:pointer;border-radius:1.5rem;margin-bottom:1.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.masonry-item:hover{box-shadow:0 20px 40px -15px var(--glow-color);border-color:var(--primary-color);transform:translateY(-8px)scale(1.01)}.masonry-item img{border-radius:1.5rem;width:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.masonry-item:hover img{transform:scale(1.04)}.masonry-overlay{opacity:0;z-index:2;background:linear-gradient(#0000,#0f172a66,#0f172ae6 70%);justify-content:space-between;align-items:flex-end;padding:1.25rem;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.masonry-item:hover .masonry-overlay{opacity:1}.card{background-color:var(--surface-color);border:1px solid var(--border-color);box-shadow:var(--card-glow);border-radius:1.5rem;padding:1.75rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.text-center{text-align:center}.mt-4{margin-top:1.5rem}.mb-4{margin-bottom:1.5rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}@keyframes slideUpAd{0%{opacity:0;transform:translateY(100px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.desktop-only-ad{display:block}@media (width<=1400px){.desktop-only-ad{display:none!important}}.avatar-frame-container{border-radius:50%;width:150px;height:150px;display:inline-block;position:relative}.avatar-frame-neon-glow,.avatar-frame-sakura-petal,.avatar-frame-flame-aura,.avatar-frame-cyber-glitch{pointer-events:none;z-index:5;box-sizing:border-box;border-radius:50%;position:absolute;inset:-6px}.avatar-frame-neon-glow{border:4px solid #00f0ff;animation:2.5s ease-in-out infinite alternate neonPulse;box-shadow:0 0 12px #00f0ffb3,inset 0 0 10px #ff007f80}@keyframes neonPulse{0%{filter:hue-rotate();border-color:#00f0ff;box-shadow:0 0 10px #00f0ff80,inset 0 0 8px #ff007f4d}to{filter:hue-rotate(360deg);border-color:#ff007f;box-shadow:0 0 20px #ff007fe6,inset 0 0 15px #00f0ffb3}}.avatar-frame-sakura-petal{border:4px dashed #ffb7c5;animation:8s linear infinite sakuraRotate;box-shadow:0 0 12px #ffb7c5cc,inset 0 0 12px #ffb7c566}@keyframes sakuraRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-frame-flame-aura{border:4px solid #ff4500;animation:1.5s ease-in-out infinite alternate flameFlicker;box-shadow:0 0 15px #ff4500cc,inset 0 0 12px #ffd70099}@keyframes flameFlicker{0%{border-color:#ff4500;transform:scale(.98);box-shadow:0 0 10px #ff450099,inset 0 0 8px #ff8c0066}to{border-color:gold;transform:scale(1.02);box-shadow:0 0 22px #ffd700e6,inset 0 0 15px #ff4500b3}}.avatar-frame-cyber-glitch{border:4px double #39ff14;animation:2s ease-in-out infinite cyberGlitch;box-shadow:0 0 12px #39ff14cc,inset 0 0 10px #39ff1480}@keyframes cyberGlitch{0%,to{opacity:1;filter:contrast()brightness();box-shadow:0 0 10px #39ff1499}92%{opacity:.9;filter:contrast(1.4)brightness(1.2);transform:skew(0)}94%{opacity:.4;filter:contrast(2)brightness(2);transform:skew(10deg);box-shadow:0 0 20px #f00c}96%{opacity:.9;transform:skew(-5deg);box-shadow:0 0 20px #00fc}98%{opacity:.2;transform:skew(0)}}@keyframes reactionPopup{0%{opacity:0;transform:translateY(12px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.glass-modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:10000;background:#090d1999;justify-content:center;align-items:center;padding:1.5rem;animation:.3s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:fixed;inset:0}.glass-modal-card{color:#f8fafc;-webkit-backdrop-filter:blur(35px);background:#0f172ad9;border:1px solid #ffffff1f;border-radius:1.75rem;width:100%;max-width:500px;max-height:85vh;padding:2rem;animation:.4s cubic-bezier(.16,1,.3,1) modalScaleIn;position:relative;overflow-y:auto;box-shadow:0 30px 70px #0009,inset 0 1px #fff3}.glass-modal-card::-webkit-scrollbar{width:6px;height:6px}.frames-scroll-container::-webkit-scrollbar{width:6px;height:6px}.glass-modal-card::-webkit-scrollbar-track{background:#0f172a40;border-radius:10px}.frames-scroll-container::-webkit-scrollbar-track{background:#0f172a40;border-radius:10px}.glass-modal-card::-webkit-scrollbar-thumb{background:#ffffff26;border:1px solid #0f172a1a;border-radius:10px}.frames-scroll-container::-webkit-scrollbar-thumb{background:#ffffff26;border:1px solid #0f172a1a;border-radius:10px}.glass-modal-card::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.frames-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.tag-badges-container{background:#0a0f1ea6;border:1.5px dashed #ffffff1a;border-radius:.75rem;flex-wrap:wrap;gap:.35rem;min-height:42px;margin-top:.5rem;padding:.5rem;display:flex}.tag-badge{color:#ff527c;cursor:default;background:linear-gradient(135deg,#ff3e6c1f,#ff3e6c38);border:1px solid #ff3e6c4d;border-radius:2rem;align-items:center;gap:.35rem;padding:.35rem .8rem;font-size:.8rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 6px #ff3e6c0d}.tag-badge:hover{background:#ff3e6c47;border-color:#ff3e6c;transform:translateY(-2px);box-shadow:0 4px 10px #ff3e6c26}.tag-badge-delete{cursor:pointer;color:#f8fafc;background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.8rem;font-weight:800;transition:all .2s;display:inline-flex}.tag-badge-delete:hover{color:#fff;background:#f43f5e;transform:scale(1.1)}.glass-modal-card .input-label{color:#f1f5f9!important;text-shadow:0 1px 3px #0009!important;letter-spacing:.02em!important;margin-bottom:.55rem!important;font-size:.9rem!important;font-weight:700!important}.glass-modal-card .input-field{color:#f8fafc!important;background-color:#0f172ab3!important;border:1px solid #ffffff26!important;font-size:.925rem!important;font-weight:500!important;box-shadow:inset 0 2px 4px #0003!important}.glass-modal-card .input-field::placeholder{color:#ffffff59!important}.glass-modal-card .input-field:focus{border-color:var(--primary-color)!important;background-color:#0f172ad9!important;box-shadow:0 0 18px #ff3e6c59,inset 0 2px 4px #0003!important}@keyframes goldRotate{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes stormFlash{0%,to{box-shadow:0 0 8px #00d2ff}50%{box-shadow:0 0 20px #06f,inset 0 0 10px #0ff}}@keyframes icePulse{0%,to{opacity:.95;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes beatHeart{0%,to{transform:scale(1)}25%{transform:scale(1.03)}40%{transform:scale(1.01)}60%{transform:scale(1.04)}}@keyframes voidSpin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes gearSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pixelJump{0%,to{box-shadow:2px 2px #f59e0b,-2px -2px #ff3e6c}50%{box-shadow:-2px 2px #ff3e6c,2px -2px #f59e0b}}@keyframes slimeBubble{0%,to{border-style:dotted}50%{border-style:double}}@keyframes eclipseRed{0%,to{filter:brightness(.8)drop-shadow(0 0 8px red)}50%{filter:brightness(1.2)drop-shadow(0 0 18px #900)}}@keyframes prismReflect{0%{border-color:#00f6ff}50%{border-color:#fff}to{border-color:#ff00ea}}@keyframes tideBreathing{0%,to{box-shadow:0 0 6px #07f6}50%{box-shadow:0 0 20px #0cfc,inset 0 0 8px #0077ff80}}@keyframes phoenixFloat{0%,to{border-color:#ff4500;transform:translateY(0)}50%{border-color:#ff8c00;transform:translateY(-2px)}}@keyframes gridBlink{0%,to{opacity:.85}50%{opacity:1;border-color:#39ff14}}@keyframes bubbleFloat{0%,to{box-shadow:0 0 8px #ffc0cb80}50%{box-shadow:0 0 16px #00ffffb3}}@keyframes magmaBoil{0%{border-color:#f20}50%{border-color:#fb0}to{border-color:#510}}@keyframes quantumVibrate{0%,to{transform:translate(0)}50%{transform:translate(.5px,-.5px)}}.avatar-frame-golden-royal{border:4px solid gold;animation:6s linear infinite goldRotate;box-shadow:0 0 12px #fa0,inset 0 0 6px gold}.avatar-frame-electric-storm{border:4px double #00d2ff;animation:1.5s ease-in-out infinite stormFlash}.avatar-frame-ice-shard{border:4px dashed #99f6ff;animation:3s ease-in-out infinite icePulse;box-shadow:0 0 12px #99f6ffb3}.avatar-frame-rainbow-nexus{border:4px solid #ff3e6c;animation:4s linear infinite goldRotate;box-shadow:0 0 15px #ffffff80}.avatar-frame-dark-void{border:4px solid #0f172a;animation:10s linear infinite voidSpin;box-shadow:0 0 16px #7c3aed,inset 0 0 8px #000}.avatar-frame-ruby-heart{border:4px dotted #f05;animation:1.2s ease-in-out infinite beatHeart;box-shadow:0 0 12px #f05c}.avatar-frame-forest-druid{border:4px solid #10b981;animation:4s ease-in-out infinite icePulse;box-shadow:0 0 10px #059669,inset 0 0 6px #047857}.avatar-frame-cosmic-orbit{border:4px double #8b5cf6;animation:8s linear infinite voidSpin;box-shadow:0 0 14px #ec4899,inset 0 0 8px #f59e0b}.avatar-frame-steampunk-gear{border:4px dashed #cd7f32;animation:12s linear infinite gearSpin;box-shadow:0 0 10px #8b4513}.avatar-frame-pixel-retro{border:4px double #f59e0b;animation:1.5s steps(2,end) infinite pixelJump}.avatar-frame-toxic-slime{border:4px dashed #84cc16;animation:2s ease-in-out infinite slimeBubble;box-shadow:0 0 14px #22c55e}.avatar-frame-blood-moon{border:4px solid #900;animation:3s ease-in-out infinite eclipseRed;box-shadow:0 0 15px red}.avatar-frame-diamond-prism{border:4px solid #fff;animation:4s linear infinite prismReflect;box-shadow:0 0 12px #00f6ff}.avatar-frame-ocean-tide{border:4px double #3b82f6;animation:2.5s ease-in-out infinite tideBreathing}.avatar-frame-phantom-ghost{opacity:.8;border:4px dashed #64748b;animation:2.5s ease-in-out infinite icePulse;box-shadow:0 0 10px #a78bfa}.avatar-frame-golden-phoenix{border:4px solid #ff4500;animation:2s ease-in-out infinite phoenixFloat;box-shadow:0 0 16px #ff8c00}.avatar-frame-cyberpunk-hacker{border:4px double #39ff14;animation:1s infinite alternate gridBlink;box-shadow:0 0 12px #39ff1499}.avatar-frame-magic-bubbles{border:4px dotted pink;animation:3s ease-in-out infinite bubbleFloat}.avatar-frame-starburst{border:4px dashed gold;animation:1.8s ease-in-out infinite icePulse;box-shadow:0 0 14px #fff}.avatar-frame-lava-magma{border:4px double #f20;animation:3s linear infinite magmaBoil;box-shadow:0 0 16px #000}.avatar-frame-quantum-pulse{border:4px solid #06b6d4;animation:.1s infinite quantumVibrate;box-shadow:0 0 12px #d946ef}.avatar-frame-nebula-galaxy{border:4px dashed #d946ef;animation:15s linear infinite gearSpin;box-shadow:0 0 15px #6366f1,inset 0 0 8px #ec4899}.avatar-frame-royal-purple{border:4px solid #7c3aed;box-shadow:0 0 10px #c084fc}.avatar-frame-chocolate-sweet{border:4px dotted #78350f;box-shadow:0 0 8px #fbbf24}.avatar-frame-static-noise{border:4px double #94a3b8;animation:.15s infinite quantumVibrate;box-shadow:0 0 8px #fff}