.video-embed-container{background:#000;border-radius:8px;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-embed-container.spotify{background:#121212;border-radius:12px;height:232px;padding-bottom:0}.video-embed-container.spotify iframe{border:none;border-radius:12px;height:100%;width:100%}.spotify-placeholder{align-items:center;background:#121212;border-radius:12px;display:flex;height:100%;justify-content:center;width:100%}.video-embed-iframe{border:none}.video-embed-iframe,.video-placeholder{height:100%;left:0;position:absolute;top:0;width:100%}.video-placeholder{background:#1a1a1a}.video-loading-skeleton,.video-placeholder{align-items:center;display:flex;justify-content:center}.video-loading-skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#1a1a1a,#2a2a2a 50%,#1a1a1a);background-size:200% 100%;flex-direction:column;gap:1rem;height:100%;width:100%}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.play-icon{color:#ffffffb3;font-size:3rem;opacity:.6;text-shadow:0 2px 8px #00000080}.platform-badge{color:#ffffff80;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.video-error{align-items:center;background:#1a1a1a;border-radius:8px;color:#888;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:2rem;position:absolute;text-align:center;top:0;width:100%}.video-error p{font-size:.9rem;line-height:1.4;margin:.5rem 0}.video-platform-info{color:#666;font-size:.8rem;margin-top:.25rem}@media (max-width:768px){.play-icon{font-size:2rem}.platform-badge{font-size:.65rem}.video-error{padding:1rem}.video-error p{font-size:.85rem}.video-platform-info{font-size:.75rem}}@media (max-width:1024px) and (min-width:769px){.play-icon{font-size:2.5rem}}@media (hover:hover){.video-placeholder:hover .play-icon{opacity:.9;transform:scale(1.1);transition:all .2s ease}}.article-embed-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000080;max-height:80vh;max-width:800px;overflow:hidden;position:relative;width:90%}.article-embed-wrapper{max-height:80vh;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scrollbar-color:#0003 #0000;scrollbar-width:thin;width:100%}.article-embed-wrapper::-webkit-scrollbar{width:6px}.article-embed-wrapper::-webkit-scrollbar-track{background:#0000}.article-embed-wrapper::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.article-embed-wrapper::-webkit-scrollbar-thumb:hover{background:#00000059}.article-shadow-host{width:100%}.article-embed-placeholder{background:#1a1a1a;height:400px;max-width:800px;width:90%}.article-embed-placeholder,.article-loading-skeleton{align-items:center;border-radius:12px;display:flex;justify-content:center}.article-loading-skeleton{animation:article-skeleton-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#1a1a1a,#2a2a2a 50%,#1a1a1a);background-size:200% 100%;flex-direction:column;gap:12px;height:100%;width:100%}@keyframes article-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.article-icon{color:#ffffffb3;font-family:Georgia,Times New Roman,serif;font-size:3rem;font-weight:700;opacity:.6}.article-badge{color:#ffffff80;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}@media (max-width:768px){.article-embed-container{border-radius:8px;max-height:75vh;width:95%}.article-embed-placeholder{border-radius:8px;height:300px;width:95%}.article-icon{font-size:2rem}}.filter-dropdown{display:inline-block;position:relative}.filter-dropdown-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 14px;transition:all .2s;white-space:nowrap}.filter-dropdown-button:hover{background:#ffffff26;border-color:#ffffff4d}.filter-dropdown-button.open{background:#fff3;border-color:#fff6}.filter-dropdown-button.active{background:#5b9eff33;border-color:#5b9eff80}.filter-label{font-weight:500}.filter-icon{font-size:10px;transition:transform .2s}.filter-dropdown-button.open .filter-icon{transform:rotate(180deg)}.filter-dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141414f2;border:1px solid #ffffff26;border-radius:8px;box-shadow:0 8px 32px #00000080;left:0;max-width:350px;min-width:250px;overflow:hidden;position:absolute;top:calc(100% + 8px);z-index:1000}.filter-search{border-bottom:1px solid #ffffff1a;padding:12px}.filter-search-input{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:13px;outline:none;padding:8px 12px;width:100%}.filter-search-input::placeholder{color:#fff6}.filter-search-input:focus{background:#ffffff26;border-color:#5b9eff80}.filter-actions{padding:12px}.filter-action-button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#fffc;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.filter-action-button:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;color:#fff}.filter-action-button:disabled{cursor:not-allowed;opacity:.4}.filter-divider{background:#ffffff1a;height:1px;margin:0 12px}.filter-options-list{max-height:300px;overflow-y:auto;padding:8px}.filter-options-list::-webkit-scrollbar{width:6px}.filter-options-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.filter-options-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.filter-options-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.filter-option{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background .15s;-webkit-user-select:none;user-select:none}.filter-option:hover{background:#ffffff14}.filter-checkbox{accent-color:#5b9eff;cursor:pointer;height:16px;width:16px}.filter-option-label{color:#ffffffe6;flex:1 1;font-size:13px}.filter-option-count{color:#fff6;font-size:12px;margin-left:auto}.filter-no-results{color:#ffffff80;font-size:13px;padding:20px;text-align:center}@media (max-width:768px){.filter-dropdown-menu{max-width:calc(100vw - 40px);min-width:200px}.filter-options-list{max-height:250px}}.feed-container{background:#000;height:100vh;overflow-x:hidden;overflow-y:scroll;position:relative;scroll-behavior:smooth;scroll-snap-type:y mandatory;width:100vw}.feed-container::-webkit-scrollbar{display:none}.feed-container{-ms-overflow-style:none;scrollbar-width:none}.feed-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-bottom:1px solid #ffffff1a;justify-content:space-between;left:0;padding:15px 20px;position:fixed;right:0;top:0;z-index:100}.back-to-zoh,.feed-header{align-items:center;display:flex}.back-to-zoh{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;color:#fffc;font-size:14px;font-weight:500;gap:6px;padding:6px 14px;text-decoration:none;transition:all .2s;white-space:nowrap}.back-to-zoh:hover{background:#ffffff26;color:#fff}.feed-branding{align-items:center;display:flex;gap:15px}.feed-title{color:#fff;font-size:20px;font-weight:700;margin:0}.live-indicator{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:4px;display:flex;gap:6px;padding:6px 12px}.live-dot{animation:pulse-live 2s ease-in-out infinite;background:#5b9eff;border-radius:50%;height:10px;width:10px}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.9)}}.live-text{color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px}.filter-bar{align-items:center;display:flex;gap:15px}.filter-dropdowns{display:flex;gap:10px}.filter-actions{display:flex;gap:8px}.filter-apply-button{background:#5b9eff;border:1px solid #5b9eff;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:all .2s}.filter-apply-button.has-changes{background:#5b9eff;box-shadow:0 0 10px #5b9eff66}.filter-apply-button:hover:not(:disabled){background:#4a8ee6;transform:scale(1.05)}.filter-apply-button:disabled{background:#ffffff1a;border-color:#fff3;box-shadow:none;color:#fff6;cursor:not-allowed}.filter-clear-button{background:#ffffff0d;border:1px solid #fff3;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.filter-clear-button:hover{background:#ffffff1a;color:#fff}.curated-toggle{align-items:center;color:#fffc;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;-webkit-user-select:none;user-select:none}.curated-toggle input[type=checkbox]{accent-color:#6f42c1;cursor:pointer;height:16px;width:16px}.filter-bar-loading{color:#ffffff80;font-size:13px}.feed-controls{align-items:center;display:flex;gap:15px}.refresh-button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:8px 12px;transition:all .2s}.refresh-button:hover{background:#fff3;transform:rotate(180deg)}.fragment-count{color:#fff9;font-size:14px}.feed-content{padding-top:60px}.fragment-card{background:#000;height:100vh;scroll-snap-align:start;width:100vw}.fragment-card,.fragment-card-content{align-items:center;display:flex;justify-content:center;position:relative}.fragment-card-content{cursor:pointer;flex-direction:column;height:100%;transition:transform .2s;width:100%}.fragment-card-content:active{transform:scale(.98)}.fragment-image-wrapper{max-height:80vh;max-width:90%}.fragment-image-container,.fragment-image-wrapper{align-items:center;display:flex;justify-content:center}.fragment-image-container{height:100%;position:relative;width:100%}.fragment-image{border-radius:12px;box-shadow:0 10px 40px #00000080;max-height:100%;max-width:100%;object-fit:contain;transition:opacity .3s}.fragment-image-loading{opacity:0}.fragment-image-loaded{opacity:1}.fragment-image-skeleton{align-items:center;animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#222 25%,#333 50%,#222 75%);background-size:200% 100%;border-radius:12px;display:flex;flex-direction:column;gap:10px;height:400px;justify-content:center;width:600px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-text{color:#ffffff80;font-size:14px}.fragment-image-placeholder{align-items:center;background:#ffffff0d;border:2px dashed #fff3;border-radius:12px;display:flex;flex-direction:column;gap:10px;height:400px;justify-content:center;width:600px}.placeholder-icon{font-size:64px;opacity:.3}.placeholder-text{color:#fff9;font-size:18px;margin:0}.placeholder-meta{color:#fff6;font-size:14px;margin:0}.placeholder-domain{color:#ffffff4d;font-size:12px;margin:0}.fragment-metadata{bottom:80px;display:flex;flex-direction:column;gap:8px;left:20px;position:absolute;z-index:10}.fragment-archetype-badge{background:#ffffffe6;border-radius:20px;color:#000;display:inline-block;font-size:13px;font-weight:600;padding:6px 14px;width:-webkit-fit-content;width:fit-content}.fragment-domain{color:#fffc;font-size:14px;font-weight:500}.fragment-hint{align-items:center;bottom:20px;color:#ffffff80;display:flex;font-size:12px;gap:8px;opacity:0;position:absolute;right:20px;transition:opacity .3s;z-index:10}.fragment-card-content:hover .fragment-hint{opacity:1}.hint-icon{font-size:16px}.feed-empty,.feed-error,.feed-loading{align-items:center;background:#000;color:#fff;display:flex;height:100vh;justify-content:center;width:100vw}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#fff;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.feed-loading p{color:#fff9;margin-top:20px}.feed-loading-more{align-items:center;color:#fff9;display:flex;gap:10px;justify-content:center;padding:30px}.loading-spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.feed-end{align-items:center;color:#fff9;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:40px}.empty-content,.error-content{max-width:500px;padding:40px;text-align:center}.empty-icon,.error-icon{font-size:64px;margin-bottom:20px}.empty-content h2,.error-content h2{color:#fff;margin:0 0 10px}.empty-content p,.error-content p{color:#fff9;margin:0 0 20px}.retry-button{background:#ffffffe6;border:none;border-radius:25px;color:#000;cursor:pointer;font-size:14px;font-weight:600;padding:12px 30px;transition:all .2s}.retry-button:hover{background:#fff;transform:scale(1.05)}.keyboard-hints{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #ffffff1a;border-radius:25px;bottom:20px;display:flex;gap:20px;left:50%;opacity:.3;padding:10px 20px;position:fixed;transform:translateX(-50%);transition:opacity .3s;z-index:90}.keyboard-hints:hover{opacity:1}.hint-item{color:#fffc;font-size:12px}@media (max-width:768px){.feed-header{padding:10px 15px}.feed-title{font-size:18px}.fragment-metadata{bottom:60px;left:15px}.fragment-archetype-badge{font-size:12px;padding:5px 12px}.fragment-domain{font-size:13px}.fragment-hint,.keyboard-hints{display:none}.fragment-image-placeholder,.fragment-image-skeleton{height:60vh;width:90vw}}.fragment-card.video_player .fragment-card-content{cursor:default}.fragment-card.video_player .fragment-metadata{cursor:pointer;transition:opacity .2s}.fragment-card.video_player .fragment-metadata:hover{opacity:.9}.fragment-card.video_player .fragment-hint{bottom:80px}.fragment-card.video_player .video-embed-container{aspect-ratio:16/9;height:auto;max-height:80vh;max-width:90%;padding-bottom:0;position:relative;width:80vw}.fragment-card.article .fragment-card-content,.fragment-card.article_media .fragment-card-content,.fragment-card.code_block .fragment-card-content,.fragment-card.comment .fragment-card-content,.fragment-card.feed_item .fragment-card-content,.fragment-card.page_content .fragment-card-content,.fragment-card.page_media .fragment-card-content,.fragment-card.product_card .fragment-card-content,.fragment-card.social_post .fragment-card-content{cursor:default}.fragment-card.article .fragment-metadata,.fragment-card.article_media .fragment-metadata,.fragment-card.code_block .fragment-metadata,.fragment-card.page_content .fragment-metadata,.fragment-card.product_card .fragment-metadata{cursor:pointer;transition:opacity .2s}.fragment-card.article .fragment-metadata:hover,.fragment-card.article_media .fragment-metadata:hover,.fragment-card.code_block .fragment-metadata:hover,.fragment-card.page_content .fragment-metadata:hover,.fragment-card.product_card .fragment-metadata:hover{opacity:.9}*{box-sizing:border-box;padding:0}*,body{margin: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}.App,body{overflow:hidden}.App{height:100vh;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.584cc263.css.map*/