@import "https://fonts.googleapis.com/css2?family=Train+One&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:Arial,Helvetica,sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:40px}img,video{max-width:100%;height:auto}button,input{font:inherit}.dashboard{background:#4daeb5;min-height:calc(100vh - 104px);position:relative;overflow:hidden}.title{letter-spacing:0;color:#0000;-webkit-text-stroke:.6px white;z-index:2;text-align:center;margin:0;font-family:Train One,cursive;font-size:clamp(32px,4vw,52px);font-style:normal;font-weight:400;line-height:1;position:absolute;top:10px;left:50%;transform:translate(-50%)}.search-box{z-index:2;background:#2a2a2a;border-radius:40px;align-items:center;width:600px;max-width:90%;height:60px;padding-left:20px;display:flex;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.search-box input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:18px}.search-box button{color:#fff;cursor:pointer;background:#000;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.hero-image{z-index:1;width:600px;max-width:80%;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.dashboard-error{color:#fff;z-index:3;background:#1a1a1a;border-left:4px solid #ff4d4f;border-radius:8px;max-width:360px;padding:12px 16px;font-size:14px;line-height:1.4;animation:.35s ease-out forwards dashboardErrorSlideIn;position:absolute;top:70px;left:24px;transform:translate(0);box-shadow:0 6px 18px #0006}@keyframes dashboardErrorSlideIn{0%{opacity:0;transform:translate(-400px)}to{opacity:1;transform:translate(0)}}@media (width<=1024px){.title{font-size:clamp(20px,3vw,30px);top:10px}.search-box{width:450px;height:45px;top:46.5%}.search-box button{width:45px;height:45px}.hero-image{width:400px;top:50%}.dashboard-error{max-width:calc(100% - 48px);font-size:13px;top:60px;left:24px}}@media (width<=768px){.title{font-size:26px;top:50px}.search-box{width:330px;height:30px;top:42%}.search-box button{width:30px;height:30px}.hero-image{width:320px;top:45%}.dashboard-error{max-width:calc(100% - 32px);padding:10px 14px;font-size:11px;top:50px;left:16px}}@media (width<=480px){.title{font-size:20px;top:40px}.search-box{width:260px;top:42%}.search-box button{width:30px;height:30px}.hero-image{width:260px}.dashboard-error{max-width:calc(100% - 24px);font-size:9px;top:45px;left:12px}}.header{background:#4daeb5;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.header.no-title{justify-content:flex-end}.logo-text{letter-spacing:0;color:#0000;-webkit-text-stroke:.6px white;align-items:center;font-family:Train One,cursive;font-size:clamp(28px,3vw,38px);font-style:normal;font-weight:400;line-height:1;display:flex}.right-section{align-items:center;gap:10px;display:flex}.grok-box{background:#111;border-radius:8px;align-items:center;padding:6px 12px;display:flex}.grok-box img{height:26px;display:block}.settings-container{align-items:center;display:flex;position:relative}.dropdown{z-index:1000;opacity:0;background:#1a1a1a;border-radius:6px;min-width:120px;animation:.2s forwards dropdownFade;position:absolute;top:35px;right:0;transform:translateY(-5px);box-shadow:0 4px 10px #0006}.dropdown-item{color:#fff;cursor:pointer;text-align:center;padding:10px 12px}.dropdown-item:hover{background:#333}@keyframes dropdownFade{to{opacity:1;transform:translateY(0)}}.settings-icon{color:#fff;cursor:pointer;margin-left:4px;font-size:18px}@media (width<=768px){.header{padding:0 16px}.logo-text{font-size:22px}.right-section{gap:8px}.grok-box img{height:22px}}@media (width<=480px){.header{padding:0 12px}.logo-text{font-size:20px}}.footer{color:#fff;background-color:#000;justify-content:center;align-items:center;width:100%;height:40px;font-size:12px;display:flex}@media (width<=600px){.footer{text-align:center;padding:0 8px;font-size:11px}}.player-page{background:#000;flex-direction:row;height:calc(100vh - 104px);display:flex;overflow:hidden}.video-section{background:#000;flex:3;justify-content:center;align-items:center;height:100%;display:flex;overflow:hidden}.video-player{object-fit:cover;width:100%;height:100%}.chat-section{color:#fff;background:#0d0d0d;border-left:1px solid #ccc;flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}@media (width<=1024px){.player-page{flex-direction:column}.video-section{flex:none;height:50vh}.video-player{object-fit:cover;height:100%}.chat-section{border-top:1px solid #ccc;border-left:none;flex:1}}@media (width<=600px){.video-section,.video-player{height:auto}}.chat-container{background:#0d0d0d;flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-messages{scrollbar-width:none;flex:1;min-height:0;padding:15px;overflow-y:auto}.chat-messages::-webkit-scrollbar{display:none}.chat-bubble{border-radius:12px;max-width:75%;margin:8px 0;padding:12px;font-size:14px;line-height:1.4}.chat-bubble.user{color:#fff;text-align:left;background:#3b3b3b;border-radius:22px;margin-left:auto;padding:14px 18px}.chat-bubble.bot{color:#f5f5f5;background:#1f1f1f;border:1px solid #262626;border-radius:14px;max-width:100%;margin-left:0;margin-right:0;box-shadow:0 4px 10px #00000073}.chat-input{background:0 0;border-radius:0;flex-shrink:0;align-items:center;height:64px;margin:12px;padding:0;display:flex;box-shadow:0 2px 10px #0006}.chat-input input{color:#fff;background:#1a1a1a;border:none;border-radius:999px;outline:none;flex:1;height:100%;padding:14px 18px;font-size:14px}.chat-input input::placeholder{color:#888}.chat-send-button{color:#fff;cursor:pointer;background:#2b7a78;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-left:-56px;font-size:22px;transition:background .2s,transform .1s;display:flex}.chat-send-button:hover{background:#3fa5a3;transform:translateY(-1px)}.chat-send-button:active{transform:translateY(0)}.chat-answer-text{font-size:14px;line-height:1.5}.chat-answer-meta{border-top:1px solid #353535;margin-top:10px;padding-top:6px;font-size:12px}.chat-timestamp{color:#b3b3b3}.jump-button{color:#fff;cursor:pointer;background:#e63946;border:none;border-radius:10px;align-items:center;gap:6px;margin-top:10px;padding:8px 14px;font-size:14px;font-weight:500;transition:background .2s,transform .1s;display:inline-flex}.jump-button:hover{background:#ff4b5c;transform:translateY(-1px)}.jump-button:active{transform:translateY(0)}.jump-icon{font-size:13px}.typing span{background:#fff;border-radius:50%;width:6px;height:6px;margin:0 2px;animation:1.4s infinite blink;display:inline-block}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.video-container{width:100%;height:100%;position:relative}.video-element{object-fit:cover;width:100%;height:100%}