*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;color:#fff;padding:2rem 1rem;text-align:center}.app-header h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.app-header p{font-size:1.1rem;opacity:.9}.app-main{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem 1rem;width:100%}.search-form{margin-bottom:2rem}.input-group{align-items:center;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0003;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0 auto;max-width:600px;padding:1.5rem}.username-input-container{align-items:center;display:flex;position:relative}.at-symbol{color:#666;font-size:1.2rem;left:12px;position:absolute;z-index:1}.username-input{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:12px;font-size:1rem;padding:12px 12px 12px 30px;transition:all .3s ease;width:200px}.username-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.limit-select{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:12px;cursor:pointer;font-size:1rem;padding:12px 16px;transition:all .3s ease}.limit-select:focus{background:#fff;border-color:#667eea;outline:none}.search-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:140px;padding:12px 24px;transition:all .3s ease}.search-button:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.search-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{background:#fee;border-left:4px solid #c33;border-radius:12px;color:#c33;margin:1rem auto;max-width:600px;padding:1rem 1.5rem;text-align:center}.loading-container{color:#fff;padding:3rem;text-align:center}.loading-note{font-size:.9rem;margin-top:.5rem;opacity:.8}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.results-container{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-top:2rem;padding:2rem}.results-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.results-header h2{color:#333;font-size:1.5rem}.results-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.source{border-radius:20px;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.source.scrape{background:#e3f2fd;color:#1976d2}.source.cache{background:#e8f5e8;color:#2e7d32}.count{background:#fff3e0;border-radius:20px;color:#f57c00;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.reels-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.video-controls{background:linear-gradient(#0000,#000000b3);bottom:10px;left:0;padding:10px;position:absolute;right:0}.control-button{border-radius:20px;font-size:.875rem;padding:8px 16px}.control-button:hover{transform:scale(1.05)}.reel-actions{flex-wrap:wrap;gap:.5rem}.no-reels{color:#666;padding:3rem;text-align:center}.hint{font-size:.875rem;margin-top:.5rem;opacity:.7}.app-footer{background:#0000001a;color:#fff;margin-top:auto;padding:1.5rem;text-align:center}@media (max-width:768px){.app-header h1{font-size:2rem}.input-group{flex-direction:column;padding:1rem}.limit-select,.search-button,.username-input{width:100%}.results-header{align-items:flex-start;flex-direction:column}.reels-grid{grid-template-columns:1fr}.reel-actions{flex-direction:column}.action-button{min-width:auto}.video-controls-overlay{padding:10px}.control-button{font-size:.875rem;height:35px;width:35px}.volume-slider{width:60px}}.video-loading{background:#000000b3;border-radius:20px;color:#fff;font-size:.875rem;left:50%;padding:10px 20px;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.engagement-actions{justify-content:space-between}.action-btn{flex:1 1;justify-content:center;min-width:80px}.engagement-stats{justify-content:space-between}.add-comment{flex-direction:column}}.reel-card{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.reel-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.reel-media{aspect-ratio:9/16;background:#000;flex:1 1;overflow:hidden;position:relative}.reel-thumbnail{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.reel-card:hover .reel-thumbnail{transform:scale(1.05)}.thumbnail-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:3rem;height:100%;width:100%}.reel-overlay,.thumbnail-placeholder{align-items:center;display:flex;justify-content:center}.reel-overlay{background:#000000b3;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.reel-card:hover .reel-overlay{opacity:1}.play-button{background:#667eea;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.play-button:hover{background:#764ba2;transform:scale(1.05)}.view-button{background:#667eea;border-radius:25px;color:#fff;display:inline-block;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.view-button:hover{background:#764ba2;transform:scale(1.05)}.video-container{position:relative}.reel-video,.video-container{background:#000;height:100%;width:100%}.reel-video{cursor:pointer;object-fit:cover}.video-controls-overlay{background:linear-gradient(#0000,#000c);bottom:0;display:flex;flex-direction:column;gap:10px;left:0;padding:15px;position:absolute;right:0}.video-controls{gap:10px}.control-button,.video-controls{align-items:center;display:flex;justify-content:center}.control-button{background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;font-size:1rem;height:40px;padding:10px;transition:all .3s ease;width:40px}.control-button:hover{background:#fff;transform:scale(1.1)}.control-button.play-pause{background:#667eeae6;color:#fff}.control-button.mute{background:#ffffffe6}.control-button.back{background:#ffffffb3}.volume-control{align-items:center;display:flex;gap:8px;justify-content:center}.volume-slider{-webkit-appearance:none;background:#ffffff4d;border-radius:2px;height:4px;outline:none;width:80px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:12px;width:12px}.volume-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.video-status{background:#000000b3;border-radius:12px;color:#fff;font-size:.75rem;padding:4px 8px;position:absolute;right:10px;top:10px}.muted-indicator{align-items:center;display:flex;gap:4px}.video-unavailable{align-items:center;color:#fff;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center;padding:20px;text-align:center;width:100%}.reel-info{background:#fff;padding:1rem}.reel-caption{color:#555;font-size:.9rem;line-height:1.4;margin-bottom:.75rem}.reel-date{color:#888;font-size:.875rem;margin-bottom:.75rem}.engagement-stats{border-bottom:1px solid #e1e5e9;display:flex;gap:15px;margin:10px 0;padding:10px 0}.stat{align-items:center;color:#666;display:flex;font-size:.875rem;gap:4px}.engagement-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.action-btn{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:20px;cursor:pointer;display:flex;font-size:.875rem;gap:5px;padding:8px 12px;transition:all .3s ease}.action-btn:hover{background:#f8f9fa;transform:translateY(-1px)}.action-btn.like-btn.liked{background:#ffe6e6;border-color:#ff6b6b;color:#ff6b6b}.action-btn:disabled{cursor:not-allowed;opacity:.6}.comments-section{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:12px;margin-top:15px;padding:15px}.comments-section h4{color:#333;margin-bottom:10px}.add-comment{display:flex;gap:10px;margin-bottom:15px}.comment-input{border:1px solid #ddd;border-radius:20px;flex:1 1;font-size:.875rem;padding:8px 12px}.comment-input:focus{border-color:#667eea;outline:none}.comment-submit{background:#667eea;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.875rem;padding:8px 16px}.comment-submit:disabled{background:#ccc;cursor:not-allowed}.comments-list{max-height:200px;overflow-y:auto}.comment{background:#fff;border-left:3px solid #667eea;border-radius:8px;margin-bottom:10px;padding:10px}.comment strong{color:#333;font-size:.875rem}.comment p{color:#555;font-size:.875rem;margin:5px 0}.comment small{color:#888;font-size:.75rem}.no-comments{color:#888;font-style:italic;padding:20px;text-align:center}.reel-actions{border-top:1px solid #e1e5e9;display:flex;gap:8px;margin-top:15px;padding-top:15px}.action-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;min-width:80px;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:all .3s ease}.action-button.view{background:#667eea;color:#fff}.action-button.view:hover{background:#5a6fd8}.action-button.download{background:#28a745;color:#fff}.action-button.download:hover{background:#218838}.action-button.play{background:#ff6b00;color:#fff}.action-button.play:hover{background:#e65c00}.audio-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-top:10px;padding:8px 12px;text-align:center}.audio-notice small{color:#856404}.reel-video::-webkit-media-controls,.reel-video::-webkit-media-controls-enclosure{display:none}@media (max-width:768px){.video-controls-overlay{padding:10px}.control-button{font-size:.875rem;height:35px;width:35px}.volume-slider{width:60px}.engagement-actions{justify-content:space-between}.action-btn{flex:1 1;justify-content:center;min-width:80px}.engagement-stats{justify-content:space-between}.add-comment,.reel-actions{flex-direction:column}.action-button{min-width:auto}}.thumbnail-debug{color:#0f0;font-family:Courier New,monospace;left:8px;max-width:80%}.thumbnail-debug,.thumbnail-url-info{background:#000c;border-radius:8px;font-size:.7rem;padding:4px 8px;position:absolute;top:8px;z-index:10}.thumbnail-url-info{color:#fff;right:8px}.debug-info{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;margin-top:10px;padding:10px}.debug-info summary{color:#666;cursor:pointer;font-weight:600}.debug-details{color:#555;font-size:.8rem;margin-top:10px}.debug-details pre{background:#fff;border-radius:4px;font-size:.7rem;margin-top:5px;overflow-x:auto;padding:8px}
/*# sourceMappingURL=main.c91f6847.css.map*/