html,body,#root{margin:0;padding:0;background:#000!important;color:#fff;font-family:Inter,system-ui,sans-serif;min-height:100%}body,#root,.chat-container{padding-bottom:0!important}body:before{content:"";position:fixed;width:100%;height:100%;top:0;left:0;pointer-events:none;background:radial-gradient(circle at top center,#e509142e,#000000e6 60%);z-index:-1}.app-header{padding:40px 10px 25px;background:transparent}.app-header h1{font-size:34px;font-weight:800;color:#e50914;margin:0;text-shadow:0 0 16px rgba(229,9,20,.8)}.app-header p{opacity:.8;font-size:15px;margin-top:10px}.app-header button{background:linear-gradient(90deg,#e50914,#ff3a3a);padding:10px 20px;border:none;border-radius:6px;margin:8px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:.25s ease;box-shadow:0 0 14px #e5091499}.app-header button:hover{background:#f6121d;transform:scale(1.07);box-shadow:0 0 22px #ff1414cc}.chat-container{padding:20px;background:transparent}.messages{display:flex;flex-direction:column;gap:22px}.message-bubble{background:#ffffff0d;padding:18px;border-radius:12px;border:1px solid rgba(255,0,0,.25);max-width:70%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;animation:fadeIn .25s ease;box-shadow:0 0 18px #f003}.message-row.user .message-bubble{background:#e50914;border:none;color:#fff;font-weight:600;box-shadow:0 0 26px #e50914bf}.message-from{font-size:13px;opacity:.9;margin-bottom:5px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.input-bar{width:100%;max-width:1100px;display:flex;gap:12px;padding:18px;margin:30px auto;background:#000000b3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(255,0,0,.3);box-shadow:0 0 18px #ff000040;border-radius:12px}textarea{flex:1;background:#ffffff0f;border:1px solid rgba(255,0,0,.25);border-radius:10px;padding:12px;color:#fff;font-size:15px;resize:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}textarea:focus{outline:2px solid #e50914;box-shadow:0 0 16px #e50914b3}.input-bar button{background:#326bf9;padding:0 25px;border-radius:10px;border:none;cursor:pointer;font-size:15px;font-weight:600;transition:.25s;color:#fff}.input-bar button:hover{background:#4b7fff;transform:scale(1.05);box-shadow:0 0 16px #326bf999}.video-list h4{text-align:left;font-size:20px;font-weight:600;margin-top:10px}.video-grid{margin-top:15px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.video-card{background:#0a0a0a;border-radius:12px;overflow:hidden;transition:.25s ease;border:1px solid rgba(255,0,0,.2);box-shadow:0 0 18px #ff000026}.video-card:hover{transform:scale(1.05);border-color:#e50914;box-shadow:0 0 30px #e5091480}video-card img{width:100%;height:130px;object-fit:cover}.video-info{padding:12px}.video-title{color:#fff;font-weight:600;text-decoration:none}.video-title:hover{color:#e50914}.video-channel{opacity:.7;margin-top:4px}.video-date{opacity:.5;font-size:12px;margin-top:4px}.like-btn{width:100%;background:#e50914;padding:8px;border-radius:8px;border:none;margin-top:10px;cursor:pointer;transition:.2s;color:#fff}.like-btn:hover{background:#f6121d;transform:scale(1.07);box-shadow:0 0 14px #f009}.liked-btn-green{width:100%;background:#1dbf42;padding:8px;border-radius:8px;border:none;margin-top:10px;cursor:default;color:#fff;font-weight:600;box-shadow:0 0 14px #0f06;transition:.25s ease}.liked-btn-green:hover{background:#1dbf42;transform:none;box-shadow:0 0 18px #00ff0080}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f172a;color:#e5e7eb}.app-root{min-height:100vh;display:flex;flex-direction:column}.app-header{padding:1rem 2rem;border-bottom:1px solid rgba(148,163,184,.4);background:linear-gradient(135deg,#020617,#0f172a)}.app-header h1{margin:0;font-size:1.5rem}.app-header p{margin:.25rem 0 0;color:#9ca3af}.chat-container{flex:1;display:flex;flex-direction:column;max-width:900px;margin:0 auto;padding:1rem;gap:1rem}.messages{flex:1;overflow-y:auto;padding:.5rem;border-radius:.75rem;background:#0f172ae6;border:1px solid rgba(148,163,184,.3)}.message-row{display:flex;margin-bottom:.75rem}.message-row.user{justify-content:flex-end}.message-row.agent{justify-content:flex-start}.message-bubble{max-width:80%;padding:.75rem 1rem;border-radius:.75rem;background:#1e40afe6;box-shadow:0 8px 20px #0f172a99;font-size:.95rem;white-space:pre-wrap}.message-row.user .message-bubble{background:#2563ebe6}.message-row.agent .message-bubble{background:#0f172af2}.message-from{font-size:.75rem;font-weight:600;color:#9ca3af;margin-bottom:.25rem}.message-text{margin-bottom:.5rem}.input-bar{display:flex;gap:.5rem}.input-bar textarea{flex:1;resize:none;padding:.75rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.5);background:#0f172ae6;color:#e5e7eb}.input-bar textarea:focus{outline:none;border-color:#3b82f6}.input-bar button{padding:0 1.25rem;border-radius:.75rem;border:none;font-weight:600;cursor:pointer;background:#2563eb;color:#fff;transition:opacity .15s ease,transform .05s ease}.input-bar button:hover{opacity:.9}.input-bar button:active{transform:scale(.98)}.input-bar button:disabled{opacity:.6;cursor:default}.video-list{margin-top:.75rem;padding-top:.5rem;border-top:1px solid rgba(55,65,81,.8)}.video-list h4{margin:0 0 .5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.video-card{background:#0f172ae6;border-radius:.75rem;padding:.5rem;border:1px solid rgba(55,65,81,.9)}.video-card img{width:100%;display:block;border-radius:.5rem;margin-bottom:.5rem}.video-info{font-size:.8rem}.video-title{display:block;font-weight:600;color:#e5e7eb;text-decoration:none;margin-bottom:.25rem}.video-title:hover{text-decoration:underline}.video-channel{color:#9ca3af}.video-date{color:#6b7280;font-size:.75rem}