@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";.auth-backdrop{position:fixed;inset:0;z-index:1000;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem}.auth-modal{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:24px;width:100%;max-width:420px;box-shadow:0 25px 80px #00000080,0 0 100px var(--glow-primary);overflow:hidden}.auth-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-subtle)}.auth-logo{display:flex;align-items:center;gap:.5rem}.auth-logo-img{font-family:Space Mono,monospace;font-size:.875rem;font-weight:700;color:var(--bg-deep);background:var(--accent-primary);padding:.25rem .5rem;border-radius:6px}.auth-logo-arrow{font-size:.875rem;color:var(--text-muted)}.auth-logo-360-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border-radius:50%}.auth-logo-360{font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;transform:scaleY(.65);color:var(--bg-deep)}.auth-close{width:36px;height:36px;border:none;background:var(--bg-surface);border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.auth-close:hover{background:var(--bg-deep);color:var(--text-primary)}.auth-content{padding:2rem 1.5rem}.auth-content h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.auth-subtitle{margin:0 0 1.5rem;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.auth-input-group{display:flex;flex-direction:column;gap:.75rem}.auth-input-group input{width:100%;padding:1rem 1.25rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1rem;transition:all .2s ease}.auth-input-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #00f5d41a}.auth-input-group input::placeholder{color:var(--text-muted)}.auth-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,var(--accent-primary),#00c4a7);border:none;border-radius:12px;color:var(--bg-deep);font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--glow-primary)}.auth-submit:active{transform:translateY(0)}.auth-benefits{margin-top:2rem;display:flex;flex-direction:column;gap:.75rem}.auth-benefit{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-secondary)}.auth-benefit-icon{font-size:1.1rem}.auth-state-container{text-align:center;padding:1rem 0}.auth-state-container h3{margin:1rem 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.auth-state-container p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.auth-state-container strong{color:var(--accent-primary)}.auth-spinner{width:48px;height:48px;margin:0 auto;border:3px solid var(--bg-surface);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.auth-success-icon,.auth-error-icon{font-size:3rem;margin-bottom:.5rem}.auth-error-message{color:var(--accent-tertiary)!important;background:#ff6b6b1a;padding:.75rem;border-radius:8px;margin-top:.5rem!important}.auth-secondary-btn{margin-top:1.5rem;padding:.75rem 1.5rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.9rem;cursor:pointer;transition:all .2s ease}.auth-secondary-btn:hover{background:var(--bg-elevated);border-color:var(--accent-primary)}.auth-footer{padding:1rem 1.5rem 1.5rem;text-align:center}.auth-footer p{margin:0;font-size:.75rem;color:var(--text-muted);line-height:1.5}@media(max-width:480px){.auth-modal{max-width:100%;border-radius:20px}.auth-content{padding:1.5rem 1rem}}.auth-callback{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(ellipse at 20% 80%,rgba(123,44,191,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(0,245,212,.06) 0%,transparent 50%),var(--bg-deep)}.auth-callback-card{text-align:center;padding:3rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:24px;max-width:400px;width:100%;box-shadow:0 25px 80px #0000004d}.auth-callback-spinner{width:56px;height:56px;margin:0 auto 1.5rem;border:3px solid var(--bg-surface);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.auth-callback-icon{font-size:3.5rem;margin-bottom:1rem}.auth-callback-icon.error{filter:grayscale(0)}.auth-callback-card h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.auth-callback-card p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.auth-callback-card button{margin-top:1.5rem;padding:.75rem 1.5rem;background:var(--accent-primary);border:none;border-radius:10px;color:var(--bg-deep);font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.auth-callback-card button:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--glow-primary)}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:100px;cursor:pointer;transition:all .2s ease}.user-menu-trigger:hover{border-color:var(--accent-primary);background:#00f5d40d}.user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;overflow:hidden}.user-avatar span{font-size:.875rem;font-weight:600;color:var(--bg-deep)}.user-name{font-size:.875rem;font-weight:500;color:var(--text-primary);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversion-badge{padding:.15rem .5rem;background:var(--accent-primary);border-radius:100px;font-size:.7rem;font-weight:700;color:var(--bg-deep)}.menu-arrow{color:var(--text-muted);transition:transform .2s ease}.menu-arrow.open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 20px 60px #0006;overflow:hidden;z-index:200}.menu-header{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.menu-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.menu-avatar img{width:100%;height:100%;object-fit:cover}.menu-avatar span{font-size:1.1rem;font-weight:600;color:var(--bg-deep)}.menu-user-info{display:flex;flex-direction:column;min-width:0}.menu-user-name{font-size:.9rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-user-email{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-conversions{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#00f5d40d;border-bottom:1px solid var(--border-subtle)}.conversion-label{font-size:.8rem;color:var(--text-secondary)}.conversion-count{font-size:.9rem;font-weight:700;color:var(--accent-primary)}.conversion-remaining{font-weight:400;color:var(--text-muted)}.menu-links{padding:.5rem}.menu-link{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:10px;color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:all .15s ease}.menu-link:hover{background:var(--bg-surface);color:var(--text-primary)}.menu-link svg{flex-shrink:0}.menu-link.admin{color:var(--accent-secondary)}.menu-link.admin:hover{background:#7b2cbf1a}.menu-footer{padding:.5rem;border-top:1px solid var(--border-subtle)}.menu-signout{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:transparent;border:none;border-radius:10px;color:var(--accent-tertiary);font-family:Outfit,sans-serif;font-size:.9rem;cursor:pointer;transition:all .15s ease}.menu-signout:hover{background:#ff6b6b1a}@media(max-width:480px){.user-name{display:none}.user-menu-trigger{padding:.5rem}.user-menu-dropdown{width:260px;right:-10px}}.toast-container{position:fixed;top:5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:400px;width:100%;pointer-events:none}.toast{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 10px 40px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-message{flex:1;font-size:.9rem;color:var(--text-primary);line-height:1.4}.toast-close{flex-shrink:0;padding:.25rem;background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.toast-close:hover{background:var(--bg-surface);color:var(--text-primary)}.toast-success{border-color:#00f5d44d;background:#00f5d40d}.toast-success .toast-icon{color:var(--accent-primary)}.toast-error{border-color:#ff6b6b4d;background:#ff6b6b0d}.toast-error .toast-icon{color:var(--accent-tertiary)}.toast-info{border-color:#64b4ff4d;background:#64b4ff0d}.toast-info .toast-icon{color:#64b4ff}.toast-warning{border-color:#ffc8324d;background:#ffc8320d}.toast-warning .toast-icon{color:#ffc832}@media(max-width:480px){.toast-container{right:.75rem;left:.75rem;max-width:none}}.welcome-backdrop{position:fixed;inset:0;z-index:2000;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1rem}.welcome-modal{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:24px;width:100%;max-width:480px;box-shadow:0 25px 80px #00000080,0 0 120px var(--glow-primary);overflow:hidden}.welcome-step{padding:2.5rem 2rem;text-align:center}.welcome-icon{font-size:3.5rem;margin-bottom:1rem}.welcome-step h2{margin:0 0 .75rem;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.welcome-step p{margin:0 0 1.5rem;color:var(--text-secondary);font-size:1rem;line-height:1.6}.welcome-step code{padding:.2rem .5rem;background:var(--bg-surface);border-radius:4px;font-family:Space Mono,monospace;font-size:.85rem;color:var(--accent-primary)}.welcome-perks{display:flex;flex-direction:column;gap:1rem;margin:2rem 0;text-align:left}.perk{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-surface);border-radius:12px}.perk-icon{font-size:1.5rem;flex-shrink:0}.perk-content{display:flex;flex-direction:column;gap:.25rem}.perk-content strong{font-size:.95rem;color:var(--text-primary)}.perk-content span{font-size:.85rem;color:var(--text-secondary)}.username-input-group{display:flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:0 1rem;margin-bottom:.75rem;transition:all .2s ease}.username-input-group:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #00f5d41a}.username-prefix{color:var(--text-muted);font-weight:500}.username-input-group input{flex:1;padding:1rem .5rem;background:transparent;border:none;color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1rem}.username-input-group input:focus{outline:none}.username-input-group input::placeholder{color:var(--text-muted)}.username-checking{font-size:.75rem;color:var(--text-muted)}.username-available{color:var(--accent-primary);font-weight:600}.username-error{margin:0 0 1rem;font-size:.85rem;color:var(--accent-tertiary);text-align:left}.welcome-actions{display:flex;gap:.75rem;margin-top:1.5rem}.welcome-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border:none;border-radius:12px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.welcome-btn:disabled{opacity:.5;cursor:not-allowed}.welcome-btn.primary{background:linear-gradient(135deg,var(--accent-primary),#00c4a7);color:var(--bg-deep)}.welcome-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px var(--glow-primary)}.welcome-btn.secondary{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-subtle)}.welcome-btn.secondary:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.complete-hint{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0;text-align:left}.hint-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-surface);border-radius:10px;font-size:.9rem;color:var(--text-secondary)}@media(max-width:480px){.welcome-step{padding:2rem 1.5rem}.welcome-actions{flex-direction:column}}.root-layout{min-height:100vh;background:var(--bg-deep)}.main-content{min-height:100vh}.byok-backdrop{position:fixed;inset:0;z-index:1000;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:1rem}.byok-modal{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:24px;width:100%;max-width:480px;box-shadow:0 25px 80px #00000080,0 0 120px #ffc1071a;overflow:hidden}.byok-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-subtle)}.byok-icon{font-size:1.75rem}.byok-close{width:36px;height:36px;border:none;background:var(--bg-surface);border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.byok-close:hover{background:var(--bg-deep);color:var(--text-primary)}.byok-content{padding:1.5rem}.byok-content h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.byok-subtitle{margin:0 0 1.5rem;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.byok-section{margin-bottom:1.25rem}.byok-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.byok-provider-selector{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.byok-provider-btn{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.byok-provider-btn:hover{border-color:var(--text-muted);background:var(--bg-deep)}.byok-provider-btn.active{border-color:var(--accent-primary);background:#00f5d40d}.byok-provider-icon{font-size:1.5rem}.byok-provider-info{display:flex;flex-direction:column;gap:.125rem}.byok-provider-name{font-size:.9rem;font-weight:600;color:var(--text-primary)}.byok-provider-desc{font-size:.75rem;color:var(--text-muted)}.byok-input-wrapper{position:relative;display:flex}.byok-input-wrapper input{width:100%;padding:1rem 3rem 1rem 1rem;background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:12px;color:var(--text-primary);font-family:Space Mono,monospace;font-size:.9rem;transition:all .2s ease}.byok-input-wrapper input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #00f5d41a}.byok-input-wrapper input.error{border-color:var(--accent-tertiary);box-shadow:0 0 0 3px #ff6b6b1a}.byok-input-wrapper input::placeholder{color:var(--text-muted);font-family:Outfit,sans-serif}.byok-toggle-visibility{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.byok-toggle-visibility:hover{background:var(--bg-deep);color:var(--text-primary)}.byok-error{margin:.5rem 0 0;font-size:.8rem;color:var(--accent-tertiary)}.byok-hint{margin:.75rem 0 0;font-size:.8rem;color:var(--text-muted)}.byok-hint a{color:var(--accent-primary);text-decoration:none;font-weight:500}.byok-hint a:hover{text-decoration:underline}.byok-security-note{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#00f5d40d;border:1px solid rgba(0,245,212,.15);border-radius:12px;margin-top:1rem}.byok-security-icon{font-size:1.1rem;flex-shrink:0}.byok-security-note p{margin:0;font-size:.8rem;color:var(--text-secondary);line-height:1.5}.byok-footer{display:flex;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--border-subtle)}.byok-cancel-btn{flex:1;padding:.875rem 1rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.byok-cancel-btn:hover{background:var(--bg-deep);color:var(--text-primary);border-color:var(--text-muted)}.byok-save-btn{flex:1.5;padding:.875rem 1rem;background:linear-gradient(135deg,var(--accent-primary),#00c4a7);border:none;border-radius:12px;color:var(--bg-deep);font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.byok-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px var(--glow-primary)}.byok-save-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:500px){.byok-modal{max-width:100%;border-radius:20px;margin:.5rem}.byok-content{padding:1.25rem}.byok-provider-selector{grid-template-columns:1fr}.byok-footer{flex-direction:column-reverse}.byok-save-btn,.byok-cancel-btn{flex:none;width:100%}}.home-page{width:100%;min-height:100vh}.auth-prompt-overlay{position:absolute;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#0a0a0fb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-prompt-content{text-align:center;padding:3rem;background:#12121af2;border:1px solid var(--border-subtle);border-radius:24px;max-width:400px;box-shadow:0 25px 80px #00000080}.auth-prompt-content h2{margin:0 0 .75rem;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.auth-prompt-content p{margin:0 0 2rem;color:var(--text-secondary);font-size:1rem}.auth-prompt-actions{display:flex;flex-direction:column;gap:.75rem}.auth-prompt-actions .btn-primary{padding:1rem 2rem;background:linear-gradient(135deg,var(--accent-primary),#00c4a7);border:none;border-radius:12px;color:var(--bg-deep);font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.auth-prompt-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--glow-primary)}.auth-prompt-actions .btn-secondary{padding:1rem 2rem;background:transparent;border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:1rem;text-decoration:none;transition:all .2s ease}.auth-prompt-actions .btn-secondary:hover{border-color:var(--accent-primary);color:var(--text-primary)}.image-card{display:block;text-decoration:none;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden;transition:all .3s ease}.image-card:hover{border-color:var(--accent-primary);box-shadow:0 10px 40px #00f5d41a;transform:translateY(-4px)}.card-thumbnail{position:relative;aspect-ratio:2 / 1;overflow:hidden}.card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.thumbnail-placeholder{width:100%;height:100%;background:linear-gradient(90deg,var(--bg-surface) 0%,var(--bg-elevated) 50%,var(--bg-surface) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.image-card:hover .card-thumbnail img{transform:scale(1.05)}.card-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.image-card:hover .card-overlay{opacity:1}.view-label{padding:.5rem 1rem;background:var(--accent-primary);border-radius:100px;color:var(--bg-deep);font-size:.8rem;font-weight:600}.card-content{padding:.75rem 1rem}.image-card.feed .card-content{padding:1rem 1.25rem}.card-title{margin:0 0 .75rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.3}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.creator-info{display:flex;align-items:center;gap:.5rem;min-width:0}.creator-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.image-card.feed .creator-avatar{width:32px;height:32px}.creator-avatar img{width:100%;height:100%;object-fit:cover}.creator-avatar span{font-size:.65rem;font-weight:600;color:var(--bg-deep)}.image-card.feed .creator-avatar span{font-size:.8rem}.creator-name{font-size:.8rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-card.feed .creator-name{font-size:.9rem;font-weight:500;color:var(--text-primary)}.card-stats{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.view-count{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--text-muted)}.timestamp{font-size:.8rem;color:var(--text-muted)}.card-description{margin:.75rem 0 0;font-size:.9rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.image-card.feed{border-radius:20px}.image-card.feed .card-meta{flex-direction:row-reverse}.image-card.feed .creator-info{flex-direction:row}.image-card.grid .card-content{padding:.75rem 1rem}.feed-viewer{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden}.feed-viewer-container{position:relative;aspect-ratio:2 / 1;background:var(--bg-deep);overflow:hidden}.feed-viewer-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-surface)}.feed-viewer-info{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem}.feed-creator{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text-secondary);transition:color .15s ease}.feed-creator:hover{color:var(--text-primary)}.feed-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.feed-avatar img{width:100%;height:100%;object-fit:cover}.feed-avatar span{font-size:.7rem;font-weight:600;color:var(--bg-deep)}.feed-creator-name{font-size:.875rem;font-weight:500}.feed-expand-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border-radius:8px;color:var(--text-muted);transition:all .15s ease}.feed-expand-btn:hover{color:var(--text-primary);background:var(--bg-deep)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.8}.empty-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.empty-description{margin:0 0 1.5rem;font-size:.95rem;color:var(--text-secondary);max-width:300px;line-height:1.5}.empty-action{margin-top:.5rem}.explore-page{min-height:100vh;padding-top:5rem;background:var(--bg-deep)}.explore-header{padding:2rem 2rem 1.5rem;border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--bg-surface) 0%,var(--bg-deep) 100%)}.explore-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap}.explore-title-section h1{margin:0 0 .25rem;font-size:2rem;font-weight:700;color:var(--text-primary)}.explore-title-section p{margin:0;color:var(--text-secondary);font-size:.95rem}.explore-controls{display:flex;align-items:center;gap:1rem}.layout-toggle{display:flex;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden}.layout-btn{padding:.6rem .75rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.layout-btn:hover{color:var(--text-secondary)}.layout-btn.active{background:var(--accent-primary);color:var(--bg-deep)}.sort-select{padding:.6rem 2.5rem .6rem 1rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.875rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238888a0' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.sort-select:focus{outline:none;border-color:var(--accent-primary)}.explore-content{max-width:1400px;margin:0 auto;padding:2rem}.explore-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--bg-elevated);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.explore-loading p{color:var(--text-secondary);font-size:.9rem}.image-grid{display:grid;gap:1.5rem}.image-grid.grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}.image-grid.feed{grid-template-columns:1fr;gap:2rem}.load-more-container{display:flex;justify-content:center;padding:3rem 0}.load-more-btn{padding:.875rem 2.5rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:100px;color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.load-more-btn:hover:not(:disabled){border-color:var(--accent-primary);box-shadow:0 0 20px var(--glow-primary)}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1000px){.image-grid.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.explore-header-content{flex-direction:column;align-items:flex-start}.image-grid.grid{grid-template-columns:1fr}.explore-content{padding:1.5rem 1rem}}.image-page{position:fixed;inset:0;background:var(--bg-deep)}.image-page.loading,.image-page.error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.image-page.loading p{color:var(--text-secondary)}.back-link:hover{text-decoration:underline}.image-viewer{position:absolute;inset:0}.image-back-btn{position:fixed;top:1.5rem;left:1.5rem;z-index:100;width:44px;height:44px;background:#12121ab3;border:1px solid var(--border-subtle);border-radius:50%;color:var(--text-primary);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease;text-decoration:none}.image-back-btn:hover{background:#12121ae6;border-color:var(--accent-primary);box-shadow:0 0 20px var(--glow-primary)}.image-info-minimal{position:fixed;bottom:2rem;left:2rem;z-index:100;max-width:400px}.image-title-minimal{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);text-shadow:0 2px 10px rgba(0,0,0,.5);line-height:1.3}.image-meta-minimal{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--text-secondary)}.creator-link{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;transition:color .15s ease}.creator-link:hover{color:var(--text-primary)}.creator-avatar-small{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.creator-avatar-small img{width:100%;height:100%;object-fit:cover}.creator-avatar-small span{font-size:.65rem;font-weight:600;color:var(--bg-deep)}.meta-separator{opacity:.5}.view-count{opacity:.7}@media(max-width:768px){.image-info-minimal{left:1rem;right:5rem;bottom:1.5rem}.image-back-btn{top:1rem;left:1rem}}.embed-page{position:fixed;inset:0;background:#000}.embed-page.loading,.embed-page.error{display:flex;align-items:center;justify-content:center}.embed-page.error p{color:#888;font-family:system-ui,sans-serif}.embed-branding{position:absolute;bottom:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#000000b3;border-radius:6px;color:#fff;font-family:system-ui,sans-serif;font-size:.75rem;text-decoration:none;opacity:.7;transition:opacity .2s ease}.embed-branding:hover{opacity:1}.brand-logo{font-weight:700;color:#00f5d4}.loading-spinner{width:32px;height:32px;border:2px solid #333;border-top-color:#00f5d4;border-radius:50%;animation:spin 1s linear infinite}.profile-page{min-height:100vh;padding-top:5rem;background:var(--bg-deep)}.profile-page.loading,.profile-page.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.profile-page.loading p{color:var(--text-secondary)}.error-content{text-align:center;padding:2rem}.error-icon{font-size:4rem;display:block;margin-bottom:1rem}.error-content h2{margin:0 0 .5rem;font-size:1.5rem;color:var(--text-primary)}.error-content p{margin:0 0 1.5rem;color:var(--text-secondary)}.back-link{color:var(--accent-primary);text-decoration:none;font-weight:500}.profile-header{padding:3rem 2rem;background:linear-gradient(180deg,var(--bg-surface) 0%,var(--bg-deep) 100%);border-bottom:1px solid var(--border-subtle)}.profile-header-content{max-width:800px;margin:0 auto;display:flex;gap:2rem;align-items:flex-start}.profile-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:0 10px 40px #00f5d433}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar span{font-size:3rem;font-weight:700;color:var(--bg-deep)}.profile-info{flex:1}.profile-info h1{margin:0;font-size:2rem;font-weight:700;color:var(--text-primary)}.profile-username{display:block;margin-top:.25rem;font-size:1rem;color:var(--text-muted)}.profile-bio{margin:1rem 0;color:var(--text-secondary);font-size:1rem;line-height:1.6;max-width:500px}.profile-stats{display:flex;gap:2rem;margin:1.5rem 0}.stat{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-label,.member-since{font-size:.85rem;color:var(--text-muted)}.profile-gallery{max-width:1200px;margin:0 auto;padding:2rem}.profile-gallery h2{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:900px){.profile-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.profile-header-content{flex-direction:column;align-items:center;text-align:center}.profile-avatar{width:100px;height:100px}.profile-bio{max-width:none}.profile-stats{justify-content:center}.profile-grid{grid-template-columns:1fr}}.my-images-page{min-height:100vh;padding-top:5rem;background:var(--bg-deep)}.my-images-page.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.my-images-page.loading p{color:var(--text-secondary)}.my-images-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.header-content h1{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.header-content p{margin:.25rem 0 0;font-size:.9rem;color:var(--text-muted)}.create-btn{padding:.75rem 1.5rem;background:var(--accent-primary);border-radius:10px;color:var(--bg-deep);font-weight:600;text-decoration:none;transition:all .2s ease}.create-btn:hover{box-shadow:0 8px 30px var(--glow-primary);transform:translateY(-2px)}.my-images-content{max-width:1200px;margin:0 auto;padding:2rem}.my-images-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.my-image-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden;transition:all .2s ease}.my-image-card:hover{border-color:var(--accent-primary);box-shadow:0 10px 40px #0003}.image-preview{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden}.image-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-preview .thumbnail-placeholder{width:100%;height:100%;background:linear-gradient(90deg,var(--bg-surface) 0%,var(--bg-elevated) 50%,var(--bg-surface) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.my-image-card:hover .image-preview img{transform:scale(1.05)}.image-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.my-image-card:hover .image-overlay{opacity:1}.image-overlay span{padding:.5rem 1.5rem;background:var(--accent-primary);border-radius:100px;color:var(--bg-deep);font-weight:600;font-size:.875rem}.image-info{padding:1rem}.image-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.image-title-row h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visibility-badge{padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500;flex-shrink:0}.visibility-badge.public{background:#00f5d426;color:var(--accent-primary)}.visibility-badge.private{background:#ffc83226;color:#ffc832}.image-meta{display:flex;gap:1rem;font-size:.8rem;color:var(--text-muted);margin-bottom:1rem}.views{display:flex;align-items:center;gap:.35rem}.image-actions{display:flex;gap:.5rem}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:.75rem;cursor:pointer;transition:all .15s ease}.action-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.action-btn.danger:hover{border-color:var(--accent-tertiary);color:var(--accent-tertiary);background:#ff6b6b1a}.delete-confirm{display:flex;gap:.5rem;flex:1}.confirm-btn{flex:1;padding:.5rem;border:1px solid var(--border-subtle);border-radius:8px;font-family:Outfit,sans-serif;font-size:.75rem;cursor:pointer;transition:all .15s ease;background:var(--bg-surface);color:var(--text-secondary)}.confirm-btn:hover{background:var(--bg-elevated)}.confirm-btn.danger{background:var(--accent-tertiary);border-color:var(--accent-tertiary);color:#fff}.confirm-btn.danger:hover{filter:brightness(1.1)}.empty-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--accent-primary);border-radius:10px;color:var(--bg-deep);font-weight:600;text-decoration:none;transition:all .2s ease}.empty-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--glow-primary)}@media(max-width:900px){.my-images-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.my-images-header{flex-direction:column;gap:1rem;align-items:flex-start}.create-btn{width:100%;text-align:center}.my-images-grid{grid-template-columns:1fr}}.settings-page{min-height:100vh;padding-top:5rem;background:var(--bg-deep)}.settings-header{padding:2rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.settings-header h1{max-width:700px;margin:0 auto;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.settings-content{max-width:700px;margin:0 auto;padding:2rem}.settings-section{padding:2rem 0;border-bottom:1px solid var(--border-subtle)}.settings-section:last-child{border-bottom:none}.settings-section h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.section-description{margin:0 0 1.5rem;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group textarea{width:100%;padding:.875rem 1rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.95rem;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #00f5d41a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:80px}.hint{display:block;margin-top:.5rem;font-size:.8rem;color:var(--text-muted)}.hint a{color:var(--accent-primary);text-decoration:none}.hint a:hover{text-decoration:underline}.input-with-prefix{display:flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden}.input-with-prefix:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #00f5d41a}.input-with-prefix .prefix{padding:.875rem 0 .875rem 1rem;color:var(--text-muted);font-weight:500}.input-with-prefix input{border:none;border-radius:0;padding-left:.25rem}.input-with-prefix input:focus{box-shadow:none}.provider-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:12px;color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:.9rem;cursor:pointer;transition:all .2s ease}.api-key-input input{flex:1;font-family:Space Mono,monospace}.toggle-visibility{width:44px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.toggle-visibility:hover{border-color:var(--accent-primary)}.conversion-status{display:flex;gap:2rem;padding:1rem;background:var(--bg-surface);border-radius:12px;margin-bottom:1.5rem}.status-item{display:flex;flex-direction:column;gap:.25rem}.status-label{font-size:.8rem;color:var(--text-muted)}.status-value{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.status-value.active{color:var(--accent-primary)}.save-btn:hover:not(:disabled){box-shadow:0 8px 30px var(--glow-primary);transform:translateY(-2px)}.save-btn:disabled{opacity:.5;cursor:not-allowed}.api-actions{display:flex;gap:.75rem}.remove-btn{padding:.875rem 1.5rem;background:transparent;border:1px solid var(--accent-tertiary);border-radius:10px;color:var(--accent-tertiary);font-family:Outfit,sans-serif;font-size:.95rem;cursor:pointer;transition:all .2s ease}.remove-btn:hover{background:#ff6b6b1a}.account-info{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--bg-surface);border-radius:12px}.info-row{display:flex;justify-content:space-between;align-items:center}.info-label{font-size:.9rem;color:var(--text-secondary)}.info-value{font-size:.9rem;color:var(--text-primary)}@media(max-width:600px){.settings-content{padding:1rem}.provider-selector{grid-template-columns:1fr}.conversion-status{flex-direction:column;gap:1rem}.api-actions{flex-direction:column}}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(ellipse at 20% 80%,rgba(123,44,191,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(0,245,212,.06) 0%,transparent 50%),var(--bg-deep)}.not-found-content{text-align:center;max-width:400px}.not-found-code{display:block;font-size:8rem;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.not-found-content h1{margin:0 0 .75rem;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.not-found-content p{margin:0 0 2rem;color:var(--text-secondary);font-size:1rem;line-height:1.5}.not-found-actions{display:flex;flex-direction:column;gap:.75rem}.primary-btn{padding:1rem 2rem;background:var(--accent-primary);border-radius:12px;color:var(--bg-deep);font-weight:600;text-decoration:none;transition:all .2s ease}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--glow-primary)}.secondary-btn{padding:1rem 2rem;background:transparent;border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-secondary);text-decoration:none;transition:all .2s ease}.secondary-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.admin-page{min-height:100vh;padding-top:5rem;background:var(--bg-deep)}.admin-page.loading{display:flex;align-items:center;justify-content:center}.admin-header{padding:2rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.admin-header h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.admin-header p{margin:0;color:var(--text-muted);font-size:.9rem}.admin-content{max-width:1200px;margin:0 auto;padding:2rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:16px;text-align:center}.stat-icon{font-size:2rem;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.85rem;color:var(--text-muted)}.admin-section{margin-bottom:2rem;padding:1.5rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:16px}.admin-section h2{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.quick-link{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;text-decoration:none;transition:all .2s ease}.quick-link:hover{border-color:var(--accent-primary);background:#00f5d40d}.link-icon{font-size:1.5rem}.link-text{display:flex;flex-direction:column}.link-text strong{font-size:.9rem;color:var(--text-primary)}.link-text span{font-size:.8rem;color:var(--text-muted)}.recent-list{display:flex;flex-direction:column;gap:.75rem}.recent-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-surface);border-radius:10px;text-decoration:none;transition:all .15s ease}.recent-item:hover{background:var(--bg-deep)}.item-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.item-avatar.square{border-radius:8px}.item-avatar img{width:100%;height:100%;object-fit:cover}.item-avatar span{font-size:.9rem;font-weight:600;color:var(--bg-deep)}.item-info{flex:1;min-width:0}.item-name{display:block;font-size:.9rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-meta{display:block;font-size:.75rem;color:var(--text-muted)}.item-badge{padding:.25rem .5rem;background:var(--bg-elevated);border-radius:6px;font-size:.7rem;color:var(--text-muted)}.item-badge.admin{background:#7b2cbf33;color:var(--accent-secondary)}.provider-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.provider-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:all .2s ease}.provider-card:hover{border-color:var(--accent-primary)}.provider-card.active{border-color:var(--accent-primary);background:#00f5d41a}.provider-icon{font-size:2rem}.provider-name{font-size:.85rem;color:var(--text-primary)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem;font-size:.85rem;font-weight:500;color:var(--text-secondary)}.form-group input[type=text],.form-group input[type=password]{width:100%;padding:.75rem 1rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.9rem}.form-group input:focus{outline:none;border-color:var(--accent-primary)}.form-group.checkbox label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-group.checkbox input{width:18px;height:18px}.hint{display:block;margin-top:.35rem;font-size:.75rem;color:var(--text-muted)}.admin-actions{display:flex;gap:1rem;margin-top:2rem}.save-btn{padding:.875rem 1.5rem;background:var(--accent-primary);border:none;border-radius:10px;color:var(--bg-deep);font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.save-btn:hover:not(:disabled){box-shadow:0 8px 30px var(--glow-primary)}.test-btn{padding:.875rem 1.5rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:.95rem;cursor:pointer;transition:all .2s ease}.test-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.featured-grid,.available-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.featured-card,.available-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.featured-image,.available-image{aspect-ratio:16 / 9;overflow:hidden}.featured-image img,.available-image img{width:100%;height:100%;object-fit:cover}.featured-image .thumbnail-placeholder,.available-image .thumbnail-placeholder{width:100%;height:100%;background:linear-gradient(90deg,var(--bg-surface) 0%,var(--bg-elevated) 50%,var(--bg-surface) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.featured-info,.available-info{padding:.75rem}.featured-title,.available-title{display:block;font-size:.85rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.featured-creator,.available-views{font-size:.75rem;color:var(--text-muted)}.remove-featured-btn,.add-featured-btn{width:100%;padding:.5rem;border:none;font-family:Outfit,sans-serif;font-size:.8rem;cursor:pointer;transition:all .15s ease}.remove-featured-btn{background:#ff6b6b1a;color:var(--accent-tertiary)}.add-featured-btn{background:#00f5d41a;color:var(--accent-primary)}.remove-featured-btn:hover{background:#ff6b6b33}.add-featured-btn:hover:not(:disabled){background:#00f5d433}.add-featured-btn:disabled{opacity:.5;cursor:not-allowed}.empty-message{color:var(--text-muted);font-size:.9rem}.search-bar{margin-bottom:1.5rem}.search-bar input{width:100%;padding:.875rem 1rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.95rem}.search-bar input:focus{outline:none;border-color:var(--accent-primary)}.users-table{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden}.table-header,.table-row{display:grid;grid-template-columns:2fr 1fr 80px 100px 1fr;gap:1rem;padding:1rem;align-items:center}.table-header{background:var(--bg-surface);font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.table-row{border-top:1px solid var(--border-subtle)}.col-user{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar span{font-weight:600;color:var(--bg-deep)}.user-details{display:flex;flex-direction:column}.user-name{font-weight:500;color:var(--text-primary)}.user-username{font-size:.8rem;color:var(--text-muted)}.col-conversions{display:flex;flex-direction:column}.conversion-count{font-weight:500;color:var(--text-primary)}.conversion-label{font-size:.7rem;color:var(--text-muted)}.role-badge{display:inline-block;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500}.role-badge.user{background:var(--bg-surface);color:var(--text-muted)}.role-badge.admin{background:#7b2cbf33;color:var(--accent-secondary)}.col-joined{font-size:.85rem;color:var(--text-secondary)}.col-actions{display:flex;gap:.5rem}.col-actions .action-btn{padding:.4rem .75rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:.75rem;cursor:pointer;transition:all .15s ease}.col-actions .action-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}@media(max-width:1000px){.stats-grid{grid-template-columns:repeat(2,1fr)}.quick-links,.admin-grid{grid-template-columns:1fr}.provider-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.featured-grid,.available-grid{grid-template-columns:repeat(2,1fr)}.users-table{overflow-x:auto}.table-header,.table-row{min-width:700px}}:root{--bg-deep: #0a0a0f;--bg-surface: #12121a;--bg-elevated: #1a1a25;--accent-primary: #00f5d4;--accent-secondary: #7b2cbf;--accent-tertiary: #ff6b6b;--text-primary: #f0f0f5;--text-secondary: #8888a0;--text-muted: #55556a;--border-subtle: rgba(255, 255, 255, .06);--glow-primary: rgba(0, 245, 212, .3);--glow-secondary: rgba(123, 44, 191, .3)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{font-family:Outfit,-apple-system,sans-serif;background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--accent-primary);color:var(--bg-deep)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app{width:100%;min-height:100vh;position:relative;overflow-x:hidden;background:var(--bg-deep)}.hero-section{width:100vw;height:100vh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% 80%,rgba(123,44,191,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(0,245,212,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(10,10,15,1) 0%,var(--bg-deep) 100%);z-index:1}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.75rem;animation:fadeInUp .5s ease-out;z-index:10}.scroll-arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:50%;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;pointer-events:none;background:linear-gradient(180deg,#0a0a0fe6,#0a0a0f00)}.logo{display:flex;align-items:center;gap:.5rem;pointer-events:auto}.logo-img{font-family:Space Mono,monospace;font-size:1rem;font-weight:700;color:var(--bg-deep);background:var(--accent-primary);padding:.25rem .5rem;border-radius:6px}.logo-arrow{font-size:1rem;color:#fff}.logo-360-wrapper{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border-radius:50%}.logo-360{font-family:Space Mono,monospace;font-size:.85rem;font-weight:700;line-height:1;letter-spacing:-.02em;transform:scaleY(.65);transform-origin:center;color:var(--bg-deep)}.header-info{display:flex;align-items:center;gap:1rem;pointer-events:auto}.header-nav{display:flex;align-items:center;gap:.5rem}.nav-link{padding:.5rem 1rem;color:var(--text-secondary);text-decoration:none;font-size:.9rem;border-radius:8px;transition:all .2s ease}.nav-link:hover{color:var(--text-primary);background:var(--bg-elevated)}.nav-link.active{color:var(--accent-primary)}.sign-in-btn{padding:.5rem 1.25rem;background:var(--accent-primary);border:none;border-radius:100px;color:var(--bg-deep);font-family:Outfit,sans-serif;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.sign-in-btn:hover{box-shadow:0 4px 20px var(--glow-primary);transform:translateY(-1px)}.settings-btn{padding:.5rem 1rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:100px;font-size:.75rem;font-family:Outfit,sans-serif;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.settings-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.settings-btn.needs-setup{border-color:var(--accent-secondary);background:#7b2cbf1a;animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{box-shadow:0 0 #7b2cbf66}50%{box-shadow:0 0 0 4px #7b2cbf00}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.viewer-container{width:100%;height:100%;position:relative}.dropzone-overlay{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;transition:all .3s ease}.dropzone-overlay.active{pointer-events:auto}.dropzone-overlay.dragging{background:#00f5d40d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 4rem;background:#12121ae6;border:2px dashed var(--border-subtle);border-radius:24px;transition:all .3s ease;cursor:pointer;pointer-events:auto}.dropzone-content:hover,.dropzone-overlay.dragging .dropzone-content{border-color:var(--accent-primary);background:#12121af2;box-shadow:0 0 60px var(--glow-primary),inset 0 0 60px #00f5d405}.dropzone-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#00f5d41a,#7b2cbf1a);display:flex;align-items:center;justify-content:center;font-size:2rem;transition:transform .3s ease}.dropzone-overlay.dragging .dropzone-icon{transform:scale(1.1);animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) scale(1.1)}50%{transform:translateY(-10px) scale(1.1)}}.dropzone-text{text-align:center}.dropzone-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.dropzone-subtitle{font-size:.875rem;color:var(--text-secondary)}.dropzone-formats{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.format-tag{padding:.25rem .75rem;background:var(--bg-elevated);border-radius:100px;font-size:.7rem;font-family:Space Mono,monospace;color:var(--text-muted);text-transform:uppercase}.processing-overlay{position:absolute;bottom:2rem;left:0;right:0;z-index:100;display:flex;flex-direction:column;align-items:center;gap:1rem;pointer-events:none}.processing-overlay>*{pointer-events:auto}.processing-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 20px 60px #00000080}.processing-spinner{width:24px;height:24px;border:2px solid var(--bg-surface);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.processing-text{font-size:.875rem;color:var(--text-secondary)}.processing-text strong{color:var(--accent-primary);font-weight:500}.processing-progress{width:200px;height:4px;background:var(--bg-surface);border-radius:2px;overflow:hidden}.processing-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:2px;transition:width .3s ease}.result-controls{position:absolute;bottom:2rem;right:2rem;z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.result-actions-float{display:flex;flex-direction:column;gap:.75rem}.fab-btn{width:48px;height:48px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fab-primary{background:var(--accent-primary);color:var(--bg-deep)}.fab-primary:hover{box-shadow:0 6px 30px var(--glow-primary)}.fab-secondary{background:#ffffff1a;color:var(--text-primary);border:1px solid var(--border-subtle)}.fab-secondary:hover{background:#ffffff26;border-color:var(--accent-primary)}.fab-tertiary{background:#ffffff1a;color:var(--text-primary);border:1px solid var(--border-subtle)}.fab-tertiary:hover{background:#ffffff26;border-color:var(--accent-secondary)}.fab-video{background:linear-gradient(135deg,#ff4757,#ff6b81);color:#fff;border:none}.fab-video:hover:not(:disabled){box-shadow:0 6px 30px #ff475766}.fab-video.recording{background:#ff4757;animation:pulse-recording 1s ease-in-out infinite}.fab-video:disabled{opacity:.7;cursor:not-allowed}@keyframes pulse-recording{0%,to{box-shadow:0 0 #ff475799}50%{box-shadow:0 0 0 12px #ff475700}}.recording-indicator{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ff475726;border:1px solid rgba(255,71,87,.3);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.8rem;color:#ff6b81;margin-bottom:.5rem}.recording-dot{width:10px;height:10px;background:#ff4757;border-radius:50%;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.recording-progress-bar{width:60px;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.recording-progress-fill{height:100%;background:linear-gradient(90deg,#ff4757,#ff6b81);border-radius:2px;transition:width .1s ease}.result-badge{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:#12121acc;border-radius:100px;font-size:.7rem;color:var(--text-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-dot{width:6px;height:6px;background:var(--accent-primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}.btn{flex:1;padding:.75rem 1rem;border:none;border-radius:10px;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),#00c4a7);color:var(--bg-deep)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--glow-primary)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--accent-primary)}.expiry-notice{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ff6b6b1a;border-radius:8px;font-size:.75rem;color:var(--accent-tertiary)}.error-toast{position:fixed;top:5rem;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:400px}.error-icon{width:32px;height:32px;border-radius:50%;background:#ff6b6b33;display:flex;align-items:center;justify-content:center;flex-shrink:0}.error-content{flex:1}.error-title{font-size:.875rem;font-weight:600;color:var(--accent-tertiary);margin-bottom:.25rem}.error-message{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.error-close{width:24px;height:24px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.error-close:hover{background:#ff6b6b33;color:var(--accent-tertiary)}.instructions{position:absolute;bottom:10rem;left:0;right:0;width:fit-content;margin:0 auto;display:flex;gap:2rem;padding:1rem 2rem;background:#12121acc;border:1px solid var(--border-subtle);border-radius:100px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40}.instruction{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary)}.instruction-key{padding:.25rem .5rem;background:var(--bg-elevated);border-radius:4px;font-family:Space Mono,monospace;font-size:.65rem;color:var(--text-muted)}.recent-history{padding:4rem 2rem 6rem;background:linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-surface) 100%);min-height:50vh}.recent-header{max-width:1200px;margin:0 auto 2rem;display:flex;justify-content:space-between;align-items:center}.recent-title{font-size:1.5rem;font-weight:600;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.recent-clear{padding:.5rem 1rem;background:transparent;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-muted);font-family:Outfit,sans-serif;font-size:.75rem;cursor:pointer;transition:all .2s ease}.recent-clear:hover{border-color:var(--accent-tertiary);color:var(--accent-tertiary)}.recent-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.recent-item{cursor:pointer;border-radius:12px;overflow:hidden;background:var(--bg-elevated);border:1px solid var(--border-subtle);transition:all .3s ease}.recent-item:hover{transform:translateY(-4px);border-color:var(--accent-primary);box-shadow:0 12px 40px #00f5d426}.recent-thumbnail{position:relative;aspect-ratio:16 / 9;overflow:hidden}.recent-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.recent-item:hover .recent-thumbnail img{transform:scale(1.05)}.recent-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.recent-item:hover .recent-overlay{opacity:1}.recent-view-btn{padding:.5rem 1rem;background:var(--accent-primary);color:var(--bg-deep);border-radius:100px;font-size:.75rem;font-weight:600}.recent-meta{padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center}.recent-date{font-size:.75rem;color:var(--text-muted)}.recent-demo-badge{padding:.2rem .5rem;background:#7b2cbf33;border-radius:4px;font-size:.65rem;color:var(--accent-secondary);font-weight:500}.settings-backdrop{position:fixed;inset:0;z-index:500;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem}.settings-modal{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:20px;width:100%;max-width:480px;box-shadow:0 25px 80px #00000080;overflow:hidden}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-subtle)}.settings-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.settings-close{width:36px;height:36px;border:none;background:var(--bg-surface);border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.settings-close:hover{background:var(--bg-deep);color:var(--text-primary)}.settings-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.settings-section{display:flex;flex-direction:column;gap:.75rem}.settings-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.provider-selector{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.provider-btn{padding:1rem;background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:12px;color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.provider-btn:hover{border-color:var(--accent-primary);background:#00f5d40d}.provider-btn.active{border-color:var(--accent-primary);background:#00f5d41a;color:var(--text-primary)}.provider-icon{font-size:1.5rem}.api-key-input{display:flex;gap:.5rem}.api-key-input input{flex:1;padding:.875rem 1rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-primary);font-family:Space Mono,monospace;font-size:.875rem;transition:all .2s ease}.api-key-input input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #00f5d41a}.api-key-input input::placeholder{color:var(--text-muted);font-family:Outfit,sans-serif}.toggle-visibility{width:44px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.toggle-visibility:hover{border-color:var(--accent-primary);color:var(--text-primary)}.settings-hint{font-size:.75rem;color:var(--text-muted);margin:0}.settings-hint a{color:var(--accent-primary);text-decoration:none}.settings-hint a:hover{text-decoration:underline}.settings-info{display:flex;gap:.75rem;padding:1rem;background:#00f5d40d;border-radius:12px;align-items:flex-start}.settings-info .info-icon{font-size:1.25rem;flex-shrink:0}.settings-info p{margin:0;font-size:.8rem;color:var(--text-secondary);line-height:1.5}.settings-footer{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-subtle);background:var(--bg-surface)}.settings-footer .btn{flex:1}.result-badge.demo-badge{background:#7b2cbf33}.badge-dot.demo{background:var(--accent-secondary)}@media(max-width:768px){.header{padding:1rem}.logo-text{display:none}.dropzone-content{margin:1rem;padding:2rem}.instructions{flex-direction:column;gap:.75rem;border-radius:16px}.recent-history{padding:2rem 1rem 4rem}.recent-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.recent-header{flex-direction:column;gap:1rem;align-items:flex-start}}