@import url("https://www.gstatic.com/firebasejs/ui/6.1.0/firebase-ui-auth.css");*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.container{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);overflow:hidden}.header{background:#2d3748;color:#fff;padding:30px}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.header-left{flex:1 1}.header-left h1{text-align:left;margin:0}.header-left p{text-align:left;margin:10px 0 0}.header-right{flex-shrink:0;display:flex;justify-content:flex-end}.header h1{font-size:28px;margin-bottom:10px}.header p{opacity:.8;font-size:16px}.search-container{padding:30px;border-bottom:1px solid #e2e8f0}.search-box{margin-bottom:20px}.search-input{width:100%;padding:15px 20px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:border-color .2s}.search-input:focus{outline:none;border-color:#667eea}.loading{text-align:center;padding:20px;color:#666}.results{padding:0 30px 30px}.results-header{margin-bottom:20px;color:#4a5568;font-size:14px}.user-card{border:1px solid #e2e8f0;border-radius:8px;padding:20px;margin-bottom:15px;transition:box-shadow .2s}.user-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.user-header{margin-bottom:15px}.profile-pic,.user-header{display:flex;align-items:center}.profile-pic{width:50px;height:50px;border-radius:50%;margin-right:15px;object-fit:cover;background:#e2e8f0;justify-content:center;color:#fff;font-weight:700;font-size:18px}.profile-pic.error{background:linear-gradient(135deg,#667eea,#764ba2)}.user-info h3{color:#2d3748;margin-bottom:5px;display:flex;align-items:center;gap:8px}.user-info .handle{color:#666;font-size:14px}.verified{background:#38a169}.banned,.verified{color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700}.banned{background:#e53e3e}.user-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:15px;gap:15px;margin-bottom:15px}.stat{text-align:center;padding:10px;background:#f7fafc;border-radius:6px}.stat-number{font-size:18px;font-weight:700;color:#2d3748}.stat-label{font-size:12px;color:#666;text-transform:uppercase;margin-top:2px}.user-bio{color:#4a5568;font-style:italic;margin-bottom:15px}.download-button{background:#48bb78;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;transition:background .2s}.download-button:hover{background:#38a169}.download-button:disabled{background:#cbd5e0;cursor:not-allowed}.empty-state{text-align:center;padding:50px 20px;color:#666}.empty-state h3{margin-bottom:10px;color:#4a5568}.uid{font-family:monospace;font-size:12px;color:#666;padding:4px 8px;border-radius:4px;margin-top:10px;word-break:break-all}.job-status,.uid{background:#f7fafc}.job-status{border:1px solid #e2e8f0;border-radius:6px;padding:12px;margin-bottom:15px}.job-status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;text-transform:uppercase}.status-pending{background:#fbb6ce;color:#97266d}.status-processing{background:#90cdf4;color:#2a69ac}.status-prepare-for-archive{background:#fed7a1;color:#c05621}.status-archiving{background:#c6f6d5;color:#22543d}.status-compressing{background:#bee3f8;color:#2c5282}.status-completed{background:#9ae6b4;color:#22543d}.status-failed{background:#feb2b2;color:#c53030}.progress-percent{font-size:12px;font-weight:700;color:#4a5568}.progress-bar{width:100%;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease}.progress-details{font-size:11px;color:#666}.job-error{background:#fed7d7;color:#c53030;padding:8px;border-radius:4px;font-size:12px;margin-bottom:10px}.auth-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.auth-modal{background:#fff;border-radius:12px;max-width:400px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.3)}.auth-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0}.auth-header h3{margin:0;color:#2d3748;font-size:18px}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-button:hover{color:#333}.auth-methods{display:flex;border-bottom:1px solid #e2e8f0}.method-button{flex:1 1;padding:12px;border:none;background:#f7fafc;color:#666;cursor:pointer;font-size:14px;transition:all .2s}.method-button:hover{background:#e2e8f0}.method-button.active{background:#667eea;color:#fff}.method-button:first-child,.method-button:last-child{border-radius:0}.auth-content{padding:20px}.auth-form{gap:16px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-size:14px;color:#4a5568;font-weight:500}.form-group input{padding:12px;border:2px solid #e2e8f0;border-radius:6px;font-size:16px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#667eea}.apple-signin-button,.auth-button,.google-signin-button{padding:12px 20px;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.auth-button{background:#667eea;color:#fff}.auth-button:hover:not(:disabled){background:#5a67d8}.auth-button:disabled{background:#cbd5e0;cursor:not-allowed}.google-signin-button{background:#4285f4;color:#fff;width:100%}.google-signin-button:hover:not(:disabled){background:#3367d6}.apple-signin-button{background:#000;color:#fff;width:100%}.apple-signin-button:hover:not(:disabled){background:#333}.apple-note{font-size:12px;color:#666;text-align:center;margin-top:8px;font-style:italic}.message{padding:12px;border-radius:6px;font-size:14px;margin-top:16px}.message.error{background:#fed7d7;color:#c53030}.message.success{background:#c6f6d5;color:#22543d}#recaptcha-container{margin:16px 0}.user-auth-info{background:#e6fffa;border:1px solid #81e6d9;border-radius:6px;padding:12px;margin-bottom:15px}.user-auth-compact{padding:8px 0}.user-auth-info .auth-uid{font-family:monospace;font-size:12px;color:#234e52;font-weight:700}.auth-status{font-size:12px;color:#38b2ac;margin-top:4px}.login-button{background:#38b2ac;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;margin-left:10px}.login-button:hover{background:#319795}.logout-button{background:#e53e3e;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;margin-left:10px}.logout-button:hover{background:#c53030}@media (max-width:600px){.user-header{flex-direction:column;text-align:center}.profile-pic{margin-right:0;margin-bottom:15px}.user-stats{grid-template-columns:repeat(2,1fr)}.auth-modal{width:95%}.auth-methods{flex-wrap:wrap}.method-button{flex-basis:50%}.header-content{flex-direction:column;align-items:stretch;gap:15px}.header-right{min-width:auto}}