*{box-sizing:border-box}html,body,#root{color:#fff;background:#000;height:100%;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.app{height:100%}.feed{scroll-snap-type:y mandatory;scrollbar-width:none;height:100%;overflow-y:scroll}.feed::-webkit-scrollbar{display:none}.card{scroll-snap-align:start;background:#111;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.card-media{background:#111;flex:1;min-height:0;position:relative;overflow:hidden}.card-bg-blur{object-fit:cover;filter:blur(30px)brightness(.55);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.15)}.card-bg{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.card-video{object-fit:cover;background:#000;border:none;width:100%;height:100%;position:absolute;inset:0}.mute-toggle{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#00000080;border:none;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex;position:absolute;bottom:16px;right:16px}.card-media-scrim{background:linear-gradient(#0000 75%,#0a0a0a 100%);position:absolute;inset:0}.platform-badge{top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;text-transform:capitalize;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600;position:absolute}.platform-badge.youtube{background:#e01a1a8c}.platform-badge.bluesky{background:#1d9bf08c}.platform-badge.reddit{background:#ff45008c}.platform-badge.tiktok{background:#fe2c558c}.card-overlay{padding:18px 20px calc(18px + env(safe-area-inset-bottom));background:#0a0a0a;flex-direction:column;flex-shrink:0;gap:8px;max-height:42%;display:flex;overflow-y:auto}.card-title{color:#fff;font-size:1.15rem;font-weight:650;line-height:1.35;text-decoration:none}.card-original-title{color:#999;font-size:.8rem;font-style:italic;line-height:1.3}.card-author{color:#ccc;font-size:.9rem}.card-stats{color:#ddd;gap:16px;font-size:.9rem;font-weight:500;display:flex}.card-category{color:#ddd;text-shadow:none;background:#ffffff1f;border-radius:999px;align-self:flex-start;margin-top:2px;padding:3px 10px;font-size:.72rem;font-weight:600}.period-switcher{top:calc(12px + env(safe-area-inset-top));z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border-radius:999px;gap:6px;padding:6px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.period-switcher button{color:#ccc;text-transform:capitalize;background:0 0;border:none;border-radius:999px;padding:6px 14px;font-size:.85rem;transition:background-color .15s,color .15s}.period-switcher button.active{color:#000;background:#fff;font-weight:600}.menu-button{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));z-index:21;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:none;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;display:flex;position:fixed}.menu-button span{background:#fff;border-radius:2px;width:18px;height:2px}.sidebar-backdrop{z-index:19;opacity:0;pointer-events:none;background:0 0;transition:opacity .25s,background-color .25s;position:fixed;inset:0}.sidebar-backdrop.visible{opacity:1;pointer-events:auto;background:#00000080}.sidebar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(280px,82vw);padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));background:#0f0f0ff7;border-right:1px solid #ffffff1a;flex-direction:column;gap:12px;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-header{color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;font-size:1rem;font-weight:650;display:flex}.sidebar-close{color:#ccc;background:0 0;border:none;padding:4px;font-size:1.1rem;line-height:1}.category-mode-toggle{background:#ffffff14;border-radius:999px;flex-shrink:0;gap:3px;padding:3px;display:flex}.category-mode-toggle button{color:#ccc;background:0 0;border:none;border-radius:999px;flex:1;padding:6px 8px;font-size:.78rem}.category-mode-toggle button.active{color:#000;background:#fff;font-weight:600}.category-list{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.category-option{color:#eee;border-radius:6px;align-items:center;gap:8px;padding:6px 4px;font-size:.85rem;display:flex}.category-option:hover{background:#ffffff0f}.category-clear{color:#ff8080;text-align:left;background:0 0;border:none;border-top:1px solid #ffffff1a;flex-shrink:0;padding:8px 4px 2px;font-size:.8rem}@media (width<=480px){.period-switcher{gap:3px;padding:5px}.period-switcher button{padding:5px 9px;font-size:.76rem}}.status{color:#999;z-index:10;flex-direction:column;align-items:center;gap:14px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}