:root{--bg:#fffbf7;--bg-feed:#f3f1ee;--card-bg:#fff;--bg-secondary:#f2f2f2;--text:#0f0f0f;--text-secondary:#606060;--border:#e5e5e5;--tab-active:#0f0f0f;--tab-inactive:#606060;--card-hover:#f2f2f2;--active-bg:#e8f0fe;--primary:#ff6b9d;--primary-light:#ffb4d0;--primary-dark:#e8527f;--secondary:#9b7fe6;--secondary-light:#c4b5f0;--accent-warm:#ffb347;--accent-cool:#64d2ff;--success:#4ade80;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--radius-sm:8px;--radius-md:14px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:14px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f0f0f;--bg-feed:#1a1a1a;--card-bg:var(--bg-secondary);--bg-secondary:#272727;--text:#f1f1f1;--text-secondary:#aaa;--border:#333;--tab-active:#f1f1f1;--tab-inactive:#aaa;--card-hover:#272727;--active-bg:#263850;--shadow-sm:0 1px 3px #ffffff0f;--shadow-md:0 4px 12px #ffffff14;--shadow-lg:0 8px 24px #ffffff1a}.search-bar,.tag-tabs{border-bottom-color:#ffffff0f}}*{box-sizing:border-box;margin:0;padding:0}html{touch-action:manipulation}body{overscroll-behavior:none;margin:0}html{overscroll-behavior:none}#root{max-width:100%;min-height:100svh}.app{flex-direction:column;min-height:100svh;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-bar{z-index:100;padding:calc(8px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) 8px calc(12px + env(safe-area-inset-left,0px));background:var(--bg);border-bottom:1px solid #0000000a;position:sticky;top:0}.search-wrapper{border:1px solid var(--border);background:var(--bg-secondary);border-radius:22px;align-items:center;height:40px;padding:0 12px;transition:all .2s;display:flex}.search-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);transform:scale(1.01)}.search-icon{color:var(--primary);flex-shrink:0}.search-input{height:100%;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:0 8px;font-size:15px}.search-clear{background:var(--text-secondary);width:22px;height:22px;color:var(--bg);cursor:pointer;opacity:.7;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:flex}.search-clear:hover{opacity:1}.tag-tabs{padding:4px calc(12px + env(safe-area-inset-right,0px)) 8px calc(12px + env(safe-area-inset-left,0px));-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--bg);border-bottom:1px solid #0000000a;gap:10px;display:flex;overflow-x:auto}.tag-tabs::-webkit-scrollbar{display:none}.tag-tab{border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:16px;flex-shrink:0;padding:7px 16px;font-size:13.5px;transition:all .2s}.tag-tab:active{transform:scale(.95)}.tag-tab.active{color:#fff;box-shadow:var(--shadow-sm)}.tag-tab.active[data-color=primary]{background:var(--primary);border-color:var(--primary)}.tag-tab.active[data-color=secondary]{background:var(--secondary);border-color:var(--secondary)}.tag-tab.active[data-color=accent-warm]{background:var(--accent-warm);border-color:var(--accent-warm);color:#333}.tag-tab.active[data-color=accent-cool]{background:var(--accent-cool);border-color:var(--accent-cool);color:#333}.tag-tab.active[data-color=success]{background:var(--success);border-color:var(--success);color:#333}.tag-tab.active[data-color=primary-dark]{background:var(--primary-dark);border-color:var(--primary-dark)}.player-container.fullscreen{z-index:9999;width:100vw;height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px);background:#000;position:fixed;inset:0;overflow:hidden}.player-inner{z-index:1;background:#000;width:100%;height:100%;position:relative}.player-inner.simulated-landscape{transform-origin:50%;width:100dvh;height:100dvw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.tap-overlay{z-index:5;position:absolute;inset:0}.player-video{object-fit:contain;width:100%;height:100%}.replay-overlay{color:#fff;z-index:4;cursor:pointer;background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-controls-overlay{color:#ffffffe6;z-index:4;cursor:pointer;background:#0000002e;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:absolute;inset:0}.video-controls-overlay.persistent{background:#00000052}.play-pause-btn{color:#ffffffeb;cursor:pointer;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .15s,background .15s;display:flex}.play-pause-btn:active{background:#0009;transform:scale(.92)}.buffer-spinner{z-index:4;pointer-events:none;border:3px solid #ffffff40;border-top-color:#ffffffe6;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}.video-controls{z-index:5;pointer-events:none;padding-bottom:0;transition:padding-bottom .15s,background .15s;position:absolute;bottom:0;left:0;right:0}.video-controls.visible{background:linear-gradient(#0000 0%,#00000080 100%);padding-bottom:12px}.video-progress{cursor:pointer;touch-action:none;pointer-events:auto;background:#fff3;height:4px;transition:height .15s;position:relative}.video-controls.visible .video-progress{height:5px}.video-progress-fill{background:#fff;border-radius:2px;height:100%;transition:width .2s linear}.video-progress-thumb{pointer-events:none;background:#fff;border-radius:50%;width:12px;height:12px;transition:width .1s,height .1s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0006}.video-progress-thumb.dragging{width:16px;height:16px}.player-audio-wrapper{background:#0f0f1e;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.audio-title{z-index:2;color:#fff;text-shadow:0 2px 8px #00000080;text-align:center;margin-top:12px;padding:0 20px;font-size:15px;font-weight:600}.audio-visualizer{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.player-audio{z-index:3;width:85%;max-width:350px;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.back-btn{top:calc(12px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));color:#fff;cursor:pointer;z-index:10010;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute}.back-btn:active{background:#000000b3;transform:scale(.9)}.orientation-btn{top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));color:#fff;cursor:pointer;z-index:10010;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute}.orientation-btn:active{background:#000000b3;transform:scale(.9)}.cache-btn{bottom:calc(16px + env(safe-area-inset-bottom,0px));right:calc(12px + env(safe-area-inset-right,0px));color:#fff;cursor:pointer;z-index:10010;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute}.cache-btn:active{background:#000000b3;transform:scale(.9)}.cache-btn.cached{color:var(--success);animation:2s ease-in-out pulse-green}@keyframes pulse-green{0%,to{box-shadow:0 0 #4ade8000}50%{box-shadow:0 0 0 8px #4ade804d}}.cache-btn.downloading,.cache-btn.checking{pointer-events:none}.pull-indicator{background:var(--bg-feed);justify-content:center;align-items:center;height:0;transition:height .2s;display:flex;overflow:hidden}.pull-indicator.visible{height:40px}.pull-spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.pull-arrow{width:20px;height:20px;color:var(--text-secondary);transition:transform .2s}.pull-arrow.ready{transform:rotate(180deg)}@keyframes spin{to{transform:rotate(360deg)}}.media-list{background:var(--bg-feed);padding:8px calc(8px + env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) calc(8px + env(safe-area-inset-left,0px));flex:1;gap:8px;display:flex;overflow-y:auto}.media-col{flex-direction:column;flex:1;gap:8px;display:flex}.media-card{cursor:pointer;border-radius:var(--radius-md);background:var(--card-bg);transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 8px #0000000f,0 1px 2px #0000000a}.list-empty{text-align:center;color:var(--text-secondary);background:var(--bg-feed);flex:1;padding:40px}.retry-btn{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);cursor:pointer;border-radius:6px;margin-top:12px;padding:8px 20px;font-size:14px}.media-card:active{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a,0 2px 6px #0000000f}.media-card.active{box-shadow:0 0 0 2px var(--tab-active)}.card-thumb{background:#1a1a1a;width:100%;position:relative;overflow:hidden}.card-thumb img{object-fit:cover;width:100%;transition:opacity .3s;display:block}.thumb-placeholder{background:linear-gradient(135deg, var(--primary-light), var(--secondary-light), var(--accent-cool));color:#ffffffe6;justify-content:center;align-items:center;width:100%;display:flex}.thumb-placeholder.video{aspect-ratio:16/9}.thumb-placeholder.audio{aspect-ratio:1}.duration-badge{color:#fff;font-variant-numeric:tabular-nums;background:#000000bf;border-radius:6px;padding:2px 5px;font-size:11px;font-weight:500;position:absolute;bottom:6px;right:6px;box-shadow:0 1px 2px #0003}.card-info{padding:10px 12px 12px}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:500;line-height:1.45;display:-webkit-box;overflow:hidden}.install-prompt{z-index:10000;-webkit-backdrop-filter:blur(10px);background:#000000d9;position:fixed;left:0;right:0}.install-bottom{padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px));border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:.3s slideUp;bottom:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.install-top{padding:calc(12px + env(safe-area-inset-top,0px)) 12px 12px;border-radius:0 0 var(--radius-lg) var(--radius-lg);top:0}.install-content{align-items:center;gap:12px;display:flex}.install-text{color:#fff;flex:1;font-size:13px;line-height:1.5}.install-text strong{margin-bottom:2px;font-size:14px;display:block}.install-close{border:1px solid var(--primary);color:#fff;cursor:pointer;background:0 0;border-radius:16px;flex-shrink:0;padding:6px 14px;font-size:13px}.skeleton-grid{columns:2;background:var(--bg-feed);flex:1;column-gap:8px;padding:8px}.skeleton-card{break-inside:avoid;border-radius:var(--radius-md);background:var(--bg-secondary);margin-bottom:8px;overflow:hidden}.skeleton-thumb{aspect-ratio:16/9;background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--border) 50%, var(--bg-secondary) 75%);background-size:200% 100%;width:100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-title{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--border) 50%, var(--bg-secondary) 75%);background-size:200% 100%;border-radius:4px;width:70%;height:14px;margin:10px 12px;animation:1.5s ease-in-out .2s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}