.video-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;overflow:hidden}.video-background video{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.7) contrast(1.1);opacity:0;transition:opacity 1s ease-in-out}.video-background video.loaded{opacity:1}.video-fallback{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-3}.gradient-bg{width:100%;height:100%;background:linear-gradient(135deg,#1e1b4b,#312e81,#1e3a8a,#312e81,#1e1b4b);animation:gradientShift 10s ease-in-out infinite}@keyframes gradientShift{0%,to{background:linear-gradient(135deg,#1e1b4b,#312e81,#1e3a8a,#312e81,#1e1b4b)}50%{background:linear-gradient(135deg,#312e81,#1e3a8a,#1e1b4b,#1e3a8a,#312e81)}}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000000b3,#00000080,#000c);z-index:-1}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;z-index:1;background:transparent}.auth-container{width:100%;max-width:450px;text-align:center}.auth-logo{margin-bottom:30px;display:flex;flex-direction:column;align-items:center;gap:15px}.auth-logo-image{width:80px;height:80px;border-radius:50%;border:3px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0003}.auth-logo h1{font-family:var(--font-secondary);font-size:2.5rem;font-weight:800;color:var(--color-text-primary);margin:0;letter-spacing:-1px;text-shadow:0 2px 15px rgba(0,0,0,.3)}.form-container{padding:40px;text-align:left;background:#000000e6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:20px}.form-header{text-align:center;margin-bottom:30px}.form-header h2{font-family:var(--font-secondary);font-size:1.8rem;font-weight:700;margin-bottom:8px}.form-header p{color:var(--color-text-secondary);font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:20px}.input-group{position:relative}.input-group input{width:100%;padding:14px 45px 14px 50px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.2);border-radius:0;color:var(--color-text-primary);font-size:1rem;font-family:var(--font-primary);transition:all .3s ease}.input-group input:focus{outline:none;border-color:var(--color-primary)}.input-group input::placeholder{color:var(--color-text-disabled)}.input-icon{position:absolute;top:50%;transform:translateY(-50%);left:18px;color:var(--color-text-secondary);pointer-events:none;transition:all .3s ease}.password-toggle{position:absolute;top:50%;transform:translateY(-50%);right:18px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;transition:color .3s ease}.password-toggle:hover{color:var(--color-text-primary)}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.checkbox{display:flex;align-items:center;cursor:pointer;color:var(--color-text-secondary)}.checkbox input{display:none}.checkmark{width:18px;height:18px;border:1px solid var(--glass-border);border-radius:4px;margin-right:8px;position:relative;transition:all .3s ease}.checkbox input:checked+.checkmark{background:var(--color-primary);border-color:var(--color-primary)}.checkbox input:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-text-primary);font-size:12px;font-weight:700}.forgot-password,.terms-link{color:var(--color-primary);text-decoration:none;transition:color .3s ease;font-weight:500}.forgot-password:hover,.terms-link:hover{text-decoration:underline}.auth-form .btn-primary{margin-top:15px;padding:16px;font-size:1rem;font-weight:600;letter-spacing:.5px;background:linear-gradient(135deg,var(--color-primary),#8b5cf6);border:none;border-radius:12px;transition:all .3s ease}.auth-form .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #7f5af04d}.form-footer{text-align:center;margin-top:25px;color:var(--color-text-secondary);font-size:.9rem}.toggle-form{background:none;border:none;color:var(--color-primary);font-weight:600;cursor:pointer;transition:all .3s ease}.toggle-form:hover{text-decoration:underline}@media (max-width: 768px){.auth-container{max-width:100%}.form-container{padding:30px 20px}.auth-logo h1{font-size:2.5rem}.form-options{flex-direction:column;gap:15px;align-items:flex-start}}.verify-email-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.verify-email-container{position:relative;z-index:10;width:100%;max-width:480px;padding:20px}.verify-email-logo{text-align:center;margin-bottom:30px}.verify-email-logo-image{width:80px;height:80px;border-radius:50%;margin-bottom:15px;box-shadow:0 8px 32px #0000004d}.verify-email-logo h1{color:#fff;font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.5)}.verify-email-form-container{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:40px 30px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d}.verify-email-header{text-align:center;margin-bottom:30px}.verify-email-icon{color:#4ade80;margin-bottom:15px;filter:drop-shadow(0 2px 8px rgba(74,222,128,.3))}.verify-email-header h2{color:#fff;font-size:1.8rem;font-weight:600;margin:0 0 10px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.email-info{color:#ffffffe6;font-size:.95rem;line-height:1.5;margin:0}.email-info strong{color:#4ade80;font-weight:600}.verify-email-form{margin-bottom:25px}.code-input-group{margin-bottom:20px}.code-input{width:100%;padding:18px 20px;font-size:1.5rem;font-weight:600;text-align:center;letter-spacing:.3em;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;transition:all .3s ease;font-family:Courier New,monospace}.code-input:focus{outline:none;border-color:#4ade80;background:#ffffff26;box-shadow:0 0 0 3px #4ade8033}.code-input::placeholder{color:#ffffff80;letter-spacing:.1em}.timer-display{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:25px;color:#fffc;font-size:.9rem}.timer-display svg{flex-shrink:0}.verify-btn{width:100%;padding:16px 24px;font-size:1.1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease}.verify-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.verify-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 25px #4ade8066}.resend-section{text-align:center;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);margin-bottom:20px}.resend-section p{color:#ffffffb3;font-size:.9rem;margin:0 0 15px}.resend-btn{padding:12px 24px;font-size:.95rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;transition:all .3s ease}.resend-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.resend-btn:disabled{opacity:.5;cursor:not-allowed}.back-to-login{text-align:center}.back-link{background:none;border:none;color:#ffffffb3;font-size:.9rem;cursor:pointer;transition:color .3s ease;padding:8px 12px;border-radius:6px}.back-link:hover{color:#4ade80;background:#4ade801a}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d}.btn{border:none;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;box-shadow:0 4px 15px #4ade804d}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.verify-email-container{padding:15px}.verify-email-form-container{padding:30px 20px}.verify-email-header h2{font-size:1.5rem}.code-input{font-size:1.2rem;padding:15px}.verify-btn{font-size:1rem;padding:14px 20px}}@media (max-width: 480px){.verify-email-logo-image{width:60px;height:60px}.verify-email-logo h1{font-size:1.5rem}.verify-email-form-container{padding:25px 15px}.email-info{font-size:.85rem}.code-input{font-size:1.1rem;padding:12px}}.code-input.error{border-color:#ef4444;animation:shake .5s ease-in-out}.code-input.success{border-color:#4ade80;animation:pulse .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes pulse{0%{box-shadow:0 0 #4ade8066}50%{box-shadow:0 0 0 10px #4ade8000}to{box-shadow:0 0 #4ade8000}}.timer-display.warning{color:#fbbf24}.timer-display.danger{color:#ef4444;animation:pulse 1s ease-in-out infinite}.sidebar-nav{position:fixed;top:0;left:0;width:250px;height:100vh;background:var(--color-bg-dark);border-right:1px solid var(--glass-border);z-index:1000;display:flex;flex-direction:column;padding:0;overflow-y:auto;transition:width .3s ease,transform .3s ease}.nav-brand{display:flex;align-items:center;justify-content:flex-start;padding:0 25px;border-bottom:1px solid var(--glass-border);margin-bottom:25px;height:70px;box-sizing:border-box;flex-shrink:0}.nav-logo{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary);transition:all .3s ease;margin-right:15px}.nav-logo:hover{transform:rotate(15deg) scale(1.1)}.nav-brand-title{font-family:var(--font-secondary);font-size:1.5rem;font-weight:800;color:var(--color-text-primary)}.nav-section{margin-bottom:25px;padding:0 15px}.nav-section-title{font-size:.8rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.8px;padding:0 10px 10px}.nav-item{display:flex;align-items:center;gap:15px;padding:12px 15px;color:var(--color-text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:all .2s ease-in-out;position:relative;border-radius:8px;margin-bottom:5px}.nav-item:hover{color:var(--color-text-primary);background:var(--color-bg-light)}.nav-item.active{color:var(--color-text-primary);background:var(--color-primary);font-weight:600}.nav-item.active svg{color:var(--color-text-primary)}.nav-user{margin-top:auto;padding:20px 15px;border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:10px}.user-item{display:flex;align-items:center;gap:15px;padding:10px;color:var(--color-text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:all .2s ease-in-out;border-radius:8px}.user-item:hover{color:var(--color-text-primary);background:var(--color-bg-light)}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;color:var(--color-text-primary);flex-shrink:0}.logout-btn{padding:12px;border:none;border-radius:8px;background:var(--color-bg-light);color:var(--color-text-secondary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:100%;font-size:.9rem;font-weight:600;gap:10px}.logout-btn:hover{background:var(--color-primary);color:var(--color-text-primary)}@media (max-width: 1024px){.sidebar-nav{width:220px}}@media (max-width: 768px){.sidebar-nav{transform:translate(-100%);width:250px}.sidebar-nav.open{transform:translate(0)}}.top-bar{position:fixed;top:0;left:250px;right:0;height:70px;background:var(--color-bg-dark);border-bottom:1px solid var(--glass-border);z-index:999;transition:left .3s ease}.top-bar-content{height:100%;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.mobile-menu-btn{display:none;background:none;border:none;color:var(--color-text-primary);cursor:pointer;z-index:1001}.page-title h1{font-family:var(--font-secondary);font-size:1.6rem;font-weight:700;color:var(--color-text-primary);margin:0}.top-bar-actions{display:flex;align-items:center;gap:20px}.top-bar-user{display:flex;align-items:center;gap:12px;cursor:pointer}.user-avatar-small{width:40px;height:40px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;color:var(--color-text-primary);border:2px solid var(--glass-border);transition:all .3s ease}.top-bar-user:hover .user-avatar-small{transform:scale(1.1);box-shadow:0 0 15px #7f5af080}.user-name{font-weight:600;color:var(--color-text-primary)}@media (max-width: 1024px){.top-bar{left:220px}.top-bar-content{padding:0 30px}}@media (max-width: 768px){.top-bar{left:0}.top-bar-content{padding:0 20px;justify-content:space-between}.mobile-menu-btn{display:block}.page-title{flex-grow:1;text-align:center;margin-left:-40px}.top-bar-actions{margin-left:auto}}@media (max-width: 480px){.top-bar-content{padding:0 15px}.user-name{display:none}}.floating-generate{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:999;width:90%;max-width:650px}.floating-form{width:100%}.floating-input-container{display:flex;align-items:center;gap:15px;padding:12px 12px 12px 20px;background:var(--glass-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:50px;box-shadow:0 10px 40px #0000004d;transition:all .3s ease}.floating-input-container:hover{box-shadow:0 12px 50px #0006;border-color:#7f5af066}.floating-input-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px #7f5af033,0 12px 50px #0006;outline:none}.floating-input-icon{color:var(--color-text-secondary);flex-shrink:0}.floating-input{flex:1;background:transparent;border:none;color:var(--color-text-primary);font-size:1rem;font-family:var(--font-primary);outline:none!important;padding:5px 0}.floating-input::placeholder{color:var(--color-text-secondary)}.floating-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.floating-action-btn{width:38px;height:38px;border:none;border-radius:12px;background:#ffffff0d;color:var(--color-text-secondary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.floating-action-btn:hover{background:#ffffff1a;color:var(--color-text-primary);transform:scale(1.05)}.floating-submit-btn{width:42px;height:42px;border:none;border-radius:50%;background:var(--color-primary);color:var(--color-text-primary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #7f5af04d}.floating-submit-btn:hover:not(:disabled){background:#9877f2;transform:scale(1.1);box-shadow:0 8px 25px #7f5af066}.floating-submit-btn:disabled{background:var(--color-bg-light);color:var(--color-text-disabled);cursor:not-allowed;transform:none;box-shadow:none}.ratio-text{font-size:.75rem;font-weight:700}@media (max-width: 768px){.floating-generate{bottom:20px;width:95%;max-width:550px}.floating-input-container{padding:10px 10px 10px 18px}.floating-input{font-size:.95rem}.floating-action-btn{width:34px;height:34px}.floating-submit-btn{width:38px;height:38px}}@media (max-width: 480px){.floating-generate{bottom:15px;left:15px;right:15px;width:auto;max-width:none;transform:none}.floating-input-container{padding:8px 8px 8px 15px;gap:8px}.floating-input{font-size:.9rem}.floating-actions{gap:5px}.floating-action-btn{width:32px;height:32px;font-size:.7rem}.floating-submit-btn{width:36px;height:36px}.ratio-text{font-size:.7rem}}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.floating-generate{animation:float 4s ease-in-out infinite}@media (max-width: 480px){.floating-generate{animation:none}}.explore-page-full-bleed{padding:0!important;max-width:none!important}.image-card{border-radius:0!important;box-shadow:none!important;overflow:hidden!important;transform:none!important;transition:none!important;background:transparent!important;padding:0!important;width:100%;margin:0}.image-card:hover{transform:none!important;box-shadow:none!important}.image-card .image-container{border-radius:0!important;position:relative;width:100%}.image-card .image-container img{border-radius:0!important;width:100%!important;height:auto!important;display:block!important;transition:none!important;transform:none!important;object-fit:cover!important;max-width:none!important;min-width:100%!important}.image-card:hover .image-container img{transform:none!important}.masonry-grid{display:flex!important;margin-left:-2px;width:auto}.masonry-grid-column{padding-left:2px;background-clip:padding-box;flex:1}.masonry-grid-column .image-card{margin-bottom:2px!important;width:100%!important;display:block!important}@media (max-width: 768px){.masonry-grid{margin-left:-1px}.masonry-grid-column{padding-left:1px}.masonry-grid-column .image-card{margin-bottom:1px!important}}@media (max-width: 480px){.masonry-grid{margin-left:-1px}.masonry-grid-column{padding-left:1px}.masonry-grid-column .image-card{margin-bottom:1px!important}}.explore-page-full-bleed .image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.explore-page-full-bleed .modal-content{max-width:95vw;max-height:90vh;width:auto;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:transparent;border:none;border-radius:0;padding:20px;box-shadow:none;overflow:hidden}.explore-page-full-bleed .modal-image-container{width:auto;height:auto;display:flex;align-items:center;justify-content:center;flex-shrink:1}.explore-page-full-bleed .modal-image{width:auto;height:auto;max-width:90vw;max-height:70vh;border-radius:12px;object-fit:contain;box-shadow:0 8px 32px #00000080}.explore-page-full-bleed .modal-info{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;border-radius:0;max-width:75vw;width:fit-content;min-width:180px;text-align:left;border:none;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:.65rem;line-height:1.2;display:inline-block;flex-shrink:0;margin-top:0}.explore-page-full-bleed .modal-info p{margin:0;font-size:.75rem;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;color:#ffffffe6}.explore-page-full-bleed .modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;border-radius:50%;background:#000000b3;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.explore-page-full-bleed .modal-close:hover{background:#000000e6;transform:scale(1.1)}@media (max-width: 768px){.explore-page-full-bleed .modal-content{max-width:95vw;max-height:85vh;padding:15px;gap:8px}.explore-page-full-bleed .modal-image{max-width:88vw;max-height:65vh}.explore-page-full-bleed .modal-info{max-width:85vw;min-width:180px;width:fit-content;padding:0;margin-top:0;font-size:.6rem;line-height:1.2}.explore-page-full-bleed .modal-close{top:10px;right:10px;width:36px;height:36px}}@media (max-width: 480px){.explore-page-full-bleed .modal-content{max-height:80vh;padding:10px;gap:6px}.explore-page-full-bleed .modal-image{max-width:85vw;max-height:60vh}.explore-page-full-bleed .modal-info{max-width:82vw;min-width:160px;width:fit-content;padding:0;font-size:.55rem;line-height:1.2;margin-top:0}.explore-page-full-bleed .modal-info p{font-size:.55rem;line-height:1.2}}.generate-page{padding-bottom:60px}.generator-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1200px;margin:0 auto 80px}.modern-generator-form{grid-column:1 / -1;margin-bottom:40px}.form-container{max-width:800px;margin:0 auto}.input-section{background:var(--color-bg-light);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px}.input-section:focus-within{outline:none;border-color:#6366f14d}.input-wrapper{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.input-icon{color:#fff9;flex-shrink:0;margin-top:2px}.modern-input{flex:1;background:transparent;border:none;color:#ffffffe6;font-size:1rem;font-family:inherit;resize:none;outline:none;min-height:24px;max-height:120px;line-height:1.5;padding:2px 0 0}.modern-input::placeholder{color:#ffffff80}.input-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.action-icon{width:32px;height:32px;border:none;border-radius:8px;background:#ffffff1a;color:#ffffffb3;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.action-icon:hover{background:#ffffff26;color:#ffffffe6}.ratio-text{font-size:.7rem;font-weight:600}.form-footer{display:flex;justify-content:flex-end;align-items:center}.modern-generate-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#667eea;border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.modern-generate-btn:hover:not(:disabled){background:#5a67d8}.modern-generate-btn:disabled{opacity:.6;cursor:not-allowed}.aspect-ratio-section{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.generator-form{padding:30px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#ffffffe6}.form-group textarea{width:100%;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-family:inherit;font-size:.95rem;resize:vertical;transition:all .3s ease}.form-group textarea:focus{outline:none;border-color:#6366f1;background:#ffffff14;box-shadow:0 0 0 3px #6366f11a}.form-group textarea::placeholder{color:#ffffff80}.char-counter{text-align:right;margin-top:8px;font-size:.85rem;color:#fff9}.char-counter .warning{color:#f59e0b}.aspect-ratio-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.aspect-option{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease}.aspect-option input{display:none}.aspect-preview{width:60px;height:60px;border:2px solid rgba(255,255,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;background:#ffffff0d}.aspect-preview.square{width:60px;height:60px}.aspect-preview.landscape{width:80px;height:45px}.aspect-preview.portrait{width:45px;height:80px}.aspect-ratio{font-size:.7rem;color:#fff9}.aspect-option input:checked+.aspect-preview{border-color:#6366f1;background:#6366f11a}.aspect-label{font-size:.9rem;color:#fffc}.generate-btn{width:100%;padding:16px;font-size:1.1rem;font-weight:600}.rate-limit-info{margin-top:24px;padding:16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.limit-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem;color:#fffc}.limit-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.limit-progress{height:100%;background:linear-gradient(135deg,#6366f1,#8b5cf6);transition:width .3s ease}.limit-warning{margin-top:8px;font-size:.85rem;color:#f59e0b}.generation-result{display:flex;align-items:center;justify-content:center}.result-container{width:100%;padding:30px;text-align:center}.empty-result{color:#fff9}.empty-icon{margin-bottom:20px;color:#fff6}.empty-result h3{margin-bottom:12px;color:#fffc}.generating-state{padding:40px 20px}.generating-animation{position:relative;margin-bottom:24px;display:flex;align-items:center;justify-content:center}.pulse-circle{position:absolute;width:80px;height:80px;border:2px solid #6366f1;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.2);opacity:0}}.generating-state h3{margin-bottom:8px;color:#6366f1}.completed-state{text-align:left}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.new-generation-btn{padding:8px 16px;font-size:.9rem}.generated-images{margin-bottom:24px}.generated-image{position:relative;border-radius:12px;overflow:hidden;margin-bottom:16px}.generated-image img{width:100%;height:auto;display:block}.image-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px}.generation-info{padding:16px;background:#ffffff08;border-radius:12px}.prompt-used{font-style:italic;color:#fffc;margin-bottom:12px}.generation-meta{display:flex;justify-content:space-between;font-size:.85rem;color:#fff9}.failed-state{color:#ef4444;padding:40px 20px}.failed-state h3{margin-bottom:12px}.failed-state p{margin-bottom:24px;color:#ffffffb3}@media (max-width: 768px){.generator-container{grid-template-columns:1fr;gap:30px}.input-section{padding:16px;border-radius:20px}.input-wrapper{gap:12px}.modern-input{font-size:.95rem}.input-actions{gap:6px}.action-icon{width:28px;height:28px}.modern-generate-btn{padding:8px 16px;font-size:.85rem}.aspect-ratio-selector{gap:12px}.aspect-preview.landscape{width:70px;height:40px}.aspect-preview.portrait{width:40px;height:70px}.result-header{flex-direction:column;gap:16px;align-items:flex-start}.generation-meta{flex-direction:column;gap:8px}}.posts-container{max-width:none;margin:0;padding:20px 4px 120px}.section-header{text-align:center;margin-bottom:40px}.section-header h3{font-size:2rem;font-weight:700;margin-bottom:12px;color:#fff}.section-header p{color:#ffffffb3;font-size:1.1rem}.posts-container-inner.grid-view{column-count:3;column-gap:4px;margin-bottom:40px;width:100%}.image-container{position:relative;width:100%}.image-container img{width:100%;height:auto;display:block;object-fit:cover}.image-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,#000000d9,#0000);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.post-card:hover .image-overlay{opacity:1;transform:translateY(0)}.image-prompt{color:#fff;font-size:.9rem;line-height:1.5;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.image-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px;opacity:0;transition:opacity .3s ease}.post-card:hover .image-actions{opacity:1}.action-btn{width:36px;height:36px;border:none;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:#ffffff4d;transform:scale(1.1)}.action-btn.delete-btn{background:#ef444433}.action-btn.delete-btn:hover{background:#ef444466;color:#ef4444}.action-btn.download-btn{background:#22c55e33}.action-btn.download-btn:hover{background:#22c55e66;color:#22c55e}.action-btn.share-btn{background:#3b82f633}.action-btn.share-btn:hover{background:#3b82f666;color:#3b82f6}.empty-history{text-align:center;padding:60px 20px;color:#fff9}.empty-history .empty-icon{margin-bottom:20px;color:#fff6}.empty-history h4{margin-bottom:12px;color:#fffc;font-size:1.3rem}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{max-width:90vw;max-height:90vh;width:auto;height:auto;display:flex;flex-direction:row;align-items:center;gap:24px;background:#000000fa;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;box-shadow:0 20px 60px #00000080}.modal-image-container{flex:1 1 70%;display:flex;align-items:center;justify-content:center}.modal-image{width:auto;height:auto;max-width:100%;max-height:calc(90vh - 48px);border-radius:12px;object-fit:contain}.modal-info{flex:1 1 30%;max-width:350px;padding:8px 12px;max-height:calc(90vh - 48px);overflow-y:auto;background:#000000d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:6px;border:1px solid rgba(255,255,255,.15);width:fit-content;min-width:200px;font-size:.7rem;line-height:1.3}.modal-prompt-simple p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.modal-prompt{font-size:.7rem;color:#ffffffe6;margin-bottom:8px;line-height:1.3;font-style:italic;font-weight:400;word-wrap:break-word;overflow-wrap:break-word}.modal-meta{display:flex;justify-content:center;gap:20px;font-size:.8rem;color:#fff9;margin-bottom:12px}.modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;border-radius:50%;background:#fff3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-actions{display:flex;justify-content:center;gap:12px;margin-top:16px;flex-wrap:wrap}.modal-action-btn.like-btn:hover{background:#ef444433;color:#ef4444}.modal-action-btn.delete-btn{background:#ef44441a;color:#ef4444cc}.modal-action-btn.download-btn{background:#22c55e1a;color:#22c55ecc}.modal-action-btn.download-btn:hover{background:#22c55e33;color:#22c55e}.modal-action-btn.share-btn{background:#3b82f61a;color:#3b82f6cc}.modal-action-btn.share-btn:hover{background:#3b82f633;color:#3b82f6}.modal-prompt-container{position:relative;cursor:pointer;transition:all .3s ease;margin-bottom:16px}.modal-prompt-preview{color:#ffffffe6;font-size:1rem;line-height:1.4;margin:0;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.modal-prompt-container:hover .modal-prompt-preview{color:#fff;background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.prompt-card{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#000000f2;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:16px;animation:slideDown .3s ease;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #00000080}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.prompt-card-content{display:flex;flex-direction:column;gap:12px}.full-prompt{color:#ffffffe6;font-size:.95rem;line-height:1.5;margin:0;word-wrap:break-word}.prompt-actions{display:flex;justify-content:flex-end}.prompt-action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;background:#3b82f633;color:#3b82f6e6;cursor:pointer;transition:all .3s ease;font-size:.85rem;font-weight:500}.prompt-action-btn:hover{background:#3b82f64d;color:#3b82f6;transform:translateY(-1px)}@media (max-width: 1200px){.posts-container-inner.grid-view{column-count:3}}@media (max-width: 1024px){.posts-container-inner.grid-view{column-count:2}}@media (max-width: 768px){.posts-container{margin-top:40px;padding:10px 2px 100px}.posts-container-inner.grid-view{column-count:2;column-gap:2px}.post-card{margin-bottom:2px}.modal-content{flex-direction:column;max-width:95vw;max-height:95vh}.modal-image-container{max-width:100%}.modal-image{max-height:60vh}.modal-info{min-width:auto;width:100%}}@media (max-width: 480px){.posts-container-inner.grid-view{column-count:2;column-gap:1px}.post-card{margin-bottom:1px}}.modal-content{max-width:95vw}.modal-info{padding:16px}@media (max-width: 600px){.input-section{padding:14px;border-radius:18px}.input-wrapper{flex-direction:column;gap:12px}.input-icon{display:none}.modern-input{font-size:.9rem;padding:12px 0}.input-actions{justify-content:center;margin-top:0}.form-footer{justify-content:center}.modern-generate-btn{width:100%;justify-content:center;padding:12px 20px}.images-grid{column-count:2;column-gap:10px}.image-card.landscape .image-container img{height:120px;object-fit:cover}.image-card.portrait .image-container img{height:auto;object-fit:contain;aspect-ratio:9/16}.image-card.square .image-container img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}}@media (max-width: 400px){.form-container{padding:0 10px}.input-section{padding:12px;border-radius:16px}.modern-input{font-size:.85rem}.action-icon{width:24px;height:24px;font-size:.65rem}.modern-generate-btn{padding:10px 16px;font-size:.8rem}.images-grid{column-count:1;column-gap:8px}.image-card.landscape .image-container img{height:180px;object-fit:cover}.image-card.portrait .image-container img{height:auto;object-fit:contain;aspect-ratio:9/16}.image-card.square .image-container img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}.modal-image{max-height:70vh}.modal-info{padding:12px 16px;max-width:95vw}.modal-prompt{font-size:.8rem}.modal-meta{flex-direction:column;gap:8px;font-size:.7rem}.modal-actions{gap:8px;margin-top:12px}.modal-action-btn{padding:8px 12px;font-size:.8rem}}.profile-page{padding:60px 20px;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 70px)}.profile-container{max-width:500px;width:100%}.profile-card{padding:50px 40px;text-align:center}.profile-avatar-large{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2.5rem;color:#fff;margin:0 auto 32px;box-shadow:0 8px 32px #6366f14d}.profile-info h3{font-size:2rem;margin-bottom:32px;color:#ffffffe6;font-weight:600}.profile-details{display:flex;flex-direction:column;gap:24px;text-align:left}.detail-item{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.detail-item:hover{background:#ffffff14;border-color:#6366f14d}.detail-label{font-size:.9rem;color:#fff9;font-weight:500;display:block;margin-bottom:4px}.detail-value{color:#ffffffe6;font-weight:600;font-size:1.1rem;display:block}@media (max-width: 768px){.profile-page{padding:40px 15px}.profile-card{padding:40px 30px}.profile-avatar-large{width:100px;height:100px;font-size:2rem}.profile-info h3{font-size:1.8rem}.detail-item{padding:16px}}@media (max-width: 480px){.profile-page{padding:20px 15px}.profile-card{padding:30px 20px}.profile-avatar-large{width:80px;height:80px;font-size:1.5rem}.profile-info h3{font-size:1.5rem}}.yuxels-page-full-bleed{padding:0!important;max-width:none!important}.yuxels-page{padding-bottom:120px;background:var(--color-bg-dark);min-height:100vh;overflow-x:hidden}.yuxels-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--color-bg-dark);border-bottom:1px solid rgba(255,255,255,.1)}.page-header{margin:0}.page-header h2{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.header-actions{display:flex;align-items:center;gap:24px}.create-post-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#667eea;border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.create-post-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;opacity:1;display:block}.create-post-btn:hover{background:#5a67d8}.layout-toggle{display:flex;background:#ffffff14;border-radius:6px;padding:3px;gap:2px}.layout-btn{padding:6px 8px;border:none;border-radius:4px;background:transparent;color:#fff9;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.layout-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;opacity:1;display:block}.layout-btn:hover{color:#fffc;background:#ffffff1a}.layout-btn.active{background:#fff3;color:#fffffff2}.tab-navigation{display:flex;background:var(--color-bg-medium);border-radius:30px;padding:5px;gap:5px}.tab-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:25px;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:600}.tab-btn:hover{background:var(--color-bg-light);color:var(--color-text-primary)}.tab-btn.active{background:var(--color-primary);color:var(--color-text-primary);box-shadow:0 4px 15px #7f5af040}.tab-btn svg{width:18px;height:18px}.posts-container{max-width:none;margin:0;padding:0}.posts-container-inner.grid-view{column-count:3;column-gap:4px}.posts-container-inner.list-view{display:flex;flex-direction:column;gap:40px;max-width:700px;margin:0 auto}.post-card{break-inside:avoid;margin-bottom:4px;position:relative;overflow:hidden;border-radius:0;cursor:pointer;background-color:transparent}.post-image-container{position:relative;width:100%}.post-image-container img{width:100%;height:auto;display:block;object-fit:cover}.post-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,#000000d9,#0000);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.post-caption{color:var(--color-text-primary);font-size:.9rem;line-height:1.5;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.post-meta{display:flex;justify-content:space-between;align-items:center;width:100%}.post-user{display:flex;align-items:center;gap:8px}.username{font-weight:600;color:var(--color-text-primary);font-size:.9rem}.post-actions{display:flex;align-items:center;gap:12px}.action-btn{display:flex;align-items:center;gap:10px;background:#14142399;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 28px;color:#e0e0e0;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #0003}.action-btn:hover{background:#1e1e32cc;border-color:#ffffff26;color:var(--color-text-primary);transform:translateY(-2px)}.action-btn.favorited{background:var(--color-primary);color:var(--color-text-primary);border-color:transparent}.action-btn.favorited svg{fill:var(--color-text-primary);stroke:var(--color-text-primary)}.action-btn svg{width:16px;height:16px;transition:all .3s ease}.action-btn.delete-btn:hover{background:#ef4444;color:#fff}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#ffffffb3}.loading-state .spinner{margin-bottom:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{color:#ffffff4d;margin-bottom:16px}.empty-icon svg{width:48px;height:48px;stroke:currentColor;fill:none;stroke-width:2}.empty-state h3{color:#fffc;margin-bottom:8px}.empty-state p{color:#ffffff80}.load-more-container{display:flex;justify-content:center;margin-top:40px;margin-bottom:120px}.load-more-btn{padding:14px 32px;font-size:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fffc;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.load-more-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;color:#fffffff2;transform:translateY(-2px)}.load-more-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.post-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;border-radius:50%;background:#fff3;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:1001}.modal-close:hover{background:#ffffff4d}.modal-content{max-width:90vw;max-height:95vh;background:#000000fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #000c}.modal-image{width:100%;max-height:60vh;object-fit:contain;background:var(--color-bg-dark);flex-shrink:0}.modal-info{padding:12px 16px;background:#000000d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid rgba(255,255,255,.15);border-radius:0 0 12px 12px;overflow-y:auto;flex:1;min-height:120px;max-height:30vh;font-size:.7rem;line-height:1.3}.modal-info::-webkit-scrollbar{width:6px}.modal-info::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.modal-info::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.modal-info::-webkit-scrollbar-thumb:hover{background:#ffffff80}.modal-user{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.modal-caption{color:#ffffffe6;font-size:.7rem;line-height:1.3;margin-bottom:10px;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;padding-right:10px}.modal-stats{display:flex;gap:16px;margin-bottom:12px;color:#fff9;font-size:.85rem}.modal-actions{display:flex;gap:12px;flex-wrap:wrap}.modal-action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;background:#ffffff1a;color:#fffc;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.modal-action-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;opacity:1;display:block}.modal-action-btn.like-btn.favorited svg{fill:#ef4444;stroke:#ef4444}.modal-action-btn:hover{background:#fff3;color:#fffffff2;transform:translateY(-1px)}.modal-action-btn.like-btn.favorited{background:#ef444433;color:#ef4444}.modal-action-btn.share-btn:hover{background:#22c55e33;color:#22c55e}.modal-action-btn.report-btn:hover{background:#ef444433;color:#ef4444}.modal-action-btn.delete-btn{background:#ef44441a;color:#ef4401}.modal-action-btn.delete-btn:hover{background:#ef44444d;color:#ef4444}.create-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.create-modal-content{max-width:600px;width:100%;max-height:90vh;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.create-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.create-modal-header h3{color:#ffffffe6;margin:0}.create-modal-body{padding:20px;overflow-y:auto;flex:1}.selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.selection-header h4,.caption-input label,.post-preview h4{color:#fffc;margin:0;font-size:.9rem;font-weight:600}.show-all-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffb3;padding:6px 12px;font-size:.8rem;cursor:pointer;transition:all .3s ease}.show-all-btn:hover{background:#ffffff26;color:#ffffffe6}.images-grid-small{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px;max-height:200px;overflow-y:auto;transition:max-height .3s ease}.images-grid-small.expanded{max-height:400px}.more-images-hint{text-align:center;color:#ffffff80;font-size:.8rem;margin-bottom:24px;padding:8px;background:#ffffff0d;border-radius:6px}.selectable-image{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .3s ease}.selectable-image:hover{border-color:#ffffff4d}.selectable-image.selected{border-color:#667eea}.selectable-image img{width:100%;height:100%;object-fit:cover}.selected-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#667eea4d;display:flex;align-items:center;justify-content:center}.checkmark{width:24px;height:24px;background:#667eea;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.caption-input textarea{width:100%;padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#ffffffe6;font-family:inherit;resize:vertical;min-height:80px}.caption-input textarea:focus{outline:none;border-color:#667eea}.char-count{text-align:right;font-size:.8rem;color:#ffffff80;margin-top:4px}.post-preview{margin-top:24px}.preview-card{background:#ffffff0d;border-radius:8px;overflow:hidden;max-width:300px}.preview-card img{width:100%;height:200px;object-fit:cover}.preview-caption{padding:12px;color:#fffc;font-size:.9rem;margin:0}.create-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid rgba(255,255,255,.1)}.report-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.report-modal-content{max-width:500px;width:100%;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.report-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.report-modal-header h3{color:#ffffffe6;margin:0}.report-modal-body{padding:20px}.reported-post{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:8px;margin-bottom:20px}.reported-post img{width:50px;height:50px;border-radius:6px;object-fit:cover}.reported-post p{color:#fffc;margin:0;font-weight:500}.reason-selection,.description-input{margin-bottom:16px}.reason-selection label,.description-input label{display:block;color:#fffc;margin-bottom:8px;font-size:.9rem;font-weight:500}.reason-selection select,.description-input textarea{width:100%;padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff1a;color:#ffffffe6;font-family:inherit}.reason-selection select:focus,.description-input textarea:focus{outline:none;border-color:#ef4444}.description-input textarea{resize:vertical;min-height:60px}.report-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid rgba(255,255,255,.1)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}@media (max-width: 1200px){.posts-container-inner.grid-view{column-count:3;gap:15px}}@media (max-width: 1024px){.posts-container-inner.grid-view{column-count:2;column-gap:4px}.page-header h2{font-size:2.5rem}}@media (max-width: 768px){.header-content{flex-direction:column;gap:16px;text-align:center}.header-text{text-align:center}.page-header h2{font-size:1.5rem}.yuxels-header{padding:12px 16px;gap:12px}.tab-navigation{max-width:350px;padding:6px;gap:6px}.tab-btn{padding:8px 12px;font-size:.8rem;gap:4px}.tab-btn svg{width:14px;height:14px}.posts-container-inner.grid-view{column-count:2;column-gap:2px}.post-card{margin-bottom:2px}.posts-container-inner.list-view .post-card{flex-direction:column;max-width:100%}.posts-container-inner.list-view .post-card .post-image-container{width:100%;aspect-ratio:1}.post-info{padding:12px}.modal-content{max-width:95vw;max-height:98vh}.modal-image{max-height:50vh}.modal-info{padding:16px;max-height:40vh;min-height:120px}.modal-caption{font-size:.65rem;line-height:1.3}.modal-actions{gap:8px}.modal-action-btn{padding:8px 12px;font-size:.8rem}.create-modal-content,.report-modal-content{max-width:95vw;max-height:95vh}.images-grid-small{grid-template-columns:repeat(2,1fr)}.tab-navigation{margin-top:16px;gap:4px}.tab-btn{padding:10px 16px;font-size:.8rem}}@media (max-width: 480px){.header-actions{flex-direction:column;gap:12px}.layout-toggle{order:2}.create-post-btn{order:1;padding:10px 20px;font-size:.9rem}.posts-container-inner.grid-view{column-count:2;column-gap:1px}.post-card{margin-bottom:1px}.page-header{margin-bottom:24px}.page-header h2{font-size:1.8rem}.post-overlay{padding:12px}.action-btn{padding:8px 12px;font-size:.8rem;gap:6px}.modal-close{top:10px;right:10px;width:36px;height:36px}.modal-actions{flex-direction:column}.modal-action-btn{justify-content:center}.images-grid-small{grid-template-columns:1fr}.create-modal-body,.report-modal-body{padding:16px}.create-modal-footer,.report-modal-footer{padding:16px;flex-direction:column}.create-modal-footer .btn,.report-modal-footer .btn{width:100%;justify-content:center}.tab-navigation{flex-direction:column;gap:8px;max-width:none}.tab-btn{padding:12px;font-size:.9rem}}.loading-more-indicator{text-align:center;margin:40px 0;padding:20px;color:#ffffffb3}.loading-more-indicator .spinner{width:24px;height:24px;margin:0 auto 12px}.loading-more-indicator p{font-size:.9rem;margin:0}.main-app{min-height:100vh;display:flex;position:relative;z-index:1;background-color:var(--color-bg-dark)}.main-content{flex:1;margin-left:250px;margin-top:70px;min-height:calc(100vh - 70px);transition:margin-left .3s ease}.page{padding:40px;max-width:1600px;margin:0 auto;width:100%}.page-header{text-align:center;margin-bottom:50px}.page-header h2{font-family:var(--font-secondary);font-size:2.8rem;font-weight:800;margin-bottom:15px;color:var(--color-text-primary);letter-spacing:-.5px}.page-header h2 span{color:var(--color-primary)}.page-header p{color:var(--color-text-secondary);font-size:1.1rem;max-width:650px;margin:0 auto;line-height:1.7}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.loading-container .spinner{width:48px;height:48px;margin-bottom:25px}.loading-container p{color:var(--color-text-secondary);font-size:1.2rem;font-weight:500}.empty-state{text-align:center;padding:80px 20px;color:var(--color-text-secondary);border:2px dashed var(--glass-border);border-radius:20px;background-color:var(--color-bg-light)}.empty-state h3{font-family:var(--font-secondary);font-size:1.8rem;margin-bottom:15px;color:var(--color-text-primary)}.empty-state p{font-size:1.1rem;margin-bottom:30px;max-width:500px;margin-left:auto;margin-right:auto}@media (max-width: 1024px){.main-content{margin-left:220px}}@media (max-width: 768px){.main-content{margin-left:0;margin-top:60px}.page{padding:30px 20px}.page-header h2{font-size:2.4rem}.page-header p{font-size:1rem}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:998;display:none}.main-app.nav-open .overlay{display:block}}@media (max-width: 480px){.page{padding:20px 15px}.page-header h2{font-size:2rem}}.public-page{background-color:var(--color-bg-dark);color:var(--color-text-primary)}.public-top-bar .logo{position:fixed;top:16px;left:24px;display:flex;align-items:center;gap:12px;font-size:1.2rem;font-weight:600;z-index:101;background-color:#000000e6;padding:8px 12px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.public-top-bar .logo img{height:32px;width:32px;border-radius:50%}.floating-login-btn{position:fixed;top:16px;right:24px;background-color:#fff;color:#000;font-weight:700;border-radius:8px;padding:8px 16px;text-decoration:none;z-index:101}.public-content{padding:0}.non-clickable{pointer-events:none}:root{--font-primary: "Poppins", sans-serif;--font-secondary: "Montserrat", sans-serif;--color-bg-dark: #000000;--color-bg-medium: #0a0a0a;--color-bg-light: #111111;--color-primary: #7f5af0;--color-secondary: #2cb67d;--color-accent: #ffc107;--color-text-primary: #ffffff;--color-text-secondary: #a7a9be;--color-text-disabled: #6b7280;--glass-bg: rgba(0, 0, 0, .8);--glass-border: rgba(127, 90, 240, .25)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background:var(--color-bg-dark);color:var(--color-text-primary);overflow-x:hidden;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.app{min-height:100vh;position:relative}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:5px;border:2px solid var(--color-bg-dark)}::-webkit-scrollbar-thumb:hover{background:#9877f2}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);font-weight:700;color:var(--color-text-primary)}.btn{padding:12px 28px;border:none;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-size:15px;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:var(--color-primary);color:var(--color-text-primary);box-shadow:0 8px 20px #7f5af040}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 28px #7f5af059}.btn-secondary{background:transparent;color:var(--color-text-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:var(--color-text-primary)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.spinner{width:22px;height:22px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--color-secondary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.glass{background:var(--glass-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0003}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out forwards}.slide-up{animation:slideUp .5s ease-out forwards}@media (max-width: 768px){.container{padding:0 15px}.btn{padding:10px 22px;font-size:14px}}svg{display:block!important;opacity:1!important;pointer-events:none}button svg,.btn svg{display:block!important;opacity:1!important;flex-shrink:0}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--color-secondary);outline-offset:3px;border-radius:4px}::selection{background:#7f5af066;color:var(--color-text-primary)}