:root{--bg:#f5f7fa;--text:#333;--sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;font-family:var(--sans);background-color:var(--bg);color:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%}:root{--bg-main:#0f172a;--bg-card:#1e293bb3;--accent-primary:#3b82f6;--accent-success:#10b981;--accent-danger:#ef4444;--accent-warning:#f59e0b;--accent-gold:#fbbf24;--text-primary:#f8fafc;--text-secondary:#94a3b8;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--font-main:"Outfit", sans-serif}*{box-sizing:border-box}body{font-family:var(--font-main);color:var(--text-primary);background:radial-gradient(circle at 0 0,#1e293b,#0f172a);min-height:100vh;margin:0;padding:0;overflow-x:hidden}.app-container{flex-direction:column;align-items:center;max-width:900px;min-height:100vh;margin:0 auto;padding:40px 20px;display:flex}.app-header{text-align:center;margin-bottom:40px;animation:.8s ease-out slideDown}.app-header h1{letter-spacing:-1px;background:linear-gradient(90deg,#fde68a,#fbbf24,#b45309);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:3rem;font-weight:700}.video-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);width:100%;box-shadow:var(--glass-shadow);border-radius:24px;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.8s ease-out fadeIn;overflow:hidden}.video-card:hover{border:1px solid #fff3;transform:translateY(-4px);box-shadow:0 12px 48px #00000080}.video-card.is-liked{border:2px solid var(--accent-gold);box-shadow:0 0 30px #fbbf2433, var(--glass-shadow)}.video-card.is-liked .controls{background:linear-gradient(#0f172ab3,#78350f4d)}.liked-badge{background:var(--accent-gold);color:#000;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;animation:.4s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 4px 15px #fbbf2466}@keyframes popIn{0%{opacity:0;transform:scale(0)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.video-wrapper{aspect-ratio:16/9;background:#000;width:100%;position:relative}.controls{background:#0f172a80;grid-template-columns:repeat(3,1fr);gap:20px;padding:30px;display:grid}.controls.two-buttons{grid-template-columns:1fr 1fr}.btn-container{flex-direction:column;align-items:center;gap:8px;display:flex}.btn-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.btn-circle{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.btn-circle:hover{transform:scale(1.15)rotate(5deg)}.btn-circle:active{transform:scale(.95)}.btn-dislike{background:linear-gradient(135deg,#ef4444,#991b1b)}.btn-skip{background:linear-gradient(135deg,#3b82f6,#1e40af)}.btn-like{background:linear-gradient(135deg,#10b981,#065f46)}.btn-remove{background:linear-gradient(135deg,#64748b,#334155)}.rate-limit-banner{color:#fbbf24;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:12px;width:100%;margin-bottom:24px;padding:12px 24px;font-weight:500}.empty-state{text-align:center;background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;max-width:600px;padding:60px 30px;animation:.8s ease-out fadeIn}.empty-state h2{background:linear-gradient(90deg,#fde68a,#fbbf24,#b45309);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:2rem}.app-footer{text-align:center;margin-top:auto;padding-top:60px}.link-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:1px solid #0000;padding-bottom:2px;font-size:.9rem;text-decoration:none;transition:color .3s}.link-btn:hover{color:var(--accent-primary);border-bottom:1px solid var(--accent-primary)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--glass-border);background:#1e293b;border-radius:28px;width:100%;max-width:550px;padding:40px;position:relative;box-shadow:0 25px 50px -12px #00000080}.modal-content h3{background:linear-gradient(90deg,#fde68a,#fbbf24,#b45309);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:1.5rem;display:inline-block}.modal-content p,.modal-content li{color:var(--text-secondary);line-height:1.7}.inline-link-btn{color:var(--accent-gold);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.app-header h1{font-size:2.2rem}.controls{gap:10px;padding:20px}.btn-circle{width:50px;height:50px}.btn-label{font-size:.65rem}}@media (height<=500px) and (orientation:landscape){html,body,#root,.app-container{border:0!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important}.app-header,.app-footer{display:none!important}.app-container{background:radial-gradient(circle at 0 0,#1e293b,#0f172a)!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;display:flex!important}.video-card{width:100%!important;height:100%!important;box-shadow:none!important;background:#000!important;border:none!important;border-radius:0!important;flex-direction:row!important;margin:0!important;display:flex!important}.video-wrapper{background:#000!important;flex:1!important;height:100%!important}.video-container{height:100%!important}.controls{background:#0f172af2;flex-direction:column;justify-content:center;align-items:center;gap:25px;width:120px;height:100%;padding:0 10px;display:flex}.btn-container{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.btn-circle{flex-shrink:0;width:44px;height:44px}.btn-circle svg{width:22px;height:22px}.btn-label{white-space:nowrap;font-size:.65rem}.liked-badge{display:none}}