:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b1221;color:#fff}
*{box-sizing:border-box}body{margin:0;overflow:hidden}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}
.video-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#101b30;border-bottom:1px solid #263550}.video-header h1{font-size:16px;margin:0}.brand{display:flex;align-items:center;gap:8px;font-weight:800}.brand img{width:28px;height:28px}.video-header>a:last-child{font-size:13px;color:#b9ceff}
#video-feed{height:calc(100vh - 60px);height:calc(100dvh - 60px);overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;touch-action:pan-y}#video-feed::-webkit-scrollbar{display:none}
.video-card{height:100%;min-height:450px;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;padding:12px 58px 16px;gap:10px}.video-stage{width:100%;max-width:390px;flex:1;min-height:200px;display:flex;align-items:center;justify-content:center;background:#030712;border-radius:18px;position:relative;overflow:hidden}.video-stage iframe{width:100%;height:100%;border:0;min-height:200px}.video-placeholder{padding:24px;text-align:center}.video-placeholder p{font-size:13px;line-height:1.5;color:#becbe2}.video-play{border:0;border-radius:999px;background:#2563eb;color:white;padding:14px 25px;font-weight:700}.video-info{width:100%;max-width:390px}.video-info h2{font-size:16px;line-height:1.3;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-info p{font-size:12px;color:#b4c2da;margin:3px 0}.video-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.video-price{font-size:20px;font-weight:800;white-space:nowrap}.video-listing{border-radius:12px;background:#2563eb;padding:12px 16px;font-size:13px;font-weight:800;white-space:nowrap}.video-source{font-size:11px;color:#b4c2da;display:inline-block;margin-top:7px}.feed-controls{position:fixed;right:12px;top:50%;display:flex;flex-direction:column;gap:12px}.feed-controls[hidden]{display:none}.feed-controls button{border:1px solid #425677;background:#142139;color:#fff;border-radius:50%;width:38px;height:38px;font-size:21px}.feed-controls button:disabled{opacity:.35;cursor:default}.feed-status{height:100%;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px;gap:12px}.feed-status h2{font-size:20px;margin:0}.feed-status p{font-size:14px;max-width:400px;color:#b4c2da;line-height:1.5}.feed-status a,.feed-status button{background:#2563eb;color:white;border:0;border-radius:12px;padding:12px 18px;font-size:14px}.feed-status[hidden]{display:none}:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}
@media(max-width:600px){.video-header{padding:0 12px;height:52px}.brand{font-size:13px}.video-header h1{font-size:14px}#video-feed{height:calc(100dvh - 52px)}.video-card{padding:8px 48px 12px 12px;gap:8px}.video-stage{border-radius:12px}.feed-controls{right:5px}.feed-controls button{width:34px;height:34px}.video-price{font-size:17px}.video-listing{padding:11px 13px}.video-info h2{font-size:14px}}
@media(prefers-reduced-motion:reduce){#video-feed{scroll-behavior:auto}}
.video-sound{display:block;margin-top:6px;background:transparent;border:1px solid #425677;border-radius:8px;color:#b9ceff;font-size:11px;padding:5px 9px}

/* Shared marketplace identity; only the embedded player keeps its dark canvas. */
:root{color-scheme:light;font-family:Inter,system-ui,sans-serif;background:#F8F9FE;color:#0f172a;--video-header-height:104px}
body{background:#F8F9FE}
#video-feed{height:calc(100vh - var(--video-header-height));height:calc(100dvh - var(--video-header-height))}
.video-card{padding-top:16px;padding-bottom:18px}
.video-stage{border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 18px #0f172a0a}
.video-info{background:white;border:1px solid #e2e8f0;border-radius:16px;padding:14px;box-shadow:0 4px 18px #0f172a04}
.video-info h2{font-weight:800;color:#0f172a}.video-info p,.video-source{color:#64748b}
.video-price{color:#155dfc}.video-listing{background:#155dfc;color:white;box-shadow:0 2px 5px #155dfc26}
.video-listing:hover{background:#1447e6}.video-sound{border-color:#dbeafe;background:#eff6ff;color:#155dfc}
.feed-controls button{border-color:#e2e8f0;background:white;color:#475569;box-shadow:0 2px 8px #0f172a0a}
.feed-controls button:hover:not(:disabled){background:#eff6ff;color:#155dfc}
.feed-status p{color:#64748b}
@media(max-width:600px){.video-card{padding-top:10px;padding-bottom:10px}.video-info{padding:10px}.video-stage{border-radius:14px}.video-info h2{font-size:14px}.video-listing{padding:10px;font-size:12px}}