@tailwind base;@tailwind components;@tailwind utilities;@font-face{font-family:Winky Rough;src:url(/Winky_Rough/WinkyRough-VariableFont_wght.ttf) format("truetype-variations");font-weight:1 999;font-style:normal}@font-face{font-family:Winky Rough;src:url(/Winky_Rough/WinkyRough-Italic-VariableFont_wght.ttf) format("truetype-variations");font-weight:1 999;font-style:italic}:root{color-scheme:dark;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-xxl: 3rem;--primary1: #ec5e03;--primary2: #f59f29;--primary3: #f6dcb1;--text-color: #000000;--bg-color: #ffffff;--gradient-primary: linear-gradient(135deg, var(--primary1), var(--primary3));--shadow-color: rgba(236, 94, 3, .3);--glow-color: rgba(246, 220, 177, .5);--border-color: rgba(0, 0, 0, .1);--bg-card: #ffffff;--bg-card-secondary: #f6dcb1;--success-color: #2ecc71;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:Winky Rough,sans-serif;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden}.app{display:flex;flex-direction:column;min-height:100vh;position:relative}.container{max-width:1200px;margin:0 auto 80px;padding:1.5rem;flex:1}a{color:var(--text-color-link);text-decoration:none;transition:all .2s ease}a:hover{opacity:.8}.btn{padding:.75rem 1.5rem;border-radius:var(--radius-full);border:none;font-weight:500;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;position:relative;overflow:hidden;letter-spacing:.02em}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 16px var(--shadow-color)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--glow-color)}.btn-secondary{background:var(--gradient-secondary);color:#fff;box-shadow:0 4px 16px #fc676726}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #fc67674d}.btn-outline{background:transparent;color:var(--text-color);border:1px solid var(--border-color)}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-icon{margin-right:.5rem}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:0 4px 24px #0000001a;padding:1.5rem;position:relative;border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;overflow:hidden;isolation:isolate}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease;z-index:-1}.card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00000026;border-color:var(--primary-color)}.card:hover:before{opacity:1}.card-highlight{background-color:var(--bg-card-secondary);position:relative;isolation:isolate}.card-highlight:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);padding:1px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.badge{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-success{background-color:#2ecc7133;color:var(--success-color)}@keyframes blob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.animate-blob{animation:blob 8s infinite}.animation-delay-2000{animation:blob 8s infinite 2s}.badge-warning{background-color:#f2c94c33;color:var(--warning-color)}.badge-error{background-color:#e74c3c33;color:var(--error-color)}.badge-primary{background-color:#6c63ff33;color:var(--primary-color)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:var(--space-md)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(108,99,255,.1);border-radius:50%;border-top:3px solid var(--primary-color);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notification{position:fixed;bottom:90px;right:20px;padding:1rem 1.5rem;background-color:var(--bg-card);color:var(--text-color);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000040;z-index:1000;animation:slideIn .3s ease-out forwards;border-left:3px solid var(--primary-color);max-width:320px}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.bottom-navbar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-around;background-color:#112318e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);height:70px;border-top:1px solid #1f3b2e;z-index:100}.bottom-navbar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-sm);color:var(--text-color-muted);font-size:.75rem;flex:1;gap:var(--space-xs);transition:all .2s ease}.bottom-navbar-item:hover{color:var(--text-color)}.bottom-navbar-icon{font-size:1.5rem}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;margin-bottom:var(--space-sm);font-weight:500;color:var(--text-color)}.form-input{width:100%;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-color);transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6c63ff33}::-moz-placeholder{color:var(--text-color-muted);opacity:.7}::placeholder{color:var(--text-color-muted);opacity:.7}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:var(--space-md);line-height:1.2}h1{font-size:2.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:var(--space-md);line-height:1.6}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.glow{box-shadow:0 0 20px var(--glow-color)}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-full{width:100%}.mt-lg{margin-top:var(--space-lg)}.mb-lg{margin-bottom:var(--space-lg)}.text-center{text-align:center}.user-avatar{border-radius:50%;background:var(--gradient-primary);padding:2px;box-shadow:0 0 10px var(--glow-color)}.avatar-image{border-radius:50%;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--bg-card)}.social-badge{padding:.35rem .75rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;display:inline-flex;align-items:center;gap:4px}.social-badge svg{font-size:.9rem}.social-twitter{background-color:#1da1f233;color:#1da1f2}.social-facebook{background-color:#1877f233;color:#1877f2}.social-instagram{background-color:#c1358433;color:#c13584}.social-google{background-color:#db443733;color:#db4437}.social-linkedin{background-color:#0077b533;color:#0077b5}@media (max-width: 768px){.container{padding:1rem}h1{font-size:2rem}h2{font-size:1.5rem}.grid{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.grid{grid-template-columns:repeat(2,1fr)}}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-md)}@media (max-width: 480px){.cards-grid{grid-template-columns:1fr;grid-gap:var(--space-sm)}}.bottom-navbar{display:flex;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;height:60px;background-color:#112318e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border-color);z-index:1000;padding:0 10px}.bottom-navbar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-color-muted);text-decoration:none;flex:1;height:100%;transition:color .2s ease;font-size:.8rem}.bottom-navbar-icon{font-size:1.2rem;margin-bottom:4px}.bottom-navbar-item.active{color:var(--primary-color)}.bottom-navbar-item:hover{color:var(--primary-hover)}@media (max-width: 360px){.bottom-navbar-item span{font-size:.7rem}.bottom-navbar-icon{font-size:1rem}}button,.btn,a,.nav-link{min-height:44px}input,select,textarea{font-size:16px!important}.loading-container{padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh}@media (max-width: 480px){.loading-spinner{width:40px;height:40px}}.user-card{display:flex;align-items:center;gap:var(--space-md);background-color:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--border-color);transition:all .2s ease}.user-card:hover{transform:translateY(-2px);border-color:var(--primary-color)}.user-card-avatar{width:60px;height:60px}.user-card-info{flex:1}.user-card-username{font-weight:600;margin-bottom:.25rem}.user-card-socials{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.search-container{position:relative;margin-bottom:var(--space-xl)}.search-input{width:100%;padding:var(--space-lg) var(--space-lg) var(--space-lg) 3rem;border-radius:var(--radius-full);border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-color);font-size:1rem}.search-icon{position:absolute;left:var(--space-lg);top:50%;transform:translateY(-50%);color:var(--text-color-muted)}@media (max-width: 480px){:root{--space-md: .75rem;--space-lg: 1.25rem;--space-xl: 1.5rem}.container{padding:.75rem;margin-bottom:70px}.card{padding:1rem}.btn{padding:.6rem 1.2rem;font-size:.9rem}h1{font-size:1.75rem}h2{font-size:1.5rem}.form-group{margin-bottom:.75rem}.input{padding:.6rem;font-size:.9rem}}@media (min-width: 481px) and (max-width: 767px){.container{padding:1rem;margin-bottom:70px}.card{padding:1.25rem}}@media (min-width: 768px) and (max-width: 1024px){.container{padding:1.25rem}}*,*:before,*:after{font-family:Winky Rough,sans-serif!important}