body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.video-card{background:#1a1a1a;height:calc(100vh - 61px);overflow:hidden;position:relative;scroll-snap-align:start;width:100vw}.video-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.video-info{background:linear-gradient(0deg,#1a1a1ae6,#1a1a1a99 50%,#0000);bottom:0;color:#fff;left:0;padding:80px 20px 30px;pointer-events:none;position:absolute;right:0;z-index:10}.info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;pointer-events:auto}.category-badge{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;display:inline-block;font-size:12px;padding:6px 12px}.category-badge,.snippet-share-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600}.snippet-share-button{align-items:center;background:#fffffff2;border:2px solid #ffffffe6;border-radius:25px;color:#000;cursor:pointer;display:flex;font-size:14px;gap:6px;justify-content:center;outline:none;padding:10px 16px;transition:all .2s ease}.snippet-share-button:hover{background:#fff;box-shadow:0 4px 12px #ffffff4d;transform:scale(1.05)}.share-icon{filter:brightness(0);height:18px;width:18px}.share-text{font-size:14px}.timestamp{color:#ffffffb3;font-family:Courier New,monospace;font-size:13px;margin-bottom:10px}.rationale{margin-bottom:15px}.rationale p{color:#fff;font-size:15px;line-height:1.5;text-shadow:0 2px 4px #00000080}.hashtags{display:flex;flex-wrap:wrap;gap:8px}.hashtag{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff26;border:1px solid #fff3;border-radius:15px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:5px 10px}@media (max-width:768px){.video-info{padding:60px 15px 20px}.rationale p{font-size:14px}.category-badge{font-size:11px;padding:5px 10px}.hashtag{font-size:11px;padding:4px 8px}}.share-dialog-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.share-dialog{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.share-dialog-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.share-dialog-header h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-button:hover{background:#f0f0f0;color:#1a1a1a}.share-dialog-content{padding:24px}.url-container{margin-bottom:16px;position:relative}.url-input{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#1a1a1a;font-size:14px;outline:none;padding:12px 40px 12px 16px;transition:all .2s ease;width:100%}.url-input:focus{background:#fff;border-color:#666}.check-icon{animation:checkPop .3s ease;color:#4caf50;font-size:20px;font-weight:700;position:absolute;right:12px;top:50%;transform:translateY(-50%)}@keyframes checkPop{0%{transform:translateY(-50%) scale(0)}50%{transform:translateY(-50%) scale(1.2)}to{transform:translateY(-50%) scale(1)}}.copy-button{align-items:center;background:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s ease;width:100%}.copy-button:hover:not(:disabled){background:#333;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.copy-button.copied{background:#4caf50;cursor:default}.copy-button:disabled{cursor:default}@media (max-width:768px){.share-dialog{margin:0 10px;width:95%}.share-dialog-header{padding:16px 20px}.share-dialog-content{padding:20px}}.video-feed{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:scroll;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none}.video-feed::-webkit-scrollbar{display:none}.video-feed.snippet-view{overflow-y:hidden;scroll-snap-type:none}.video-feed.snippet-view .video-card{height:100vh}.no-snippets{align-items:center;color:#fff;display:flex;font-size:16px;height:100%;justify-content:center}.recording-selector{align-items:center;background:linear-gradient(180deg,#000000e6,#000000b3);border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;gap:15px;padding:15px 20px;z-index:100}.recording-selector label{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;white-space:nowrap}.label-icon{font-size:18px}.recording-selector select{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;outline:none;padding:10px 15px;transition:all .2s ease}.recording-selector select:hover{background:#ffffff26;border-color:#ffffff4d}.recording-selector select:focus{background:#fff3;border-color:#fff}.recording-selector select option{background:#1a1a1a;color:#fff}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}.App{overflow:hidden;width:100vw}.App,.loading{background:#000;display:flex;flex-direction:column;height:100vh}.loading{align-items:center;color:#fff;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:20px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.enter-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;height:100vh;justify-content:center}.enter-content{padding:40px;text-align:center}.enter-content h1{font-size:48px;font-weight:700;margin-bottom:20px;text-shadow:0 2px 10px #0003}.enter-content p{font-size:18px;margin-bottom:40px;opacity:.9}.enter-button{background:#fff;border:none;border-radius:50px;box-shadow:0 4px 15px #0003;color:#667eea;cursor:pointer;font-size:18px;font-weight:600;padding:16px 48px;transition:all .3s ease}.enter-button:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.enter-button:active{transform:translateY(0)}@media (max-width:768px){.enter-content h1{font-size:36px}.enter-button,.enter-content p{font-size:16px}.enter-button{padding:14px 40px}}
/*# sourceMappingURL=main.106535f4.css.map*/