@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.toast-wrapper[data-v-96f8f760]{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast[data-v-96f8f760]{padding:14px 20px;border-radius:12px;color:#fff;font-weight:600;min-width:280px;box-shadow:0 8px 25px #0003;animation:slide-96f8f760 .4s ease}.toast.success[data-v-96f8f760]{background:#10b981}.toast.error[data-v-96f8f760]{background:#ef4444}.toast.info[data-v-96f8f760]{background:#3b82f6}@keyframes slide-96f8f760{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}:root{--retro-font: "Press Start 2P", "Courier New", monospace;--color-primary: #ffcb05;--color-secondary: #4ecdc4;--color-accent: #ff6b6b;--color-bg-dark: #1e0f3f;--color-bg-light: #3a1f8a;--color-text: #fff;--color-text-muted: #ccc;--color-border: #2a2a2a;--shadow-color: rgba(0, 0, 0, .6)}html,body{margin:0;padding:0;height:100%;font-family:var(--retro-font)!important;background-color:var(--color-bg-dark);background-image:url(/assets/pattern-tile-DsxdGPwB.png);background-repeat:repeat;background-size:32px 32px;color:var(--color-text);min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:linear-gradient(180deg,var(--color-bg-light),var(--color-bg-dark));border-bottom:4px solid var(--color-primary);box-shadow:0 4px 8px var(--shadow-color);position:relative;z-index:10}.header h1 button{font-size:1.5rem;color:var(--color-primary);background:transparent;border:2px solid var(--color-primary);padding:8px 16px;cursor:pointer;text-shadow:2px 2px #000;transition:all .2s}.header h1 button:hover{transform:scale(1.1);background-color:var(--color-primary);color:var(--color-bg-dark)}.nav{display:flex;align-items:center;gap:8px}.menu-button{font-family:"Press Start 2P",Courier New,monospace!important;font-size:.8rem;padding:8px 16px;margin:0 4px;border:3px solid var(--color-primary);background:linear-gradient(to bottom,var(--color-secondary),var(--color-bg-light));color:var(--color-bg-dark);cursor:pointer;text-transform:uppercase;box-shadow:2px 2px #000;transition:all .2s}.menu-button:hover{transform:scale(1.1);background:linear-gradient(to bottom,var(--color-accent),var(--color-primary));color:#fff;box-shadow:0 0 10px var(--color-primary)}.menu-button.active{background:linear-gradient(to bottom,var(--color-accent),var(--color-primary))!important;color:#fff!important;box-shadow:0 0 15px var(--color-primary),4px 4px #000;transform:scale(1.05);border-color:#fff!important}.user-section{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 12px;border-radius:8px;transition:background .2s}.user-section:hover{background:#ffcb0533}.avatar{width:36px;height:36px;border-radius:50%;border:3px solid var(--color-primary);box-shadow:0 0 8px var(--color-primary)}.user-name{margin-left:8px;color:var(--color-primary);text-shadow:1px 1px #000;font-weight:700}.dropdown-arrow{width:16px;height:16px;fill:var(--color-primary);transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown{position:absolute;top:100%;right:32px;background:var(--color-bg-light);border:3px solid var(--color-primary);border-radius:8px;min-width:180px;box-shadow:0 0 20px #ffcb0566,4px 4px #000;z-index:1000;overflow:hidden}.dropdown-item{width:100%;text-align:left;padding:12px 16px;background:none;border:none;color:var(--color-text);font-family:"Press Start 2P",Courier New,monospace!important;font-size:.75rem;cursor:pointer;transition:all .2s}.dropdown-item:hover{background:#ffcb0533;color:var(--color-primary)}.dropdown-item.logout{color:var(--color-accent)}.dropdown-item.logout:hover{background:#ff6b6b33}.dropdown-divider{height:1px;background:var(--color-primary);margin:6px 0;opacity:.5}.main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:40px 20px}.window{background-color:#4b1fa0fa;border:4px solid var(--color-primary);border-radius:12px;padding:24px;max-width:900px;width:100%;box-shadow:0 0 16px var(--shadow-color),8px 8px #000;position:relative}.auth-form{background-color:#4b1fa0fa;border:4px solid var(--color-primary);border-radius:12px;padding:32px 40px;width:420px;max-width:90vw;box-shadow:0 0 20px var(--shadow-color),8px 8px #000;text-align:center}.auth-title{font-size:1.8rem;color:var(--color-primary);text-shadow:3px 3px 0px #000;margin-bottom:24px}.auth-form form{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.input-retro{font-family:"Press Start 2P",Courier New,monospace!important;font-size:.9rem;padding:12px 16px;width:100%;max-width:340px;margin:0 auto!important;outline:none;background:#fff;color:#000;border:none;box-shadow:inset -3px -3px silver,inset 3px 3px gray,0 0 0 3px var(--color-primary),0 0 0 7px #000;transition:all .15s ease}.input-retro:focus{box-shadow:inset -3px -3px #ffcb05,inset 3px 3px #ff6b6b,0 0 0 3px #ff6b6b,0 0 0 7px #000,0 0 15px #ffcb05}.password-wrapper{position:relative;display:flex;align-items:center;width:100%}.password-wrapper .input-retro{padding-right:54px;margin:0!important}.eye-toggle{position:absolute;right:12px;background:none;border:none;padding:0;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;filter:drop-shadow(2px 2px 0px #000);transition:transform .1s ease}.eye-toggle:hover{transform:scale(1.15)}.eye-toggle img{width:24px;height:24px;pointer-events:none;image-rendering:pixelated}.button-center{display:flex;justify-content:center;margin-top:8px}.button-large{font-family:"Press Start 2P",Courier New,monospace!important;font-size:1rem;padding:12px 32px;width:auto;min-width:160px;border:4px solid var(--color-primary)!important;background:linear-gradient(to bottom,#4ecdc4,#3a1f8a);color:#000!important;text-transform:uppercase;cursor:pointer;box-shadow:4px 4px #000;transition:all .2s}.button-large:hover{transform:translateY(-4px);background:linear-gradient(to bottom,#ff6b6b,#ffcb05);color:#fff!important;box-shadow:0 0 20px #ffcb05,6px 6px #000}.social-buttons-row{display:flex;justify-content:center;gap:12px;margin-top:16px;flex-wrap:wrap}.btn-social{font-family:"Press Start 2P",Courier New,monospace!important;font-size:.75rem;padding:8px 16px;border:3px solid var(--color-primary);background:linear-gradient(to bottom,#fff,#ddd);color:#000;cursor:pointer;box-shadow:4px 4px #000;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;min-width:140px;max-width:160px;flex:1}.btn-social:hover{transform:translateY(-4px);box-shadow:0 0 15px var(--color-primary),6px 6px #000}.btn-social.google{border-color:#ff6b6b}.btn-social.github{border-color:#ccc}.social-icon{width:20px;height:20px;image-rendering:pixelated;filter:drop-shadow(1px 1px 0px #000)}.auth-links{margin-top:24px;font-size:.72rem;line-height:1.5;text-align:center}.auth-links a{color:var(--color-secondary);text-decoration:underline;text-shadow:1px 1px 0px #000;transition:color .2s}.auth-links a:hover{color:var(--color-primary)}.field-group{display:flex;flex-direction:column;gap:10px;width:100%;max-width:340px;margin:0 auto}.field-label{font-family:"Press Start 2P",Courier New,monospace!important;font-size:.75rem;color:var(--color-secondary);text-shadow:1px 1px 0 #000;text-align:left;margin-left:4px;-webkit-user-select:none;user-select:none}.input-retro::placeholder{color:#888;font-style:normal;font-size:.8rem;opacity:1;text-shadow:none;font-family:"Press Start 2P",Courier New,monospace!important}.input-retro:focus::placeholder{color:#aaa;transition:color .2s}.keep-session{text-align:left;max-width:340px;margin:16px auto}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.75rem;color:var(--color-secondary);text-shadow:1px 1px 0 #000}.checkbox-retro{width:20px;height:20px;border:3px solid var(--color-primary);background:#fff;box-shadow:inset -2px -2px silver,inset 2px 2px gray,0 0 0 2px #000;appearance:none;cursor:pointer;position:relative;transition:all .1s}.checkbox-retro:checked{background:var(--color-primary);box-shadow:inset -2px -2px #ff6b6b,inset 2px 2px #ffcb05,0 0 0 2px #000}.checkbox-retro:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-weight:700;font-size:14px}.checkbox-text{font-family:"Press Start 2P",Courier New,monospace!important;font-size:.7rem}.error-text{color:var(--color-accent);font-size:.75rem;margin:8px 0;text-align:center;text-shadow:1px 1px 0 #000}.community-container{max-width:1400px;margin:0 auto;padding:40px 20px}.community-container .community-header h2{font-size:2.2rem;color:var(--color-primary);text-shadow:4px 4px 0px #000;text-align:center;margin-bottom:16px}.community-container .community-header p{text-align:center;font-size:.9rem;color:var(--color-text-muted);max-width:700px;margin:0 auto}.community-container .filters-bar{display:flex;gap:12px;overflow-x:auto;padding:20px 0;border-bottom:4px solid var(--color-primary);margin-bottom:32px;scrollbar-width:none}.community-container .filters-bar::-webkit-scrollbar{display:none}.community-container .filter-btn{font-family:"Press Start 2P",Courier New,monospace!important;font-size:.8rem;padding:10px 20px;background:linear-gradient(to bottom,var(--color-bg-light),var(--color-bg-dark));border:3px solid var(--color-primary);color:var(--color-primary);text-transform:uppercase;cursor:pointer;box-shadow:4px 4px #000;transition:all .2s;white-space:nowrap}.community-container .filter-btn:hover{transform:translateY(-4px);background:linear-gradient(to bottom,var(--color-accent),var(--color-primary));color:#fff;box-shadow:0 0 15px var(--color-primary),6px 6px #000}.community-container .filter-btn.active{background:linear-gradient(to bottom,var(--color-accent),var(--color-primary))!important;color:#fff!important;box-shadow:0 0 20px var(--color-primary),6px 6px #000;transform:translateY(-2px)}.community-container .community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;grid-auto-rows:12px}.community-container .post-card{cursor:pointer;border:4px solid var(--color-primary);border-radius:8px;overflow:hidden;box-shadow:8px 8px #000;transition:all .3s;background:var(--color-bg-light)}.community-container .post-card:hover{transform:translate(-4px,-8px);box-shadow:16px 16px #000,0 0 20px var(--color-primary)}.community-container .post-cover{height:100%;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end}.community-container .post-type-badge{position:absolute;top:12px;left:12px;background:#000;color:var(--color-primary);border:3px solid var(--color-primary);padding:4px 12px;font-size:.65rem;text-transform:uppercase;box-shadow:4px 4px #000}.community-container .post-overlay{background:linear-gradient(transparent,#000000e6);width:100%;padding:24px 16px 16px}.community-container .post-overlay h3{font-size:.9rem;margin:0 0 8px;color:var(--color-primary);text-shadow:2px 2px 0px #000}.community-container .post-meta{font-size:.65rem;color:var(--color-text-muted);text-shadow:1px 1px 0px #000}.community-container .post-card.small{grid-row-end:span 26}.community-container .post-card.medium{grid-row-end:span 36}.community-container .post-card.large{grid-row-end:span 48}.community-container .post-card.wide{grid-column:span 2;grid-row-end:span 32}.community-container .empty-state{text-align:center;padding:80px 20px;color:var(--color-text-muted);font-size:1rem}.community-container .floating-create-btn{position:fixed;bottom:32px;right:32px;width:72px;height:72px;background:linear-gradient(45deg,var(--color-primary),var(--color-accent));border:6px solid #000;border-radius:50%;color:#000;font-size:2rem;cursor:pointer;box-shadow:8px 8px #000,0 0 30px var(--color-primary);z-index:100;transition:all .3s;display:flex;align-items:center;justify-content:center}.community-container .floating-create-btn:hover{transform:translateY(-8px) scale(1.1);box-shadow:12px 12px #000,0 0 40px var(--color-primary)}.community-container .create-modal{background:var(--color-bg-light);border:6px solid var(--color-primary);border-radius:12px;padding:32px;width:90%;max-width:560px;box-shadow:12px 12px #000;max-height:90vh;overflow-y:auto}.community-container .create-modal h3{font-size:1.6rem;color:var(--color-primary);text-align:center;text-shadow:4px 4px 0px #000;margin-bottom:24px}.community-container .type-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin:24px 0}.type-btn{padding:16px 8px;background:linear-gradient(to bottom,#fff,#ddd);border:4px solid var(--color-primary);border-radius:8px;cursor:pointer;box-shadow:6px 6px #000;transition:all .2s;text-align:center;font-size:.75rem}.type-btn:hover{transform:translateY(-4px);box-shadow:0 0 20px var(--color-primary),8px 8px #000}.type-btn.selected{background:linear-gradient(to bottom,var(--color-accent),var(--color-primary));color:#fff;box-shadow:0 0 25px var(--color-primary),8px 8px #000}.create-form input,.create-form textarea{width:100%;background:#fff;color:#000;border:none;padding:16px;font-family:"Press Start 2P",Courier New,monospace!important;font-size:.8rem;margin-bottom:16px;box-shadow:inset -4px -4px silver,inset 4px 4px gray,0 0 0 4px var(--color-primary),0 0 0 8px #000}.upload-area{border:6px dashed var(--color-primary);background:#ffcb051a;border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;margin:20px 0;transition:all .3s}.upload-area:hover{background:#ffcb054d;transform:scale(1.02)}.upload-area img{max-height:200px;border:4px solid var(--color-primary);border-radius:8px}.form-actions{display:flex;justify-content:center;gap:20px;margin-top:32px}.cancel-btn,.submit-btn{font-family:"Press Start 2P",Courier New,monospace!important;font-size:1rem;padding:14px 32px;text-transform:uppercase;cursor:pointer}.cancel-btn{background:linear-gradient(to bottom,#ccc,#999);border:4px solid var(--color-primary);color:#000;box-shadow:6px 6px #000}.submit-btn{background:linear-gradient(to bottom,var(--color-secondary),var(--color-bg-light));border:4px solid var(--color-primary);color:#000;box-shadow:6px 6px #000}.submit-btn:hover:not(:disabled){background:linear-gradient(to bottom,var(--color-accent),var(--color-primary));color:#fff;transform:translateY(-4px);box-shadow:0 0 25px var(--color-primary),8px 8px #000}.submit-btn:disabled{opacity:.5;cursor:not-allowed}