*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #000;--color-text: #fff;--color-accent: #ff4081;--color-fanza: #ff6b35;--color-duga: #4fc3f7;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}html,body,#root{height:100%;width:100%;overflow:hidden;background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;touch-action:pan-y;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-sm{width:20px;height:20px}.icon-lg{width:28px;height:28px}.age-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:var(--color-bg);padding:32px;text-align:center}.age-gate h1{font-size:24px;font-weight:700}.age-gate p{font-size:14px;color:#999;max-width:320px;line-height:1.6}.age-gate-actions{display:flex;gap:16px;margin-top:8px}.age-gate-actions button{padding:14px 40px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s}.age-gate-actions button:active{opacity:.7}.btn-enter{background:var(--color-accent);color:#fff}.btn-leave{background:#333;color:#999}.video-feed{height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch}.video-feed::-webkit-scrollbar{display:none}.video-card{position:relative;height:100dvh;width:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#000}.video-error{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;background:#111;color:#666;font-size:14px}.video-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;filter:blur(16px) brightness(.5);transform:scale(1.1)}.video-fg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center}.video-fg video{width:100%;height:100%;object-fit:contain}.video-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;background:#00000080;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#fff}.spinner-small{width:28px;height:28px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.seek-bar{margin:0 -16px 8px;padding:8px 0;cursor:pointer;touch-action:none}.seek-track{height:2px;background:#ffffff4d;border-radius:1px;position:relative;transition:height .15s ease}.seek-bar.seeking .seek-track{height:4px}.seek-fill{height:100%;background:#fff;border-radius:inherit;position:relative}.seek-thumb{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 4px #0000004d}.product-info{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:80px 16px 0;padding-bottom:calc(20px + var(--safe-bottom));background:linear-gradient(transparent,#000000b3 30%)}.product-title{font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px;padding-right:56px}.product-meta{font-size:12px;color:#ccc;display:flex;gap:8px;flex-wrap:wrap;padding-right:56px}.cta-row{display:flex;gap:8px;margin-top:12px}.cta-button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 8px;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:700;text-align:center;text-decoration:none;transition:opacity .2s}.cta-button:active{opacity:.8}.cta-fanza{background:var(--color-fanza)}.cta-duga{background:var(--color-duga);color:#000}.cta-label{font-size:12px;font-weight:800}.cta-price{font-size:14px}.action-bar{position:absolute;right:10px;bottom:calc(160px + var(--safe-bottom));z-index:10;display:flex;flex-direction:column;align-items:center;gap:16px}.action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:#fff;cursor:pointer;font-size:10px}.action-btn:active{transform:scale(.9)}.action-icon{width:44px;height:44px;border-radius:50%;background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.fullscreen-trigger{position:fixed;top:calc(12px + var(--safe-top));right:60px;z-index:50;width:40px;height:40px;border-radius:50%;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.genre-filter-trigger{position:fixed;top:calc(12px + var(--safe-top));right:12px;z-index:50;width:40px;height:40px;border-radius:50%;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.genre-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#00000080}.genre-sheet{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#1a1a1a;border-radius:16px 16px 0 0;padding:20px;padding-bottom:calc(20px + var(--safe-bottom));max-height:60dvh;overflow-y:auto}.genre-sheet h2{font-size:16px;margin-bottom:16px}.genre-chips{display:flex;flex-wrap:wrap;gap:8px}.genre-chip{padding:8px 16px;border-radius:20px;border:1px solid #444;background:transparent;color:#ccc;font-size:13px;cursor:pointer;transition:all .2s}.genre-chip.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.fanza-credit{font-size:10px;color:#888;margin-top:6px}.loading{height:100dvh;display:flex;align-items:center;justify-content:center}.spinner{width:40px;height:40px;border:3px solid #333;border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#666}.install-banner{position:fixed;bottom:calc(16px + var(--safe-bottom));left:12px;right:12px;z-index:90;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1a1a1a;border:1px solid #333;border-radius:14px;box-shadow:0 4px 24px #0009;animation:install-banner-in .3s ease-out}@keyframes install-banner-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.install-banner-close{position:absolute;top:-8px;right:-4px;width:28px;height:28px;border-radius:50%;background:#333;border:none;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.install-banner-icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;overflow:hidden}.install-banner-icon img{width:100%;height:100%;object-fit:cover}.install-banner-body{flex:1;min-width:0}.install-banner-title{font-size:14px;font-weight:700;line-height:1.3}.install-banner-desc{font-size:12px;color:#999;line-height:1.4;margin-top:2px}.install-banner-btn{flex-shrink:0;padding:8px 16px;border:none;border-radius:8px;background:var(--color-accent);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .2s}.install-banner-btn:active{opacity:.7}