@import url(https://fonts.googleapis.com/css2?family=Bangers&family=Fredoka+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--text:#18181b;--gray-200:#e4e4e7;--gray-300:#a1a1aa;--gray-500:#6b7280;--gray-600:#52525b;--gray-700:#3f3f46;--gray-800:#27272a;--gray-900:#18181b;--gray-1000:#09090b;--border-stroke:#e4e4e7;--accent-blue:#2563eb;--accent-blue-active-bg:#eff6ff;--accent-blue-active:#1d4ed8;--accent-blue-headers:#2563eb;--accent-green:#22c55e;--midnight-blue:#1e3a8a;--blue-30:#bfdbfe;--accent-red:#ef4444;--background:#fff;--color:var(--text);--font-family:"Inter",sans-serif;--Neutral-00:#fff;--Neutral-5:#f3f4f6;--Neutral-10:#e5e7eb;--Neutral-15:#d1d5db;--Neutral-20:#9ca3af;--Neutral-30:#6b7280;--Neutral-40:#525866;--Neutral-50:#4b5563;--Neutral-60:#374151;--Neutral-70:#27303f;--Neutral-80:#1f2937;--Neutral-90:#111827;--Green-500:#0d9c53;--Green-700:#025022;--Blue-100:#e6f0ff;--Blue-200:#cce0ff;--Blue-300:#99c2ff;--Blue-400:#80c1ff;--Blue-500:#1f94ff;--Blue-600:#2563eb;--Blue-700:#1d4ed8;--Blue-800:#0f3557;--White:#fff;--Red-400:#ff9c7a;--Red-500:#ff4600;--Red-600:#e03c00;--Red-700:#bd3000;--Yellow-100:#fff176;--Yellow-200:#ffeb3b;--Yellow-300:#ffc107;--Yellow-400:#ff9800;--Yellow-500:#f57c00;--Gold-100:gold;--Gold-200:#ffed4e;scrollbar-color:#52525b #18181b;scrollbar-color:var(--gray-600) var(--gray-900);scrollbar-width:thin}body,html{height:100%;margin:0;overflow-x:hidden;overflow-y:auto;padding:0}body{background:#fff;background:var(--background);color:#18181b;color:var(--text);font-family:Inter,sans-serif}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.space-mono-regular{font-weight:400}.space-mono-bold,.space-mono-regular{font-family:Space Mono,monospace;font-style:normal}.space-mono-bold{font-weight:700}.space-mono-regular-italic{font-family:Space Mono,monospace;font-style:italic;font-weight:400}.space-mono-bold-italic{font-family:Space Mono,monospace;font-style:italic;font-weight:700}.hidden{display:none}.flex{display:flex}.h-screen-full{height:100vh}.w-screen-full{width:100vw}.flex-col{flex-direction:column}.streaming-console{background:#fff;background:var(--background);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#27272a;color:var(--gray-800);display:flex;height:100vh;overflow-y:auto;position:relative;width:100vw}.streaming-console.with-discord-snackbar{padding-top:50px}@media(max-width:768px){.streaming-console.with-discord-snackbar{padding-top:41px}}.streaming-console.without-discord-snackbar{padding-top:0}.streaming-console a,.streaming-console a:active,.streaming-console a:visited{color:#a1a1aa;color:var(--gray-300)}.streaming-console .disabled,.streaming-console .disabled>*{pointer-events:none}.streaming-console main{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:1rem;justify-content:flex-start;margin:0 auto;max-width:1400px;min-height:100vh;overflow-y:visible;position:relative;width:100%}.streaming-console .main-app-area{align-items:flex-start;display:flex;flex:1 1;height:100%;justify-content:center;position:relative;width:100%}.streaming-console .function-call{height:50%;overflow-y:auto;position:absolute;top:0;width:100%}.stream{border-radius:32px;flex-grow:1;max-height:fit-content;max-width:90%}@keyframes logo-float{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(3px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-.5deg)}75%{transform:translate(2px,-1px) rotate(.8deg)}to{transform:translate(0) rotate(0deg)}}.main-app-area .youtube-player-container{bottom:0;height:100%;left:0;margin:0;max-height:100vh;max-width:100%;position:absolute;right:0;top:0;width:100%;z-index:5}@media(max-width:768px){.main-app-area .youtube-player-container{margin:0}}.topic-cards{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;max-height:none;max-width:1400px;overflow-x:hidden;overflow-y:visible;padding-bottom:2rem;scrollbar-color:#4b5563 #9ca3af;scrollbar-color:var(--Neutral-50) var(--Neutral-20);scrollbar-width:thin;width:100%}.topic-cards::-webkit-scrollbar{width:8px}.topic-cards::-webkit-scrollbar-track{background:#9ca3af;background:var(--Neutral-20);border-radius:4px}.topic-cards::-webkit-scrollbar-thumb{background:#4b5563;background:var(--Neutral-50);border-radius:4px}.topic-cards::-webkit-scrollbar-thumb:hover{background:#374151;background:var(--Neutral-60)}.topic-card{background:#fff;border:1px solid #e4e4e7;border:1px solid var(--border-stroke);border-radius:8px;box-shadow:0 2px 8px #0000000f;cursor:pointer;margin-bottom:1rem;max-width:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:100%}@media(min-width:768px){.topic-card{max-width:calc(50% - .5rem);width:calc(50% - .5rem)}}@media(min-width:1024px){.topic-card{max-width:calc(33.333% - .67rem);width:calc(33.333% - .67rem)}}@media(min-width:1280px){.topic-card{max-width:calc(25% - 1rem);width:calc(25% - .75rem)}}.topic-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-4px)}.topic-card .topic-card-image-container{height:200px;overflow:hidden;position:relative;width:100%}.topic-card .topic-thumbnail{display:block;height:100%;object-fit:cover;width:100%}.topic-card .topic-sector-badge{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffa50026;border:1px solid #ffa5004d;border-radius:0 12px 0 5px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014,inset 0 1px 0 #fff3;color:#fff;font-family:Inter,sans-serif;font-family:var(--font-family);font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:2px 8px;position:absolute;right:0;text-transform:uppercase;top:0;transition:all .3s ease;z-index:2}.topic-card .topic-sector-badge:hover{background:#ffa50040;border-color:#ffa50080;box-shadow:0 6px 12px #00000026,0 2px 4px #0000001a,inset 0 1px 0 #ffffff4d;transform:translateY(-1px)}.topic-card .topic-content{padding:1.5rem}.topic-card .topic-content .topic-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:.3px;line-height:1.3;margin:0 0 .5rem;min-height:50px;overflow:hidden}.topic-card .topic-content .topic-subtitle{color:#a1a1aa;color:var(--gray-300);font-family:Inter,sans-serif;font-family:var(--font-family);font-size:1rem;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topics-empty,.topics-error,.topics-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:3rem;text-align:center;width:100%}.topics-loading .loading-spinner{color:#a1a1aa;color:var(--gray-300);font-family:Inter,sans-serif;font-family:var(--font-family);font-size:1.1rem;position:relative}.topics-loading .loading-spinner:after{animation:spin 1s linear infinite;border:3px solid #6b7280;border-top:3px solid #2563eb;border:3px solid var(--Neutral-30);border-radius:50%;border-top-color:var(--accent-blue);content:"";display:block;height:30px;margin:1rem auto 0;width:30px}.topics-error p{color:#ff9c7a;color:var(--Red-400);font-size:1.1rem;line-height:1.4;margin-bottom:1.5rem}.topics-error button,.topics-error p{font-family:Inter,sans-serif;font-family:var(--font-family)}.topics-error button{background:#ff4600;background:var(--Red-500);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.topics-error button:hover{background:#e03c00;background:var(--Red-600);box-shadow:0 4px 12px #ff46004d;transform:translateY(-2px)}.topics-error button:active{transform:translateY(0)}.topics-empty p{color:#a1a1aa;color:var(--gray-300);font-family:Inter,sans-serif;font-family:var(--font-family);font-size:1.1rem;line-height:1.4}.youtube-player-container{align-items:center;padding:0 1rem}.permanent-discord-snackbar{background:linear-gradient(135deg,#5865f2,#7289da 50%,#5865f2);border-bottom:2px solid #4752c4;box-shadow:0 4px 16px #5865f266,0 2px 8px #7289da4d,0 0 0 1px #ffffff1a;left:0;position:fixed;right:0;top:0;z-index:1000}.permanent-discord-snackbar .discord-snackbar-content{align-items:center;color:#fff;display:flex;font-family:Inter,sans-serif;font-family:var(--font-family);font-size:.9rem;font-weight:600;gap:.75rem;justify-content:center;padding:.75rem 1rem;text-align:center}@media(max-width:768px){.permanent-discord-snackbar .discord-snackbar-content{font-size:.8rem;gap:.5rem}}.permanent-discord-snackbar .discord-snackbar-content .discord-icon-wrapper{align-items:center;display:flex;flex-shrink:0;justify-content:center}.permanent-discord-snackbar .discord-snackbar-content .discord-icon-wrapper .discord-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.permanent-discord-snackbar .discord-snackbar-content .discord-snackbar-text{letter-spacing:.5px;text-shadow:0 1px 2px #0000004d}@media(max-width:768px){.permanent-discord-snackbar .discord-snackbar-content .discord-snackbar-text .discord-prefix{display:none}.permanent-discord-snackbar .discord-snackbar-content .discord-snackbar-text{font-size:.75rem;letter-spacing:.25px}}.permanent-discord-snackbar:before{animation:discordGlow 6s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}@keyframes discordGlow{0%{left:-100%;opacity:0}50%{left:100%;opacity:1}to{left:100%;opacity:0}}.app-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;position:relative;width:100%;z-index:10}.app-header:before{background:radial-gradient(ellipse at 25% 30%,#fff6 0,#0000 65%),radial-gradient(ellipse at 75% 70%,#fff3 0,#0000 55%),linear-gradient(180deg,#fff3,#0000 60%);bottom:0;left:0;right:0}.app-header:after,.app-header:before{content:"";pointer-events:none;position:absolute;top:0}.app-header:after{animation:headerShimmer 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff40,#0000);height:100%;left:-100%;width:100%}.app-header .header-container{align-items:center;display:flex;justify-content:space-between;padding:0 10px 0 0;width:100%}.app-header .header-right{align-items:center;display:flex;gap:1rem}.app-header .header-logo{cursor:pointer;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2)) drop-shadow(0 2px 4px rgba(0,0,0,.15)) drop-shadow(0 1px 2px rgba(0,0,0,.1));height:60px;object-fit:contain;padding:1px 0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:auto;z-index:1}.app-header .header-logo:hover{filter:drop-shadow(0 6px 12px rgba(0,0,0,.25)) drop-shadow(0 3px 6px rgba(0,0,0,.2)) drop-shadow(0 1px 3px rgba(0,0,0,.15));transform:scale(1.1) translateY(-2px)}.app-header .header-logo:active{transform:scale(1.05) translateY(-1px);transition-duration:.1s}@keyframes headerShimmer{0%{left:-100%;opacity:0}50%{left:100%;opacity:1}to{left:100%;opacity:0}}.auth-header{gap:1rem;position:relative;z-index:1}.auth-header,.auth-loading{align-items:center;display:flex}.auth-loading{justify-content:center;min-height:100vh;padding:.5rem 1rem}.auth-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #667eea1a;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.login-button{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#333;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-family);font-size:.7rem;font-weight:600;gap:.5rem;padding:.4rem 1rem;transition:all .3s ease}.login-button:hover{background:#f8f9fa;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-button .google-icon{flex-shrink:0}.login-button .loading-spinner{color:#666}.user-profile{position:relative}.profile-button,.user-profile{align-items:center;display:flex}.profile-button{background:none!important;border:none!important;border-radius:12px;color:#333;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-family);font-size:.9rem;font-weight:600;gap:.75rem;padding:.25rem 1rem;transition:all .3s ease}.profile-button:hover{background:#ffffff59;border-color:#ffffff80;transform:translateY(-1px)}.profile-button .profile-avatar,.profile-button .profile-avatar-placeholder{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.profile-button .profile-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:.8rem;font-weight:700;justify-content:center}.profile-button .profile-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-button .level-display{align-items:center;display:flex;font-size:.8rem;font-weight:700;gap:.25rem;padding:.25rem .5rem;transition:all .3s ease}.profile-button .level-display .level-icon{color:var(--blue-200);font-size:.7rem}.profile-button .level-display .level-name{min-width:1.5rem;text-align:center}.profile-button .level-display.paid-level .level-icon{animation:shine-text 2s ease-in-out infinite;color:gold}.profile-button .level-display.paid-level .level-name{animation:shine-text 2s ease-in-out infinite;color:var(--primary-color)}@keyframes shine-text{0%,to{text-shadow:0 0 8px #ffd70099}50%{text-shadow:0 0 15px gold,0 0 25px #ffd700cc}}.profile-button .dropdown-arrow{transition:transform .3s ease}.profile-button .dropdown-arrow.rotated{transform:rotate(180deg)}.profile-button .profile-right-section{align-items:center;display:flex;gap:.2rem}.profile-dropdown{animation:dropdownFadeIn .2s ease;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;margin-top:.5rem;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:1rem}.dropdown-header .dropdown-email{color:#666;display:block;font-size:.8rem;font-weight:500;margin-bottom:.5rem}.dropdown-header .dropdown-level{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.dropdown-header .dropdown-level .level-label{color:#666;font-size:.8rem;font-weight:500}.dropdown-header .dropdown-level .level-value{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:8px;color:#333;font-size:.9rem;font-weight:700;min-width:2rem;padding:.25rem .5rem;text-align:center}.dropdown-divider{background:#e9ecef;height:1px}.dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background:#f8f9fa}.dropdown-item .dropdown-icon{flex-shrink:0}@media(max-width:768px){.app-header{min-height:60px;padding:0 1.5rem}.app-header .header-logo{height:48px}.profile-button{padding:.1rem .5rem}.profile-button .profile-name{display:none}.profile-button .level-display{font-size:.75rem;padding:.2rem .4rem}.profile-button .level-display .level-name{min-width:1.2rem}.login-button{padding:.3rem .5rem}.login-button span{display:none}}@media(max-width:480px){.app-header{min-height:56px;padding:0}.app-header .header-logo{height:52px;padding:5px 0}}.timeout-notification{position:fixed;right:20px;top:20px;transform:translateX(100%);transition:transform .3s ease;z-index:10000}.timeout-notification.visible{transform:translateX(0)}.timeout-content{align-items:flex-start;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:12px;box-shadow:0 4px 20px #ff6b6b4d;color:#fff;display:flex;gap:.75rem;max-width:400px;min-width:300px;padding:1rem}.timeout-content .timeout-icon{flex-shrink:0;font-size:1.5rem;margin-top:.1rem}.timeout-content .timeout-text{flex:1 1}.timeout-content .timeout-text h4{font-size:1rem;font-weight:700;margin:0 0 .5rem}.timeout-content .timeout-text p{font-size:.9rem;line-height:1.4;margin:0;opacity:.9}.timeout-content .timeout-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:24px;justify-content:center;padding:0;transition:background-color .2s ease;width:24px}.timeout-content .timeout-close:hover{background:#fff3}.debug-notification{animation:slideInFromTop .3s ease forwards;left:10px;opacity:0;position:fixed;right:10px;top:10px;transform:translateY(-10px);z-index:10000}@media(min-width:768px){.debug-notification{left:auto;max-width:400px;right:20px}}.debug-content{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:12px;box-shadow:0 8px 32px #0000004d;color:#fff;display:flex;flex-direction:column;max-height:60vh;overflow:hidden}.debug-header{align-items:center;background:#ffffff1a;border-bottom:1px solid #fff3;display:flex;gap:.75rem;padding:1rem}.debug-header .debug-icon{flex-shrink:0;font-size:1.5rem}.debug-header .debug-title{flex:1 1;font-size:1rem;font-weight:700}.debug-header .debug-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.875rem;height:32px;justify-content:center;transition:background-color .2s;width:32px}.debug-header .debug-close:hover{background:#ffffff4d}.debug-messages{font-family:Courier New,monospace;font-size:.75rem;line-height:1.4;max-height:40vh;overflow-y:auto;padding:.5rem}.debug-messages .debug-message{background:#ffffff0d;border-radius:4px;display:flex;gap:.5rem;margin-bottom:.25rem;padding:.25rem .5rem}.debug-messages .debug-message .debug-time{color:#ffffffb3;flex-shrink:0;font-size:.7rem}.debug-messages .debug-message .debug-text{flex:1 1;word-break:break-word}.debug-footer{background:#0003;border-top:1px solid #ffffff1a;padding:.5rem 1rem;text-align:center}.debug-footer small{color:#fffc;font-size:.7rem}.timeout-page-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:20000}.timeout-page{animation:slideUp .3s ease;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:20px;box-shadow:0 20px 60px #ff6b6b66;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.timeout-page-content{color:#fff;padding:3rem 2rem;text-align:center}.timeout-icon-large{animation:pulse 2s infinite;font-size:4rem;margin-bottom:1.5rem}.timeout-title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;text-shadow:0 2px 10px #0000004d}.timeout-message{font-size:1.2rem;line-height:1.5;margin:0 0 2rem;opacity:.9}.timeout-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;margin:2rem 0;padding:2rem}.timeout-info h3{font-size:1.5rem;font-weight:600;margin:0 0 1rem}.timeout-info p{margin:0 0 1rem;opacity:.9}.timeout-benefits{list-style:none;margin:1.5rem 0 0;padding:0;text-align:left}.timeout-benefits li{align-items:center;display:flex;font-size:1.1rem;padding:.5rem 0}.timeout-benefits li:before{align-items:center;background:#4caf50;border-radius:50%;content:"";display:flex;flex-shrink:0;height:20px;justify-content:center;margin-right:1rem;width:20px}.timeout-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}.timeout-btn{border:none;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:180px;padding:1rem 2rem;transition:all .3s ease}.timeout-btn.timeout-btn-primary{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 15px #4caf504d;color:#fff}.timeout-btn.timeout-btn-primary:hover{box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.timeout-btn.timeout-btn-secondary{background:#fff3;border:2px solid #ffffff4d;color:#fff}.timeout-btn.timeout-btn-secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.timeout-footer{border-top:1px solid #fff3;margin-top:2rem;padding-top:1rem}.timeout-footer p{font-size:.9rem;margin:0;opacity:.7}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.request-fab{align-items:center;background:linear-gradient(135deg,#1f94ff,#9cccfa);background:linear-gradient(135deg,var(--Blue-500) 0,#9cccfa 100%);border:none;border-radius:50%;box-shadow:0 4px 20px #1f94ff66,0 8px 32px #9cccfa4d,0 2px 8px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:20px;justify-content:center;position:fixed;right:0;top:0;transition:all .3s ease;width:20px;z-index:1000}.request-fab:hover{box-shadow:0 6px 25px #1f94ff99,0 12px 40px #9cccfa66,0 4px 12px #00000026;transform:translateY(-2px) scale(1.05)}.request-fab:active{transform:translateY(0) scale(.95)}.request-fab .fab-icon{font-size:1.5rem;transition:transform .3s ease}.request-fab:hover .fab-icon{transform:rotate(90deg)}.request-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.request-modal{animation:slideUp .3s ease;background:#9ca3af;background:var(--Neutral-20);border:1px solid #6b7280;border:1px solid var(--Neutral-30);border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.request-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.request-modal-header h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.request-modal-header .close-button{align-items:center;background:#6b7280;background:var(--Neutral-30);border:none;border-radius:50%;color:#1f2937;color:var(--Neutral-80);cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.request-modal-header .close-button:hover{background:#4b5563;background:var(--Neutral-50);color:#fff}.request-modal-content .form-group{margin-bottom:1.5rem}.request-modal-content .form-group label{color:#1f2937;color:var(--Neutral-80);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.request-modal-content .form-group input{background:#d1d5db;background:var(--Neutral-15);border:1px solid #6b7280;border:1px solid var(--Neutral-30);border-radius:8px;color:#fff;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease;width:100%}.request-modal-content .form-group input:focus{border-color:#1f94ff;border-color:var(--Blue-500);box-shadow:0 0 0 3px #1f94ff1a;outline:none}.request-modal-content .form-group input::placeholder{color:#374151;color:var(--Neutral-60)}.request-modal-content .request-note{background:#d1d5db;background:var(--Neutral-15);border:1px solid #6b7280;border:1px solid var(--Neutral-30);border-radius:8px;color:#1f2937;color:var(--Neutral-80);font-size:.85rem;line-height:1.4;margin-bottom:1.5rem;padding:1rem}.request-modal-actions{display:flex;gap:1rem;justify-content:flex-end}.request-modal-actions .btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;min-width:100px;padding:.75rem 1.5rem;transition:all .2s ease}.request-modal-actions .btn.btn-secondary{background:#6b7280;background:var(--Neutral-30);color:#1f2937;color:var(--Neutral-80)}.request-modal-actions .btn.btn-secondary:hover{background:#4b5563;background:var(--Neutral-50);color:#fff}.request-modal-actions .btn.btn-primary{background:linear-gradient(135deg,#1f94ff,#80c1ff);background:linear-gradient(135deg,var(--Blue-500) 0,var(--Blue-400) 100%);color:#fff}.request-modal-actions .btn.btn-primary:hover{box-shadow:0 4px 12px #1f94ff4d;transform:translateY(-1px)}.request-modal-actions .btn.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.request-success{color:#0d9c53;color:var(--Green-500);text-align:center}.request-success .success-icon{animation:pulse 1s ease;font-size:3rem;margin-bottom:1rem}.request-success h3{color:#fff;margin:0 0 1rem}.request-success p{color:#1f2937;color:var(--Neutral-80);margin:0}@media(max-width:768px){.request-fab{font-size:1.3rem;height:20px;right:-.3rem;top:-.5rem;width:20px}.request-modal{margin:1rem;padding:1.5rem;width:95%}.request-modal-header h2{font-size:1.3rem}.request-modal-actions{flex-direction:column}.request-modal-actions .btn{width:100%}.timeout-page{margin:1rem;width:95%}.timeout-page-content{padding:2rem 1.5rem}.timeout-title{font-size:2rem}.timeout-message{font-size:1rem}.timeout-info{padding:1.5rem}.timeout-info h3{font-size:1.3rem}.timeout-benefits li{font-size:1rem}.timeout-actions{align-items:center;flex-direction:column}.timeout-btn{max-width:280px;width:100%}}.discord-link-button,.discord-link-container{align-items:center;display:flex;position:relative}.discord-link-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#5865f2,#4752c4 50%,#3c45a5);border:none;border-radius:12px;box-shadow:0 4px 15px #5865f233,0 2px 8px #5865f21a,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-family);font-size:.75rem;font-weight:600;overflow:hidden;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.discord-link-button:hover{background:linear-gradient(135deg,#4752c4,#5865f2 50%,#4752c4);box-shadow:0 8px 25px #5865f24d,0 4px 12px #5865f233,inset 0 1px 0 #fff3;transform:translateY(-2px)}.discord-link-button:active{transform:translateY(0);transition-duration:.1s}.discord-link-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#fff3,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease-in-out;width:100%}.discord-link-button:hover:before{left:100%}.discord-badge{align-items:center;display:flex;gap:.625rem;position:relative;z-index:2}.discord-glow{background:radial-gradient(circle at center,#5865f24d 0,#0000 70%);border-radius:12px;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.discord-link-button:hover .discord-glow{opacity:1}.discord-icon-wrapper{align-items:center;color:#fff;display:flex;flex-shrink:0;height:24px;justify-content:center;position:relative;width:24px}.discord-icon-wrapper:before{background:radial-gradient(circle,#ffffff26 0,#0000 70%);border-radius:50%;content:"";height:100%;opacity:0;position:absolute;transition:opacity .3s ease;width:100%}.discord-link-button:hover .discord-icon-wrapper:before{opacity:1}.discord-icon{filter:drop-shadow(0 1px 3px rgba(0,0,0,.3));transition:all .3s ease}.discord-link-button:hover .discord-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));transform:scale(1.1) rotate(5deg)}.discord-text{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;line-height:1.2;min-width:0}.discord-title{color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.02em;text-shadow:0 1px 3px #0000004d;transition:all .3s ease}.discord-link-button:hover .discord-title{text-shadow:0 2px 4px #0006;transform:translateX(2px)}.discord-description{color:#ffffffd9;font-size:.65rem;font-weight:500;letter-spacing:.01em;max-width:160px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #0003;transition:all .3s ease;white-space:nowrap}.discord-link-button:hover .discord-description{color:#fffffff2;text-shadow:0 1px 3px #0000004d;transform:translateX(2px)}.discord-arrow{align-items:center;color:#ffffffb3;display:flex;height:16px;justify-content:center;opacity:.8;transition:all .3s ease;width:16px}.discord-link-button:hover .discord-arrow{color:#fff;opacity:1;transform:translateX(3px)}.discord-arrow svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transition:all .3s ease}.discord-arrow .discord-link-button:hover svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}@media(max-width:768px){.app-header .header-right{gap:.5rem}.discord-link-container{margin-left:.5rem}.discord-link-button{border-radius:10px;padding:.4rem .75rem}.discord-badge{gap:.5rem}.discord-arrow{display:none}.discord-icon,.discord-icon-wrapper{height:20px;width:20px}}@media(max-width:480px){.discord-link-container{margin-left:.25rem}.discord-link-button{border-radius:8px;padding:.35rem .6rem}.discord-icon,.discord-icon-wrapper{height:18px;width:18px}}.modern-tabs-container{padding:0 20px;width:100%}.tabs-wrapper{-ms-overflow-style:none;align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:8px;overflow-x:auto;padding:4px;scrollbar-width:none}.tabs-wrapper::-webkit-scrollbar{display:none}.modern-tab{font-feature-settings:normal;font-synthesis-weight:none;align-items:center;background:#0000;border:none;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;font-family:Geist,Geist Fallback;font-size:16px;font-variation-settings:normal;font-weight:500;gap:8px;height:28px;padding:8px 16px;position:relative;transition:all .2s ease;white-space:nowrap}.modern-tab:hover{background:#fff;box-shadow:0 2px 4px #0000001a;color:#171717}.modern-tab.active{background:#171717;box-shadow:0 2px 8px #007bff26;color:#fff;font-weight:600}.tab-emoji{font-size:16px;line-height:1}.tab-text{font-size:14px;line-height:1.2}@media(max-width:768px){.modern-tabs-container{padding:0 16px}.modern-tab{font-size:13px;min-height:20px;padding:6px 12px}.tab-emoji{font-size:14px}.tab-text{font-size:13px}}.text-center{text-align:center}.app-title-section{align-items:center;display:flex;flex-direction:column;margin-top:1rem;padding-bottom:2rem;text-align:center;width:100%}@media(min-width:768px){.app-title-section{padding-bottom:4rem}}@media(min-width:1024px){.app-title-section{padding-bottom:5rem}}.app-title-content{align-items:center;display:flex;flex-direction:column;gap:.5rem;max-width:56rem;width:100%}.app-title-heading{font-size:2rem;font-weight:700;margin-bottom:.5rem;text-align:center}.app-title-flex{align-items:center;display:flex;flex-direction:column;gap:.5rem}.app-title-description{color:#18181b;color:var(--text);font-size:1rem;line-height:1.5;margin:0 auto;max-width:80%;text-align:center}@media(min-width:640px){.app-title-description{font-size:1.125rem}}.header-right{background:none!important;border:none!important}.login-header{left:0;position:fixed;right:0;transition:transform .3s ease,opacity .3s ease;z-index:100}.header-hidden{opacity:0;transform:translateY(-100%)}.timeout-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.timeout-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:500px;padding:24px;text-align:center;width:90%}.timeout-modal h2{color:#333;font-size:24px;margin-top:0}.timeout-modal p{color:#555;font-size:16px;line-height:1.5;margin:16px 0}.timeout-modal .primary-button{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s}.timeout-modal .primary-button:hover{background-color:#2563eb}.toast{filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));max-width:400px;min-width:300px;position:fixed;right:20px;top:20px;transform:translateX(100%);transition:transform .3s ease;z-index:10000}.toast.visible{transform:translateX(0)}.toast.success .toast-content{background:linear-gradient(135deg,#4caf50,#45a049);border-left:4px solid #2e7d32}.toast.error .toast-content{background:linear-gradient(135deg,#f44336,#d32f2f);border-left:4px solid #c62828}.toast.warning .toast-content{background:linear-gradient(135deg,#ff9800,#f57c00);border-left:4px solid #ef6c00}.toast.info .toast-content{background:linear-gradient(135deg,#2196f3,#1976d2);border-left:4px solid #1565c0}.toast-content{align-items:flex-start;border-radius:12px;box-shadow:0 8px 32px #0006,0 4px 16px #0003,0 2px 8px #0000001a;color:#fff;display:flex;gap:.75rem;padding:1rem}.toast-content .toast-icon{flex-shrink:0;font-size:1.5rem;font-weight:700;margin-top:.1rem}.toast-content .toast-message{flex:1 1;font-size:.9rem;font-weight:500;line-height:1.4}.toast-content .toast-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.toast-content .toast-close:hover{background:#fff3;box-shadow:0 2px 8px #0003;transform:scale(1.1)}@media(max-width:768px){.toast{left:10px;max-width:none;min-width:auto;right:10px;top:10px}}.login-page{background-color:#fff;color:#1f2937;line-height:1.6;min-height:100vh}.login-header{background-color:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;width:100%;z-index:50}.login-header .header-content{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 9px}.login-header .logo-section{align-items:center;display:flex;gap:8px}.login-header .logo-section .header-logo{border-radius:6px;height:32px;width:32px}.login-header .logo-section .app-title{color:#1f2937;font-size:20px;font-weight:600}.login-header .logo-section .app-title .app-beta,.login-header .logo-section .app-title sup{color:#2563eb;font-size:12px;font-weight:500;margin-left:4px}.login-header .header-nav{display:flex}@media(max-width:768px){.login-header .header-nav{display:none}}.login-header .header-nav .nav-link{background:none;border-radius:6px;color:#111;font-size:14px;font-weight:500;padding:6px 12px;text-decoration:none;transition:all .2s ease}.login-header .header-nav .nav-link:hover{background-color:#e5e7eb;color:#000}.login-header .header-actions{align-items:center;display:flex;gap:6px}@media(max-width:640px){.login-header .header-actions{gap:8px}}.login-header .header-actions .action-link{border-radius:6px;color:#6b7280;font-size:14px;font-weight:500;padding:6px 12px;text-decoration:none;transition:all .2s ease}.login-header .header-actions .action-link:hover{background-color:#0000000d;color:#1f2937}.login-header .header-actions .action-link.upgrade-link{color:#1f2937;font-weight:600}.login-header .header-actions .action-link.signin-link{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#111}.login-header .header-actions .action-link.signin-link:hover{background-color:#e5e7eb;color:#000}.login-header .header-actions .action-button{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:6px 16px;text-decoration:none;transition:background-color .2s ease}.login-header .header-actions .action-button:hover{background-color:#134cca}.login-header .header-actions .action-button.signup-button{background-color:#111;border:1px solid #111;color:#fff}.login-header .header-actions .action-button.signup-button:hover{background-color:#000;color:#fff}@media(max-width:480px){.login-header .header-actions .action-button,.login-header .header-actions .action-link{font-size:13px;padding:6px 10px}}.header-divider{background-color:#e5e7eb;display:inline-block;height:28px;margin:0 3px;vertical-align:middle;width:1px}.login-main{flex:1 1}.hero-section{padding:80px 24px 120px;text-align:center}.hero-section .hero-content{margin:0 auto;max-width:800px}.hero-section .hero-title{color:#1f2937;font-size:48px;font-weight:700;line-height:1.1;margin-bottom:24px}@media(max-width:768px){.hero-section .hero-title{font-size:36px}}@media(max-width:640px){.hero-section .hero-title{font-size:28px}}.hero-section .hero-subtitle{color:#6b7280;font-size:20px;margin-bottom:48px;margin-left:auto;margin-right:auto;max-width:600px}@media(max-width:768px){.hero-section .hero-subtitle{font-size:18px;margin-bottom:40px}}.auth-container{align-items:center;display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:400px}.google-signin-button{align-items:center;background-color:#2563eb;border:none;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;height:48px;justify-content:center;transition:all .2s ease;width:100%}.google-signin-button:hover:not(:disabled){background-color:#1d4ed8;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.google-signin-button:disabled{cursor:not-allowed;opacity:.6}.google-signin-button .google-icon{height:20px;width:20px}.google-signin-button .loading-content{align-items:center;display:flex;gap:12px}.discord-section{border-top:1px solid #e5e7eb;padding-top:16px;width:100%}.features-section{background-color:#f8fafc;padding:80px 24px}.features-section .features-container{margin:0 auto;max-width:1200px}.features-section .features-title{color:#1f2937;font-size:36px;font-weight:700;margin-bottom:64px;text-align:center}@media(max-width:768px){.features-section .features-title{font-size:28px;margin-bottom:48px}}.features-section .features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media(max-width:640px){.features-section .features-grid{gap:24px;grid-template-columns:1fr}}.features-section .feature-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;padding:32px;text-align:center;transition:all .2s ease}.features-section .feature-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.features-section .feature-card .feature-icon{font-size:48px;margin-bottom:16px}.features-section .feature-card h3{color:#1f2937;font-size:20px;font-weight:600;margin-bottom:12px}.features-section .feature-card p{color:#6b7280;line-height:1.5}.login-footer{background-color:#fff;border-top:1px solid #e5e7eb;padding:48px 24px}.login-footer .footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}@media(max-width:768px){.login-footer .footer-content{flex-direction:column;gap:32px;text-align:center}}.login-footer .footer-left{display:flex;flex-direction:column;gap:12px}.login-footer .footer-left .footer-logo{align-items:center;display:flex;gap:12px}.login-footer .footer-left .footer-logo .footer-logo-img{border-radius:4px;height:24px;width:24px}.login-footer .footer-left .footer-logo .footer-brand{color:#1f2937;font-size:18px;font-weight:600}.login-footer .footer-left .footer-description{color:#6b7280;margin:0}.login-footer .footer-right .footer-links{display:flex;gap:32px}@media(max-width:640px){.login-footer .footer-right .footer-links{flex-direction:column;gap:16px}}.login-footer .footer-right .footer-links .footer-link{color:#6b7280;font-weight:500;text-decoration:none;transition:color .2s ease}.login-footer .footer-right .footer-links .footer-link:hover{color:#1f2937}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media(max-width:768px){.hero-section{padding:60px 24px 80px}.features-section{padding:60px 24px}.login-footer{padding:32px 24px}}.video-player{border-radius:16px;box-shadow:0 4px 10px #00000014,0 8px 24px #0000001f,0 12px 48px #00000014;margin:20px auto;max-width:590px;overflow:hidden;position:relative;width:100%}.video-player:after{animation:pulse-glow 2s ease-in-out infinite;background:#2563eb;content:"";filter:blur(40px);height:100%;left:0;opacity:.3;position:absolute;top:0;width:100%;z-index:-1}.video-player iframe,.video-player video,.video-player:after{border-radius:inherit}@keyframes pulse-glow{0%{opacity:.2;transform:scale(.95)}50%{opacity:.5;transform:scale(1)}to{opacity:.2;transform:scale(.95)}}.interactive-text{animation:click-effect 5s ease-in-out infinite;color:#2563eb;display:inline-block;text-shadow:0 3px 6px #2563eb80}@keyframes click-effect{0%,to{transform:scale(1)}10%{transform:scale(.9)}20%{transform:scale(1.1)}30%{transform:scale(.95)}40%{transform:scale(1)}}.youtube-player-container{background:#f5f5f5;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:20px;height:100%;margin:0;max-height:100vh;max-width:100%;overflow:hidden;padding:0;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.youtube-player-container *{caret-color:#0000}.youtube-player-container :focus{outline:none}.youtube-player-container .private-topic-message{align-items:center;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:40px;text-align:center}.youtube-player-container .private-topic-message h2{color:#ff6b6b;font-size:2rem;margin-bottom:20px}.youtube-player-container .private-topic-message p{font-size:1.2rem;margin-bottom:30px;max-width:500px;opacity:.8}.youtube-player-container .private-topic-message button{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .3s ease}.youtube-player-container .private-topic-message button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.youtube-player-container .private-topic-message button:active{transform:translateY(0)}.youtube-player-container iframe .html5-endscreen,.youtube-player-container iframe .html5-video-info-panel-content,.youtube-player-container iframe .ytp-cards-teaser,.youtube-player-container iframe .ytp-ce-element,.youtube-player-container iframe .ytp-chrome-controls,.youtube-player-container iframe .ytp-chrome-top,.youtube-player-container iframe .ytp-endscreen-element,.youtube-player-container iframe .ytp-gradient-bottom,.youtube-player-container iframe .ytp-gradient-top,.youtube-player-container iframe .ytp-impression-link,.youtube-player-container iframe .ytp-info-panel-preview,.youtube-player-container iframe .ytp-pause-overlay,.youtube-player-container iframe .ytp-related-on-error-overlay,.youtube-player-container iframe .ytp-show-cards-title,.youtube-player-container iframe .ytp-suggested-action,.youtube-player-container iframe .ytp-title,.youtube-player-container iframe .ytp-title-link,.youtube-player-container iframe .ytp-title-text,.youtube-player-container iframe .ytp-videowall-still,.youtube-player-container iframe .ytp-watermark{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.youtube-player-container .video-container{border-radius:0;height:300px;overflow:hidden;position:relative;width:100%}.youtube-player-container .video-container .role-playing-indicator{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;border:1px solid #ffffff1a;border-radius:4px;color:#fffc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:10px;font-weight:500;left:12px;letter-spacing:.5px;padding:4px 8px;pointer-events:none;position:absolute;text-transform:uppercase;top:12px;transition:all .2s ease;z-index:200}.youtube-player-container .video-container .role-playing-indicator:hover{background:#000000b3;border-color:#fff3;color:#ffffffe6}.youtube-player-container .video-container .script-number-indicator{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid #ffffff4d;border-radius:10px;bottom:0;box-shadow:0 8px 32px #1f26875e,0 2px 8px #0003,inset 0 1px 0 #fff3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;left:0;min-width:60px;opacity:.6;padding:2px 6px;pointer-events:none;position:absolute;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:200}.youtube-player-container .video-container .script-number-indicator:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:16px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.youtube-player-container .video-container .script-number-indicator:hover{border-color:#fff6;box-shadow:0 12px 40px #1f268780,0 4px 12px #0000004d,inset 0 1px 0 #ffffff4d;transform:translateY(-2px) scale(1.02)}.youtube-player-container .video-container .script-number-indicator:hover:before{opacity:1}.youtube-player-container .video-container .script-number-indicator .script-number-content{align-items:center;display:flex;gap:2px;justify-content:center;position:relative;z-index:1}.youtube-player-container .video-container .script-number-indicator .script-number-content .script-number{color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;text-shadow:0 1px 2px #0000004d}.youtube-player-container .video-container .script-number-indicator .script-number-content .script-total{color:#fffc;font-size:11px;font-weight:500;letter-spacing:.3px;text-shadow:0 1px 2px #0000004d}.youtube-player-container .video-container .thumbnail-overlay{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:160}.youtube-player-container .video-container .thumbnail-overlay .video-thumbnail{height:100%;object-fit:cover;transition:all .3s ease;width:100%}.youtube-player-container .video-container .thumbnail-overlay .thumbnail-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;text-align:center}.youtube-player-container .video-container .thumbnail-overlay .thumbnail-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin-bottom:16px;width:40px}.youtube-player-container .video-container .thumbnail-overlay .thumbnail-loading p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;margin:0;opacity:.8}.youtube-player-container .video-container .thumbnail-overlay .thumbnail-fallback{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;text-align:center}.youtube-player-container .video-container .thumbnail-overlay .thumbnail-fallback .fallback-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:64px;margin-bottom:16px;opacity:.7}.youtube-player-container .video-container .thumbnail-overlay .thumbnail-fallback p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:500;margin:0;opacity:.8;text-shadow:0 1px 2px #00000080}.youtube-player-container .video-container .thumbnail-overlay .thumbnail-play-overlay{align-items:center;animation:fadeInOverlay .8s ease-out;background:#0006;bottom:0;cursor:pointer;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.youtube-player-container .video-container .thumbnail-overlay .thumbnail-play-overlay:hover{background:#0009}.youtube-player-container .video-container .thumbnail-overlay .thumbnail-play-overlay:hover .play-icon-large{background:#ffffff40;border-color:#ffffff80;transform:scale(1.1)}.youtube-player-container .video-container .thumbnail-overlay .thumbnail-play-overlay .play-icon-large{align-items:center;animation:pulseGlow 2s ease-in-out infinite;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:20px;transition:all .3s ease;width:80px}.youtube-player-container .video-container .thumbnail-overlay .thumbnail-play-overlay .play-icon-large .play-triangle-large{border-bottom:14px solid #0000;border-left:24px solid #fff;border-top:14px solid #0000;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:0;margin-left:6px;width:0}.youtube-player-container .video-container .thumbnail-overlay .thumbnail-play-overlay .overlay-text{color:#fff;text-align:center}.youtube-player-container .video-container .thumbnail-overlay .thumbnail-play-overlay .overlay-text h3{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:18px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-shadow:0 1px 2px #00000080}.youtube-player-container .video-container .thumbnail-overlay .thumbnail-play-overlay .overlay-text p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:400;letter-spacing:.3px;margin:0;opacity:.8;text-shadow:0 1px 2px #00000080}.youtube-player-container .video-container .initial-overlay{align-items:center;animation:fadeInOverlay .8s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #1f26875e;cursor:pointer;display:flex;justify-content:center;left:50%;padding:40px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:150}.youtube-player-container .video-container .initial-overlay .initial-overlay-content{animation:slideUpFade 1s ease-out .3s both;color:#fff;text-align:center}.youtube-player-container .video-container .initial-overlay .initial-overlay-content .play-icon-large{align-items:center;animation:pulseGlow 2s ease-in-out infinite;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 16px;transition:all .3s ease;width:60px}.youtube-player-container .video-container .initial-overlay .initial-overlay-content .play-icon-large:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.05)}.youtube-player-container .video-container .initial-overlay .initial-overlay-content .play-icon-large .play-triangle-large{border-bottom:11px solid #0000;border-left:18px solid #fff;border-top:11px solid #0000;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:0;margin-left:4px;width:0}.youtube-player-container .video-container .initial-overlay .initial-overlay-content .overlay-text h3{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;letter-spacing:.5px;margin:0 0 6px;text-shadow:0 1px 2px #00000080}.youtube-player-container .video-container .initial-overlay .initial-overlay-content .overlay-text p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:400;letter-spacing:.3px;margin:0;opacity:.8;text-shadow:0 1px 2px #00000080}.youtube-player-container .video-container .click-protection-overlay{align-items:center;bottom:0;caret-color:#0000;cursor:pointer;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:150}.youtube-player-container .video-container .click-protection-overlay:focus{outline:none}.youtube-player-container .video-container .click-protection-overlay:hover{background:#0000004d}.youtube-player-container .video-container .click-protection-overlay:hover .play-pause-indicator{opacity:1;transform:scale(1.1)}.youtube-player-container .video-container .click-protection-overlay:active{background:#0006}.youtube-player-container .video-container .click-protection-overlay:active .play-pause-indicator{transform:scale(.95)}.youtube-player-container .video-container .click-protection-overlay .play-pause-indicator{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000b3;border:2px solid #ffffff4d;border-radius:50%;display:flex;height:80px;justify-content:center;opacity:0;transition:all .3s ease;width:80px}.youtube-player-container .video-container .click-protection-overlay .play-pause-indicator .play-icon .play-triangle{border-bottom:12px solid #0000;border-left:20px solid #fff;border-top:12px solid #0000;height:0;margin-left:5px;width:0}.youtube-player-container .video-container .click-protection-overlay .play-pause-indicator .pause-icon{align-items:center;display:flex;gap:6px}.youtube-player-container .video-container .click-protection-overlay .play-pause-indicator .pause-icon .pause-bar{background:#fff;border-radius:1px;height:24px;width:6px}.youtube-player-container .video-container .video-wrapper{height:100%;overflow:hidden;position:relative;width:100%}.youtube-player-container .video-container .video-wrapper:after{background:#0000;content:"";height:50px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.youtube-player-container .video-container .video-wrapper:before{background:#0000;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:5}.youtube-player-container .video-container .video-wrapper .youtube-overlay-mask{background:#0000;pointer-events:none;position:absolute;z-index:20}.youtube-player-container .video-container .video-wrapper .youtube-overlay-mask.top-mask{background:linear-gradient(180deg,#0000001a 0,#0000);height:80px;left:0;right:0;top:0}.youtube-player-container .video-container .video-wrapper .youtube-overlay-mask.bottom-mask{background:linear-gradient(0deg,#0003 0,#0000);bottom:0;height:100px;left:0;right:0}.youtube-player-container .video-container .video-wrapper .youtube-overlay-mask.left-mask{background:linear-gradient(90deg,#0000001a 0,#0000);bottom:0;left:0;top:0;width:60px}.youtube-player-container .video-container .video-wrapper .youtube-overlay-mask.right-mask{background:linear-gradient(270deg,#0000001a 0,#0000);bottom:0;right:0;top:0;width:60px}.youtube-player-container .video-container .video-wrapper .youtube-overlay-mask.center-mask{background:#0000;height:80px;left:50%;top:40%;transform:translateX(-50%);width:200px}.youtube-player-container .video-container .video-wrapper .youtube-overlay-mask.center-mask:after{background:radial-gradient(circle,#0000 30%,#0000000d 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.youtube-player-container .video-container iframe{border-radius:0;display:block;height:100%;width:100%}.youtube-player-container .video-container .player-loading{background:#000c;border-radius:8px;color:#fff;font-size:16px;font-weight:500;left:50%;padding:15px 25px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.youtube-player-container .video-container .public-toggle-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0009;border:1px solid #fff3;border-radius:50%;box-shadow:0 4px 15px #0000004d;cursor:pointer;display:flex;height:50px;justify-content:center;left:60px;position:absolute;top:0;transition:all .3s ease;width:50px;z-index:500}.youtube-player-container .video-container .public-toggle-button .toggle-dot{border-radius:50%;height:20px;transition:all .3s ease;width:20px}.youtube-player-container .video-container .public-toggle-button.public .toggle-dot{animation:blink 1.5s infinite;background:var(--Yellow-200);box-shadow:0 0 10px #ffeb3b80}.youtube-player-container .video-container .public-toggle-button.private .toggle-dot{background:#fff6;border:2px solid #fff9}.youtube-player-container .video-container .public-toggle-button:hover{background:#000c;border-color:#fff6;box-shadow:0 6px 20px #0006;transform:scale(1.1)}.youtube-player-container .video-container .public-toggle-button:hover.public .toggle-dot{animation:none;background:#fff176;box-shadow:0 0 15px #ffeb3bb3}.youtube-player-container .video-container .public-toggle-button:hover.private .toggle-dot{background:#fff9;border-color:#fffc}.youtube-player-container .video-container .public-toggle-button:active{transform:scale(.95)}.youtube-player-container .video-container .public-toggle-button:focus{border-color:#fff9;box-shadow:0 0 0 3px #fff3;outline:none}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.youtube-player-container .video-container .audio-blocked-notification,.youtube-player-container .video-container .bot-verification-notification{background:#000000e6;border:1px solid #ffff004d;border-radius:12px;box-shadow:0 8px 32px #00000080;color:#fff;font-size:16px;font-weight:500;left:50%;max-width:500px;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%;z-index:15}.youtube-player-container .video-container .audio-blocked-notification .audio-notification-content,.youtube-player-container .video-container .audio-blocked-notification .notification-content,.youtube-player-container .video-container .bot-verification-notification .audio-notification-content,.youtube-player-container .video-container .bot-verification-notification .notification-content{text-align:center}.youtube-player-container .video-container .audio-blocked-notification .audio-notification-content h3,.youtube-player-container .video-container .audio-blocked-notification .notification-content h3,.youtube-player-container .video-container .bot-verification-notification .audio-notification-content h3,.youtube-player-container .video-container .bot-verification-notification .notification-content h3{color:#ff6b6b;font-size:18px;font-weight:600;margin:0 0 15px}.youtube-player-container .video-container .audio-blocked-notification .audio-notification-content p,.youtube-player-container .video-container .audio-blocked-notification .notification-content p,.youtube-player-container .video-container .bot-verification-notification .audio-notification-content p,.youtube-player-container .video-container .bot-verification-notification .notification-content p{color:#ffffffe6;line-height:1.5;margin:0 0 15px}.youtube-player-container .video-container .audio-blocked-notification .audio-notification-content ul,.youtube-player-container .video-container .audio-blocked-notification .notification-content ul,.youtube-player-container .video-container .bot-verification-notification .audio-notification-content ul,.youtube-player-container .video-container .bot-verification-notification .notification-content ul{color:#fffc;margin:15px 0;padding-left:20px;text-align:left}.youtube-player-container .video-container .audio-blocked-notification .audio-notification-content ul li,.youtube-player-container .video-container .audio-blocked-notification .notification-content ul li,.youtube-player-container .video-container .bot-verification-notification .audio-notification-content ul li,.youtube-player-container .video-container .bot-verification-notification .notification-content ul li{font-size:14px;line-height:1.4;margin-bottom:8px}.youtube-player-container .video-container .audio-blocked-notification .audio-notification-content .notification-actions,.youtube-player-container .video-container .audio-blocked-notification .notification-content .notification-actions,.youtube-player-container .video-container .bot-verification-notification .audio-notification-content .notification-actions,.youtube-player-container .video-container .bot-verification-notification .notification-content .notification-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.youtube-player-container .video-container .audio-blocked-notification .audio-notification-content .audio-play-button,.youtube-player-container .video-container .audio-blocked-notification .audio-notification-content .open-youtube-button,.youtube-player-container .video-container .audio-blocked-notification .audio-notification-content .retry-button,.youtube-player-container .video-container .audio-blocked-notification .audio-notification-content .skip-audio-button,.youtube-player-container .video-container .audio-blocked-notification .notification-content .audio-play-button,.youtube-player-container .video-container .audio-blocked-notification .notification-content .open-youtube-button,.youtube-player-container .video-container .audio-blocked-notification .notification-content .retry-button,.youtube-player-container .video-container .audio-blocked-notification .notification-content .skip-audio-button,.youtube-player-container .video-container .bot-verification-notification .audio-notification-content .audio-play-button,.youtube-player-container .video-container .bot-verification-notification .audio-notification-content .open-youtube-button,.youtube-player-container .video-container .bot-verification-notification .audio-notification-content .retry-button,.youtube-player-container .video-container .bot-verification-notification .audio-notification-content .skip-audio-button,.youtube-player-container .video-container .bot-verification-notification .notification-content .audio-play-button,.youtube-player-container .video-container .bot-verification-notification .notification-content .open-youtube-button,.youtube-player-container .video-container .bot-verification-notification .notification-content .retry-button,.youtube-player-container .video-container .bot-verification-notification .notification-content .skip-audio-button{background:var(--Yellow-200);border:none;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:600;margin:0 5px;min-width:100px;padding:10px 20px;transition:all .2s ease}.youtube-player-container .video-container .audio-blocked-notification .audio-notification-content .audio-play-button:hover,.youtube-player-container .video-container .audio-blocked-notification .audio-notification-content .open-youtube-button:hover,.youtube-player-container .video-container .audio-blocked-notification .audio-notification-content .retry-button:hover,.youtube-player-container .video-container .audio-blocked-notification .audio-notification-content .skip-audio-button:hover,.youtube-player-container .video-container .audio-blocked-notification .notification-content .audio-play-button:hover,.youtube-player-container .video-container .audio-blocked-notification .notification-content .open-youtube-button:hover,.youtube-player-container .video-container .audio-blocked-notification .notification-content .retry-button:hover,.youtube-player-container .video-container .audio-blocked-notification .notification-content .skip-audio-button:hover,.youtube-player-container .video-container .bot-verification-notification .audio-notification-content .audio-play-button:hover,.youtube-player-container .video-container .bot-verification-notification .audio-notification-content .open-youtube-button:hover,.youtube-player-container .video-container .bot-verification-notification .audio-notification-content .retry-button:hover,.youtube-player-container .video-container .bot-verification-notification .audio-notification-content .skip-audio-button:hover,.youtube-player-container .video-container .bot-verification-notification .notification-content .audio-play-button:hover,.youtube-player-container .video-container .bot-verification-notification .notification-content .open-youtube-button:hover,.youtube-player-container .video-container .bot-verification-notification .notification-content .retry-button:hover,.youtube-player-container .video-container .bot-verification-notification .notification-content .skip-audio-button:hover{background:#fff176;transform:translateY(-2px)}.youtube-player-container .video-container .audio-blocked-notification .audio-notification-content .audio-play-button:active,.youtube-player-container .video-container .audio-blocked-notification .audio-notification-content .open-youtube-button:active,.youtube-player-container .video-container .audio-blocked-notification .audio-notification-content .retry-button:active,.youtube-player-container .video-container .audio-blocked-notification .audio-notification-content .skip-audio-button:active,.youtube-player-container .video-container .audio-blocked-notification .notification-content .audio-play-button:active,.youtube-player-container .video-container .audio-blocked-notification .notification-content .open-youtube-button:active,.youtube-player-container .video-container .audio-blocked-notification .notification-content .retry-button:active,.youtube-player-container .video-container .audio-blocked-notification .notification-content .skip-audio-button:active,.youtube-player-container .video-container .bot-verification-notification .audio-notification-content .audio-play-button:active,.youtube-player-container .video-container .bot-verification-notification .audio-notification-content .open-youtube-button:active,.youtube-player-container .video-container .bot-verification-notification .audio-notification-content .retry-button:active,.youtube-player-container .video-container .bot-verification-notification .audio-notification-content .skip-audio-button:active,.youtube-player-container .video-container .bot-verification-notification .notification-content .audio-play-button:active,.youtube-player-container .video-container .bot-verification-notification .notification-content .open-youtube-button:active,.youtube-player-container .video-container .bot-verification-notification .notification-content .retry-button:active,.youtube-player-container .video-container .bot-verification-notification .notification-content .skip-audio-button:active{transform:translateY(0)}.youtube-player-container .video-container .audio-blocked-notification .audio-notification-content .open-youtube-button,.youtube-player-container .video-container .audio-blocked-notification .audio-notification-content .skip-audio-button,.youtube-player-container .video-container .audio-blocked-notification .notification-content .open-youtube-button,.youtube-player-container .video-container .audio-blocked-notification .notification-content .skip-audio-button,.youtube-player-container .video-container .bot-verification-notification .audio-notification-content .open-youtube-button,.youtube-player-container .video-container .bot-verification-notification .audio-notification-content .skip-audio-button,.youtube-player-container .video-container .bot-verification-notification .notification-content .open-youtube-button,.youtube-player-container .video-container .bot-verification-notification .notification-content .skip-audio-button{background:#fff3;border:1px solid #ffffff4d;color:#fff}.youtube-player-container .video-container .audio-blocked-notification .audio-notification-content .open-youtube-button:hover,.youtube-player-container .video-container .audio-blocked-notification .audio-notification-content .skip-audio-button:hover,.youtube-player-container .video-container .audio-blocked-notification .notification-content .open-youtube-button:hover,.youtube-player-container .video-container .audio-blocked-notification .notification-content .skip-audio-button:hover,.youtube-player-container .video-container .bot-verification-notification .audio-notification-content .open-youtube-button:hover,.youtube-player-container .video-container .bot-verification-notification .audio-notification-content .skip-audio-button:hover,.youtube-player-container .video-container .bot-verification-notification .notification-content .open-youtube-button:hover,.youtube-player-container .video-container .bot-verification-notification .notification-content .skip-audio-button:hover{background:#ffffff4d}.youtube-player-container .video-container .audio-blocked-notification .audio-notification-content .retry-button,.youtube-player-container .video-container .audio-blocked-notification .notification-content .retry-button,.youtube-player-container .video-container .bot-verification-notification .audio-notification-content .retry-button,.youtube-player-container .video-container .bot-verification-notification .notification-content .retry-button{background:#4ecdc4;color:#fff}.youtube-player-container .video-container .audio-blocked-notification .audio-notification-content .retry-button:hover,.youtube-player-container .video-container .audio-blocked-notification .notification-content .retry-button:hover,.youtube-player-container .video-container .bot-verification-notification .audio-notification-content .retry-button:hover,.youtube-player-container .video-container .bot-verification-notification .notification-content .retry-button:hover{background:#45b7af}.youtube-player-container :global .html5-endscreen,.youtube-player-container :global .html5-endscreen-element,.youtube-player-container :global .html5-video-info-panel,.youtube-player-container :global .html5-video-info-panel-content,.youtube-player-container :global .ytp-cards-button,.youtube-player-container :global .ytp-cards-teaser,.youtube-player-container :global .ytp-cards-teaser-text,.youtube-player-container :global .ytp-ce-covering-image,.youtube-player-container :global .ytp-ce-covering-overlay,.youtube-player-container :global .ytp-ce-element,.youtube-player-container :global .ytp-ce-expanding-overlay-background,.youtube-player-container :global .ytp-chrome-controls,.youtube-player-container :global .ytp-chrome-top,.youtube-player-container :global .ytp-collapse,.youtube-player-container :global .ytp-dialog,.youtube-player-container :global .ytp-dialog-background,.youtube-player-container :global .ytp-endscreen-content,.youtube-player-container :global .ytp-endscreen-element,.youtube-player-container :global .ytp-endscreen-element-container,.youtube-player-container :global .ytp-endscreen-element-image,.youtube-player-container :global .ytp-endscreen-element-text,.youtube-player-container :global .ytp-expand,.youtube-player-container :global .ytp-gradient-bottom,.youtube-player-container :global .ytp-gradient-top,.youtube-player-container :global .ytp-impression-link,.youtube-player-container :global .ytp-info-panel-preview,.youtube-player-container :global .ytp-paid-content-overlay,.youtube-player-container :global .ytp-pause-overlay,.youtube-player-container :global .ytp-pause-overlay-container,.youtube-player-container :global .ytp-related-on-error-overlay,.youtube-player-container :global .ytp-scroll-max,.youtube-player-container :global .ytp-scroll-min,.youtube-player-container :global .ytp-show-cards-title,.youtube-player-container :global .ytp-suggested-action,.youtube-player-container :global .ytp-title,.youtube-player-container :global .ytp-title-link,.youtube-player-container :global .ytp-title-text,.youtube-player-container :global .ytp-upnext,.youtube-player-container :global .ytp-upnext-autoplay-icon,.youtube-player-container :global .ytp-upnext-content,.youtube-player-container :global .ytp-upnext-header,.youtube-player-container :global .ytp-videowall-still,.youtube-player-container :global .ytp-videowall-still-author,.youtube-player-container :global .ytp-videowall-still-duration,.youtube-player-container :global .ytp-videowall-still-info,.youtube-player-container :global .ytp-videowall-still-info-bg,.youtube-player-container :global .ytp-videowall-still-listlabel,.youtube-player-container :global .ytp-videowall-still-title,.youtube-player-container :global .ytp-videowall-still-views,.youtube-player-container :global .ytp-watermark{display:none!important;height:0!important;left:-9999px!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;position:absolute!important;top:-9999px!important;visibility:hidden!important;width:0!important}.youtube-player-container :global .ytp-info-panel-preview,.youtube-player-container :global .ytp-menuitem-label,.youtube-player-container :global .ytp-title-channel,.youtube-player-container :global .ytp-title-expanded-content,.youtube-player-container :global .ytp-title-expanded-heading{display:none!important}.youtube-player-container :global .html5-video-container .html5-endscreen,.youtube-player-container :global .html5-video-container .ytp-endscreen-content,.youtube-player-container :global .html5-video-container .ytp-pause-overlay{display:none!important;opacity:0!important;visibility:hidden!important}.youtube-player-container :global .ytp-player-content .ytp-endscreen-content,.youtube-player-container :global .ytp-player-content .ytp-pause-overlay,.youtube-player-container :global .ytp-player-minimized .ytp-miniplayer-ui{display:none!important}.youtube-player-container :global .youtube-player-container iframe{position:relative!important;z-index:1!important}.youtube-player-container :global iframe[src*=youtube] div[class*=endscreen],.youtube-player-container :global iframe[src*=youtube] div[class*=html5-],.youtube-player-container :global iframe[src*=youtube] div[class*=ytp-]{display:none!important}.youtube-player-container .scripts-panel{border-radius:8px;caret-color:#0000;cursor:pointer;flex:1 1;margin-top:-10px;padding:10px;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%;z-index:10}.youtube-player-container .scripts-panel:focus{outline:none}.youtube-player-container .scripts-panel.playing{box-shadow:0 0 30px #000c}.youtube-player-container .scripts-panel.playing:hover{box-shadow:0 4px 20px #0000004d,0 0 35px #000000e6}.youtube-player-container .scripts-panel .script-navigation{align-items:center;border-radius:16px;display:flex;height:100%;justify-content:space-between;margin-bottom:0;padding:20px 58px;position:relative}.youtube-player-container .scripts-panel .script-navigation .nav-button{align-items:center;background:#fff3;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:300;height:3.5rem;justify-content:center;line-height:1;position:absolute;text-shadow:0 1px 2px #0000004d;transition:all .3s ease;width:3.5rem;z-index:2}.youtube-player-container .scripts-panel .script-navigation .nav-button:hover:not(:disabled){background:#fff3;border-color:#ffffff80;box-shadow:0 8px 25px #0006,0 4px 15px #0000004d,0 0 20px #ffffff1a,inset 0 1px 0 #fff3;text-shadow:0 2px 4px #0006;transform:scale(1.1)}.youtube-player-container .scripts-panel .script-navigation .nav-button:disabled{background:#3232324d;border-color:#ffffff1a;box-shadow:0 2px 8px #0003;color:#ffffff4d;cursor:not-allowed;text-shadow:none}.youtube-player-container .scripts-panel .script-navigation .nav-button.left:before,.youtube-player-container .scripts-panel .script-navigation .nav-button.right:before{content:none}.youtube-player-container .scripts-panel .script-navigation .nav-button.left{left:0}.youtube-player-container .scripts-panel .script-navigation .nav-button.right{right:0}.youtube-player-container .scripts-panel .script-navigation .current-script{background:#f5f5f5;border:1px solid #ffffff1a;border-radius:12px;flex:1 1;height:100%;overflow-y:auto;padding:25px;scroll-behavior:smooth;scrollbar-color:#ffffff4d #ffffff1a;scrollbar-width:thin;text-align:left}.youtube-player-container .scripts-panel .script-navigation .current-script::-webkit-scrollbar{width:6px}.youtube-player-container .scripts-panel .script-navigation .current-script::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.youtube-player-container .scripts-panel .script-navigation .current-script::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.youtube-player-container .scripts-panel .script-navigation .current-script::-webkit-scrollbar-thumb:hover{background:#ffffff80}.youtube-player-container .scripts-panel .script-navigation .current-script .script-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff14;border:2px solid #0000;border-radius:16px;display:flex;gap:12px;margin-bottom:25px;overflow:hidden;padding:2px 16px;position:relative;transition:all .3s ease}.youtube-player-container .scripts-panel .script-navigation .current-script .script-header:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:1}.youtube-player-container .scripts-panel .script-navigation .current-script .script-header:hover:before{left:100%}.youtube-player-container .scripts-panel .script-navigation .current-script .script-header .script-role-content{display:flex;flex:1 1;flex-direction:column;position:relative;z-index:2}.youtube-player-container .scripts-panel .script-navigation .current-script .script-header .script-role-content .script-person{color:#fff;font-family:Comic Sans MS,Chalkboard SE,Comic Neue,Bangers,Fredoka One,cursive;font-size:16px;font-weight:700;letter-spacing:.3px;line-height:1.2;pointer-events:none;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 1px 0 #000,0 -1px 0 #000,1px 0 0 #000,-1px 0 0 #000,0 2px 4px #00000080;text-transform:capitalize;transform:rotate(-.8deg);transform-origin:left center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.youtube-player-container .scripts-panel .script-navigation .current-script .script-header.user-script{background:#2563eb;border-color:#2563eb;box-shadow:0 4px 15px #60a5fa33}.youtube-player-container .scripts-panel .script-navigation .current-script .script-header.ai-script{border-color:#10b981;box-shadow:0 4px 15px #10b98133}.youtube-player-container .scripts-panel .script-navigation .current-script .script-text{color:#000;font-size:24px;font-weight:700;letter-spacing:.5px;line-height:1.8;margin-bottom:15px;min-height:40px;position:relative;transform:rotate(-.3deg);transform-origin:left center}.youtube-player-container .scripts-panel .script-navigation .current-script .script-text .text-cursor{animation:cursor-blink 1s ease-in-out infinite;color:#fff;font-family:Comic Sans MS,Chalkboard SE,Comic Neue,Bangers,Fredoka One,cursive;font-weight:700;margin-left:2px;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 2px 0 #000,0 -2px 0 #000,2px 0 0 #000,-2px 0 0 #000,0 4px 8px #0009}.youtube-player-container .scripts-panel .script-navigation .current-script .script-text .visibility-toggle{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000001a;border:none;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;gap:4px;height:28px;justify-content:center;min-width:28px;opacity:.5;padding:0 6px;position:absolute;right:-20px;top:0;transition:all .2s ease;width:auto}.youtube-player-container .scripts-panel .script-navigation .current-script .script-text .visibility-toggle .button-label{color:#ffffffe6;font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.youtube-player-container .scripts-panel .script-navigation .current-script .script-text .visibility-toggle svg{fill:#fffc;flex-shrink:0;height:16px;transition:fill .2s ease;width:16px}.youtube-player-container .scripts-panel .script-navigation .current-script .script-text .visibility-toggle:hover{background:#ffffff1a;transform:scale(1.1)}.youtube-player-container .scripts-panel .script-navigation .current-script .script-text .visibility-toggle:hover svg{fill:#fff}.youtube-player-container .scripts-panel .script-navigation .current-script .script-text .visibility-toggle:hover .button-label{color:#fff}.youtube-player-container .scripts-panel .script-navigation .current-script .script-text .visibility-toggle:active{transform:scale(.95)}.youtube-player-container .scripts-panel .script-navigation .current-script .script-translation{font-size:16px;font-style:normal;font-weight:500;letter-spacing:.3px;line-height:1.3;margin-bottom:15px;min-height:20px;opacity:.7;position:relative;transform:rotate(-.3deg);transform-origin:left center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.youtube-player-container .scripts-panel .script-navigation .current-script .script-translation .visibility-toggle{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000001a;border:none;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;gap:4px;height:28px;justify-content:center;min-width:28px;padding:0 6px;position:absolute;right:-20px;top:0;transition:all .2s ease;width:auto}.youtube-player-container .scripts-panel .script-navigation .current-script .script-translation .visibility-toggle .button-label{color:#ffffffe6;font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.youtube-player-container .scripts-panel .script-navigation .current-script .script-translation .visibility-toggle svg{fill:#fffc;flex-shrink:0;height:16px;transition:fill .2s ease;width:16px}.youtube-player-container .scripts-panel .script-navigation .current-script .script-translation .visibility-toggle:hover{background:#ffffff1a;transform:scale(1.1)}.youtube-player-container .scripts-panel .script-navigation .current-script .script-translation .visibility-toggle:hover svg{fill:#fff}.youtube-player-container .scripts-panel .script-navigation .current-script .script-translation .visibility-toggle:hover .button-label{color:#fff}.youtube-player-container .scripts-panel .script-navigation .current-script .script-translation .visibility-toggle:active{transform:scale(.95)}.youtube-player-container .scripts-panel .script-navigation .current-script .script-progress{background:#ffffff1a;border-radius:20px;bottom:10px;color:#ffffff80;display:inline-block;font-size:14px;padding:5px 15px;pointer-events:none;position:absolute;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.youtube-player-container .scripts-panel .script-list{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;margin-top:20px;max-height:300px;overflow-y:auto}.youtube-player-container .scripts-panel .script-list .script-item{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;padding:15px 20px;transition:all .2s ease}.youtube-player-container .scripts-panel .script-list .script-item:last-child{border-bottom:none}.youtube-player-container .scripts-panel .script-list .script-item:hover{background:#ffffff1a}.youtube-player-container .scripts-panel .script-list .script-item.active{background:#0096ff33;border-left:4px solid #0096ffcc}.youtube-player-container .scripts-panel .script-list .script-item .script-time{color:#fff9;font-size:12px;font-weight:500;margin-right:15px;min-width:80px}.youtube-player-container .scripts-panel .script-list .script-item .script-text{color:#fff;flex:1 1;font-size:16px;line-height:1.4}.youtube-player-container .connection-container{align-items:center;background:#0000;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:10px;padding:0 10px 0 0;pointer-events:auto;z-index:10}.youtube-player-container .connection-container .connection-button-container{align-items:center;display:flex;justify-content:center}.youtube-player-container .connection-container .action-button{align-items:center;animation:opacity-pulse 3s ease-in infinite;background:var(--secondary-color);border:1px solid #0000;border-radius:18px;color:var(--primary-color);cursor:pointer;display:flex;font-size:1.25rem;height:48px;justify-content:center;line-height:1.75rem;text-transform:lowercase;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none;width:48px}.youtube-player-container .connection-container .action-button:focus{border:2px solid var(--Neutral-20);outline:2px solid var(--Neutral-80)}.youtube-player-container .connection-container .action-button:hover{background:#0000;border:1px solid var(--Neutral-20)}.youtube-player-container .connection-container .action-button.connected{background:var(--Blue-800);color:var(--Blue-500)}.youtube-player-container .connection-container .action-button.connected:hover{border:1px solid var(--Blue-500)}.youtube-player-container .connection-container .connect-toggle{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#2b2b03;border:1px solid hsla(0,0%,100%,.145)!important;border-radius:50%!important;color:#fff!important;height:90px!important;overflow:hidden;position:relative;transition:all .3s ease;width:90px!important;z-index:1}.youtube-player-container .connection-container .connect-toggle .button-glow{border-radius:50%;height:100%;left:0;opacity:.3;position:absolute;top:0;transition:opacity .5s ease;width:100%;z-index:-1}.youtube-player-container .connection-container .connect-toggle:before{content:"";height:200%;left:-50%;opacity:1;position:absolute;top:-50%;transition:opacity .3s ease;width:200%;z-index:0}.youtube-player-container .connection-container .connect-toggle:hover{background:#0009!important;transform:translateY(-8px)}.youtube-player-container .connection-container .connect-toggle:hover .button-glow{opacity:.5}.youtube-player-container .connection-container .connect-toggle:active{transform:scale(.95)}.youtube-player-container .connection-container .connect-toggle:focus{box-shadow:0 0 0 4px #ffff004d,0 20px 40px #0009,0 10px 20px #0006,0 5px 10px #0000004d,0 0 20px #ffff0026,inset 0 1px 0 #ffff004d;outline:none}.youtube-player-container .connection-container .connect-toggle.connected .button-glow{background:radial-gradient(circle at center,#ff0c,#0000 70%);opacity:.4}.youtube-player-container .connection-container .connect-toggle.connected:hover .button-glow{opacity:.6}.youtube-player-container .connection-container .connect-toggle .mic-icon{background:#0000;border-radius:50%;color:#fff;filter:brightness(1);height:100px;object-fit:contain;padding:10px;position:relative;transition:all .3s ease;width:100px;z-index:2}@keyframes micShine{0%,to{border-color:#ff0c;box-shadow:0 0 10px #ffff0080,0 0 20px #ffff004d,0 0 30px #ffff001a}50%{border-color:#ff0;box-shadow:0 0 15px #ff0c,0 0 25px #ff09,0 0 35px #ff06}}.youtube-player-container .connection-container .connect-toggle .stop-icon{align-items:center;display:flex;font-weight:900;height:50px;justify-content:center;position:relative;width:50px;z-index:2}.youtube-player-container .connection-container .connect-toggle .stop-icon .stop-square{background:#000;border-radius:4px;box-shadow:0 2px 8px #0000004d;height:30px;transition:all .3s ease;width:30px}.youtube-player-container .bottom-container{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border-top:1px solid #ffffff4d;bottom:0;box-shadow:0 -2px 30px #0006;display:flex;justify-content:space-between;left:0;padding:10px 20px;pointer-events:auto;right:0;width:100%;z-index:200}.youtube-player-container .bottom-container .role-container{align-items:center;display:flex;flex:1 1;justify-content:center;margin:0 20px;max-width:400px;pointer-events:auto}.youtube-player-container .bottom-container .role-container .role-cards{align-items:center;display:flex;flex-direction:column;gap:8px;width:100%}.youtube-player-container .bottom-container .role-container .role-cards .role-playing{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:10px;font-weight:500;letter-spacing:.5px;margin-bottom:0;opacity:.8;text-align:center;text-transform:uppercase;width:100%}.youtube-player-container .bottom-container .role-container .role-cards .role-card{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff14;border:2px solid #0000;border-radius:16px;cursor:pointer;display:flex;gap:8px;max-width:200px;overflow:hidden;padding:8px 12px;position:relative;transition:all .3s ease;width:70%}.youtube-player-container .bottom-container .role-container .role-cards .role-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:1}.youtube-player-container .bottom-container .role-container .role-cards .role-card:hover:before{left:100%}.youtube-player-container .bottom-container .role-container .role-cards .role-card.active{box-shadow:0 8px 25px #0000004d;transform:scale(1.05)}.youtube-player-container .bottom-container .role-container .role-cards .role-card .role-indicator{align-items:center;border-radius:50%;display:flex;height:18px;justify-content:center;position:relative;width:18px;z-index:2}.youtube-player-container .bottom-container .role-container .role-cards .role-card .role-indicator .role-avatar{height:20px;object-fit:contain;width:20px}.youtube-player-container .bottom-container .role-container .role-cards .role-card .role-content{display:flex;flex-direction:row;font-family:Comic Sans MS,Chalkboard SE,Comic Neue,Bangers,Fredoka One,cursive;gap:2px;position:relative;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 1px 0 #000,0 -1px 0 #000,1px 0 0 #000,-1px 0 0 #000,0 2px 4px #00000080;z-index:2}.youtube-player-container .bottom-container .role-container .role-cards .role-card .role-content .role-label{color:#fff;font-size:10px;font-weight:500;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.youtube-player-container .bottom-container .role-container .role-cards .role-card .role-content .role-name{color:#fff;font-size:11px;font-weight:600;line-height:1.2}.youtube-player-container .bottom-container .role-container .role-cards .role-card.user-card{background:#2563eb;border-color:#2563eb;gap:18px;padding-left:18px}.youtube-player-container .bottom-container .role-container .role-cards .role-card.user-card.active{background:linear-gradient(135deg,#60a5fa4d,#3b82f633);border-color:#3b82f6;box-shadow:0 8px 25px #3b82f666}.youtube-player-container .bottom-container .role-container .role-cards .role-card.ai-card{border-color:#10b981}.youtube-player-container .bottom-container .role-container .role-cards .role-card.ai-card.active{border-color:#059669}.youtube-player-container .bottom-container .role-container .role-cards .switch-container{align-items:center;display:flex;justify-content:center}.youtube-player-container .bottom-container .role-container .role-cards .switch-container .role-switch-button{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid #d97706;border-radius:50%;box-shadow:0 4px 15px #d977064d;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:40px}.youtube-player-container .bottom-container .role-container .role-cards .switch-container .role-switch-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:0}.youtube-player-container .bottom-container .role-container .role-cards .switch-container .role-switch-button:hover{box-shadow:0 6px 20px #d9770680;transform:scale(1.1) rotate(180deg)}.youtube-player-container .bottom-container .role-container .role-cards .switch-container .role-switch-button:hover:before{height:100%;width:100%}.youtube-player-container .bottom-container .role-container .role-cards .switch-container .role-switch-button:active{transform:scale(.95) rotate(180deg)}.youtube-player-container .bottom-container .role-container .role-cards .switch-container .role-switch-button .switch-icon{color:#fff;font-size:16px;font-weight:700;position:relative;z-index:1}.youtube-player-container .logo-container{align-items:center;cursor:pointer;display:flex;height:140px;isolation:isolate;justify-content:center;pointer-events:auto;position:relative;width:140px;z-index:300}.youtube-player-container .logo-container .snackk-logo{height:100%;object-fit:contain;transform-origin:center center;transition:transform .1s ease-in-out;width:100%}.youtube-player-container .logo-container .snackk-logo.base-avatar{position:relative;z-index:1}.youtube-player-container .logo-container .snackk-logo.overlay-avatar{height:6%;left:48.9%;position:absolute;top:38%;transform:translate(-50%,-50%);transition:transform .1s ease-in-out,opacity .2s ease-in-out;width:6%;z-index:2}.youtube-player-container .logo-container .snackk-logo.overlay-avatar.open-overlay{animation:breathe .5s ease-in-out infinite alternate;z-index:3}.youtube-player-container .logo-container .snackk-logo.overlay-avatar.close-overlay{height:4%;width:4%;z-index:2}.youtube-player-container .logo-container .snackk-mouse{height:75px;left:50%;object-fit:contain;position:absolute;top:65%;transform:translate(-50%,-50%);transition:transform .1s ease-in-out;width:75px}@keyframes breathe{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.05)}}@media(max-width:768px){.youtube-player-container{gap:0;padding:0}.youtube-player-container .video-container{height:200px}.youtube-player-container .back-button{font-size:24px;height:50px;left:10px;top:-5px;width:50px}.youtube-player-container .scripts-panel{flex:1 1;padding:15px}.youtube-player-container .scripts-panel .script-navigation{height:100%;padding:0}.youtube-player-container .scripts-panel .script-navigation .nav-button{height:40px;width:40px}.youtube-player-container .scripts-panel .script-navigation .nav-button.left,.youtube-player-container .scripts-panel .script-navigation .nav-button.right{margin-bottom:30px}.youtube-player-container .scripts-panel .script-navigation .current-script .script-text{font-size:20px;margin-bottom:30px}.youtube-player-container .scripts-panel .script-list{max-height:200px}.youtube-player-container .scripts-panel .script-list .script-item{align-items:flex-start;flex-direction:row;gap:5px}.youtube-player-container .scripts-panel .script-list .script-item .script-time{margin-right:0;min-width:auto}.youtube-player-container .bottom-container{bottom:0;left:0;padding:0 0 8px;position:fixed;right:0;z-index:90}.youtube-player-container .bottom-container .role-container{margin:0 10px;max-width:320px}.youtube-player-container .bottom-container .role-container .role-cards{gap:6px}.youtube-player-container .bottom-container .role-container .role-cards .role-card{border-radius:12px;max-width:250px;padding:3px 10px}.youtube-player-container .bottom-container .role-container .role-cards .role-card .role-indicator{height:18px;min-width:18px}.youtube-player-container .bottom-container .role-container .role-cards .role-card .role-indicator .role-avatar{height:18px;width:18px}.youtube-player-container .bottom-container .role-container .role-cards .role-card .role-content .role-label{font-size:9px}.youtube-player-container .bottom-container .role-container .role-cards .role-card .role-content .role-name{font-size:10px}.youtube-player-container .bottom-container .role-container .role-cards .switch-container .role-switch-button{height:15px;width:15px}.youtube-player-container .bottom-container .role-container .role-cards .switch-container .role-switch-button .switch-icon{font-size:14px}.youtube-player-container .bottom-container .logo-container{cursor:pointer;height:120px;margin-left:-10px;width:120px}.youtube-player-container .connection-container{bottom:0;right:0}.youtube-player-container .connection-container .connect-toggle .mic-icon{height:70px;width:70px}}.script-list::-webkit-scrollbar{width:6px}.script-list::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.script-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.script-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #ffffff1a}50%{box-shadow:0 0 30px #fff3}}.avatar-selector-overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.avatar-selector-overlay .avatar-selector-modal{animation:fadeInOverlay .3s ease-out;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 60px #00000080;max-height:80vh;max-width:90vw;overflow-y:auto;padding:30px}.avatar-selector-overlay .avatar-selector-modal .avatar-selector-header{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.avatar-selector-overlay .avatar-selector-modal .avatar-selector-header h3{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:600;margin:0}.avatar-selector-overlay .avatar-selector-modal .avatar-selector-header .close-button{align-items:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.avatar-selector-overlay .avatar-selector-modal .avatar-selector-header .close-button:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1)}.avatar-selector-overlay .avatar-selector-modal .avatar-selector-header .close-button:active{transform:scale(.95)}.avatar-selector-overlay .avatar-selector-modal .avatar-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));max-width:600px}.avatar-selector-overlay .avatar-selector-modal .avatar-grid .avatar-item{align-items:center;background:#ffffff14;border:2px solid #0000;border-radius:16px;color:#fff;cursor:pointer;display:flex;flex-direction:column;padding:15px 10px;text-decoration:none;transition:all .3s ease}.avatar-selector-overlay .avatar-selector-modal .avatar-grid .avatar-item:hover{background:#ffffff26;border-color:#fff6;box-shadow:0 10px 25px #0000004d;transform:translateY(-5px)}.avatar-selector-overlay .avatar-selector-modal .avatar-grid .avatar-item:active{transform:translateY(-2px)}.avatar-selector-overlay .avatar-selector-modal .avatar-grid .avatar-item img{border-radius:50%;height:60px;margin-bottom:8px;object-fit:contain;transition:transform .3s ease;width:60px}.avatar-selector-overlay .avatar-selector-modal .avatar-grid .avatar-item:hover img{transform:scale(1.1)}.avatar-selector-overlay .avatar-selector-modal .avatar-grid .avatar-item .avatar-name{color:#ff9800;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;margin-bottom:4px;text-align:center}.avatar-selector-overlay .avatar-selector-modal .avatar-grid .avatar-item .avatar-description{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;line-height:1.3;opacity:.8;text-align:center}.role-indicator{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;position:relative;width:24px;z-index:2}.role-indicator .script-icon.user-icon{background-color:var(--Yellow-200);border-radius:4px;box-shadow:0 2px 4px #0003;color:var(--Black);font-size:12px;font-weight:900;line-height:1;padding:1px 8px}.role-indicator .script-icon.ai-icon{border-radius:50%;height:22px;object-fit:contain;width:22px}@media(max-width:768px){.avatar-selector-overlay .avatar-selector-modal{margin:20px;max-height:calc(100vh - 40px);max-width:calc(100vw - 40px);padding:20px}.avatar-selector-overlay .avatar-selector-modal .avatar-selector-header{margin-bottom:20px}.avatar-selector-overlay .avatar-selector-modal .avatar-selector-header h3{font-size:20px}.avatar-selector-overlay .avatar-selector-modal .avatar-selector-header .close-button{font-size:18px;height:35px;width:35px}.avatar-selector-overlay .avatar-selector-modal .avatar-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.avatar-selector-overlay .avatar-selector-modal .avatar-grid .avatar-item{padding:12px 8px}.avatar-selector-overlay .avatar-selector-modal .avatar-grid .avatar-item img{height:50px;width:50px}.avatar-selector-overlay .avatar-selector-modal .avatar-grid .avatar-item .avatar-name{font-size:12px}.avatar-selector-overlay .avatar-selector-modal .avatar-grid .avatar-item .avatar-description{font-size:10px}}.current-script{position:relative;z-index:1}.current-script:before{background-image:var(--bg-image);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:100%;left:0;opacity:.05;position:absolute;top:0;width:100%;z-index:-1}.current-script .script-header,.current-script .script-progress,.current-script .script-text,.current-script .script-translation{position:relative;z-index:2}.video-title{background-color:#000;padding:15px 60px;width:100%}.video-title h1{color:#fff;font-size:1rem;font-weight:700;margin:0;text-align:center;width:100%}.video-title p{color:#ccc;font-size:.8rem;font-style:italic;margin:5px 0 0;text-align:center}.video-title .top-controls{align-items:flex-start;display:flex;justify-content:space-between;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:200}.video-title .top-controls .back-button{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#ffffff40,#ffffff1a);border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 8px 32px #1f26875e,0 2px 8px #0003,inset 0 1px 0 #fff3;color:#ffffffe6;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;gap:8px;left:0;letter-spacing:.5px;overflow:hidden;padding:10px 16px;pointer-events:auto;position:relative;text-shadow:0 1px 2px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.video-title .top-controls .back-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#fff3,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease-in-out;width:100%}.video-title .top-controls .back-button:hover{border-color:#fff6;box-shadow:0 12px 40px #1f268780,0 4px 12px #0000004d,inset 0 1px 0 #ffffff4d;color:#fff;transform:translateY(-2px) scale(1.02)}.video-title .top-controls .back-button:hover:before{left:100%}.video-title .top-controls .back-button:active{transform:translateY(0) scale(.98);transition-duration:.1s}.video-title .top-controls .share-button-container{pointer-events:auto}.animated-text-container{display:inline;line-height:1.5}.animated-sentence{display:inline-block;position:relative;transition:all .5s cubic-bezier(.25,.46,.45,.94)}.animated-sentence.hidden{filter:blur(3px);opacity:0;transform:translateX(-25px)}.animated-sentence.visible{animation:slideInFromLeft .8s cubic-bezier(.25,.46,.45,.94) forwards;filter:blur(0);margin-right:10px;opacity:1;transform:translateX(0)}.animated-sentence.visible:first-child{animation-delay:0s!important}@keyframes slideInFromLeft{0%{filter:blur(4px);opacity:0;transform:translateX(-40px)}30%{filter:blur(2px);opacity:.3;transform:translateX(-20px)}70%{filter:blur(.5px);opacity:.8;transform:translateX(-5px)}to{filter:blur(0);opacity:1;transform:translateX(0)}}.text-cursor{animation:cursor-blink 1s ease-in-out infinite;color:#fff;font-weight:400;margin-left:2px}.highlighted-text,.highlighted-text2,.highlighted-text3,.highlighted-text4,.highlighted-text5{background:var(--Neutral-60);-webkit-box-decoration-break:clone;box-decoration-break:clone;box-shadow:none;color:var(--White);display:inline;padding:1px 6px;position:relative;text-shadow:none;white-space:normal}.highlighted-text2:before,.highlighted-text3:before,.highlighted-text4:before,.highlighted-text5:before,.highlighted-text:before{animation:highlight-shine 2s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);border-radius:4px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.highlighted-text2{background:var(--Neutral-40);transform:rotate(-1deg)}.highlighted-text3{background:var(--Neutral-30);transform:rotate(-3deg)}.highlighted-text4{background:var(--Neutral-20);transform:rotate(-5deg)}.highlighted-text5{background:var(--Neutral-10);transform:rotate(-7deg)}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes highlight-shine{0%{opacity:0;transform:translateX(-100%)}50%{opacity:1}to{opacity:0;transform:translateX(100%)}}.share-button-container{opacity:.7;position:relative}.share-button{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#ffffff40,#ffffff1a);border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 8px 32px #1f26875e,0 2px 8px #0003,inset 0 1px 0 #fff3;color:#ffffffe6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;gap:8px;letter-spacing:.5px;overflow:hidden;padding:10px 16px;position:relative;text-shadow:0 1px 2px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.share-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#fff3,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease-in-out;width:100%}.share-button:hover{border-color:#fff6;box-shadow:0 12px 40px #1f268780,0 4px 12px #0000004d,inset 0 1px 0 #ffffff4d;color:#fff;transform:translateY(-2px) scale(1.02)}.share-button:hover:before{left:100%}.share-button:hover .share-text{transform:translateX(2px)}.share-button:active{transform:translateY(0) scale(.98);transition-duration:.1s}.share-button .share-text{transition:transform .3s ease}.share-backdrop{animation:fadeIn .3s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.share-menu{animation:slideUp .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:1px solid #fff6;border-radius:20px;box-shadow:0 20px 60px #0000004d,0 8px 24px #0003,inset 0 1px 0 #fff9;left:50%;max-width:90vw;min-width:320px;padding:24px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1001}.share-menu .share-menu-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.share-menu .share-menu-header h3{color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:18px;font-weight:700;margin:0}.share-menu .share-menu-header .close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.share-menu .share-menu-header .close-button:hover{background:#0000001a;color:#333;transform:scale(1.1)}.share-menu .share-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.share-menu .share-options .share-option{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;gap:12px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.share-menu .share-options .share-option:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.share-menu .share-options .share-option:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.share-menu .share-options .share-option:hover:before{opacity:1}.share-menu .share-options .share-option:hover .share-icon{transform:scale(1.1)}.share-menu .share-options .share-option:active{transform:translateY(0);transition-duration:.1s}.share-menu .share-options .share-option .share-icon{align-items:center;border-radius:6px;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:transform .3s ease;width:24px}.share-menu .share-options .share-option span{color:#1a1a1a;transition:color .3s ease}.share-menu .share-options .share-option.threads{background:linear-gradient(135deg,#000,#1a1a1a);color:#fff}.share-menu .share-options .share-option.threads .share-icon{background:#ffffff1a;color:#fff}.share-menu .share-options .share-option.threads span{color:#fff}.share-menu .share-options .share-option.threads:hover{background:linear-gradient(135deg,#1a1a1a,#000);box-shadow:0 8px 24px #0000004d}.share-menu .share-options .share-option.x{background:linear-gradient(135deg,#000,#1a1a1a);color:#fff}.share-menu .share-options .share-option.x .share-icon{background:#ffffff1a;color:#fff}.share-menu .share-options .share-option.x span{color:#fff}.share-menu .share-options .share-option.x:hover{background:linear-gradient(135deg,#1a1a1a,#000);box-shadow:0 8px 24px #0000004d}.share-menu .share-options .share-option.kakao{background:linear-gradient(135deg,#fee500,gold);color:#3c1e1e}.share-menu .share-options .share-option.kakao .share-icon{background:#3c1e1e1a;color:#3c1e1e}.share-menu .share-options .share-option.kakao span{color:#3c1e1e}.share-menu .share-options .share-option.kakao:hover{background:linear-gradient(135deg,gold,#fee500);box-shadow:0 8px 24px #fee5004d}.share-menu .share-options .share-option.copy{background:#2563eb;color:#fff}.share-menu .share-options .share-option.copy .share-icon{background:#ffffff1a;color:#fff}.share-menu .share-options .share-option.copy span{color:#fff}.share-menu .share-options .share-option.copy:hover{background:linear-gradient(135deg,#2563eb,#6366f1);box-shadow:0 8px 24px #6366f14d}.share-menu .share-url-display{display:flex}.share-menu .share-url-display .share-url-input{background:#0000000d;border:1px solid #0000001a;border-radius:8px;color:#666;cursor:text;flex:1 1;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:12px;padding:12px 16px;transition:all .3s ease}.share-menu .share-url-display .share-url-input:focus{background:#6366f10d;border-color:#6366f1;color:#1a1a1a;outline:none}.share-menu .share-url-display .share-url-input:hover{background:#00000014;border-color:#0003}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:768px){.share-menu{min-width:280px;padding:20px}.share-menu .share-options{gap:10px;grid-template-columns:1fr}.share-menu .share-options .share-option{font-size:13px;padding:14px}.share-menu .share-options .share-option .share-icon{height:20px;width:20px}.share-menu .share-menu-header h3{font-size:16px}.share-button{font-size:13px;padding:8px 12px}.share-button .share-text{display:none}}@media(prefers-color-scheme:dark){.share-menu{background:linear-gradient(135deg,#1e1e1ef2,#141414e6);border-color:#ffffff1a}.share-menu .share-menu-header{border-bottom-color:#ffffff1a}.share-menu .share-menu-header h3{color:#fff}.share-menu .share-menu-header .close-button{color:#999}.share-menu .share-menu-header .close-button:hover{background:#ffffff1a;color:#fff}.share-menu .share-options .share-option span{color:#fff}.share-menu .share-url-display .share-url-input{background:#ffffff0d;border-color:#ffffff1a;color:#ccc}.share-menu .share-url-display .share-url-input:focus{background:#6366f11a;color:#fff}.share-menu .share-url-display .share-url-input:hover{background:#ffffff14;border-color:#fff3}}.top-controls{justify-content:space-between;left:20px;pointer-events:auto;position:absolute;right:20px;top:20px;z-index:1000}.back-button,.top-controls{align-items:center;display:flex}.back-button{background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;height:48px;justify-content:center;transition:all .3s ease;width:48px}.back-button:hover{background:#000000e6;transform:scale(1.1)}.share-button-container{display:inline-block;margin-right:8px;margin-top:8px}.share-button{align-items:center;background:#000000b3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;min-width:0;padding:8px 12px;transition:all .3s ease}.share-button:hover{background:#000000e6;transform:scale(1.05)}.share-text{white-space:nowrap}@media (max-width:768px){.top-controls{left:10px;right:10px;top:10px}.back-button{height:40px;width:40px}.share-button{font-size:12px;padding:6px 10px}}.ai-copilot-container{background-color:#fff;border-radius:12px;bottom:20px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:500px;max-width:90vw;overflow:hidden;position:fixed;right:20px;transition:all .3s ease;width:350px;z-index:1000}.ai-copilot-container.minimized{border-radius:50%;height:60px;overflow:hidden;width:60px}.ai-copilot-container .ai-copilot-header{align-items:center;background-color:#4a6cf7;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px}.ai-copilot-container .ai-copilot-header .header-left{align-items:center;display:flex;gap:8px}.ai-copilot-container .ai-copilot-header .header-left .ai-icon{align-items:center;background-color:#fff;border-radius:50%;color:#4a6cf7;display:flex;font-weight:700;height:24px;justify-content:center;width:24px}.ai-copilot-container .ai-copilot-header .header-left .ai-title{font-size:16px;font-weight:600}.ai-copilot-container .ai-copilot-header .header-controls{display:flex;gap:8px}.ai-copilot-container .ai-copilot-header .header-controls button{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s}.ai-copilot-container .ai-copilot-header .header-controls button:hover{background-color:#fff3}.ai-copilot-container .ai-copilot-body{display:flex;flex:1 1;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto;padding:16px}.ai-copilot-container .ai-copilot-body .intro-message{color:#555;font-size:14px;line-height:1.4}.ai-copilot-container .ai-copilot-body .suggested-prompts{display:flex;flex-wrap:wrap;gap:8px}.ai-copilot-container .ai-copilot-body .suggested-prompts .prompt-button{background-color:#f0f4ff;border:1px solid #d0d8ff;border-radius:16px;color:#4a6cf7;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.ai-copilot-container .ai-copilot-body .suggested-prompts .prompt-button:hover{background-color:#e0e8ff}.ai-copilot-container .ai-copilot-body .conversation{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.ai-copilot-container .ai-copilot-body .conversation .message{border-radius:12px;font-size:14px;line-height:1.4;max-width:85%;padding:10px 14px}.ai-copilot-container .ai-copilot-body .conversation .message.user-message{align-self:flex-end;background-color:#4a6cf7;color:#fff}.ai-copilot-container .ai-copilot-body .conversation .message.ai-message{align-self:flex-start;background-color:#f0f4ff;color:#333}.ai-copilot-container .ai-copilot-input{border-top:1px solid #eee;display:flex;gap:8px;padding:12px 16px}.ai-copilot-container .ai-copilot-input input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s}.ai-copilot-container .ai-copilot-input input:focus{border-color:#4a6cf7}.ai-copilot-container .ai-copilot-input button{background-color:#4a6cf7;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 14px;transition:background-color .2s}.ai-copilot-container .ai-copilot-input button:hover{background-color:#3a5ce5}.ai-copilot-container .ai-copilot-input button:disabled{background-color:#a0a0a0;cursor:not-allowed}.ai-copilot-toggle{align-items:center;background-color:#4a6cf7;border-radius:50%;bottom:10px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:10px;transition:all .3s ease;width:40px;z-index:999}.ai-copilot-toggle:hover{transform:scale(1.05)}.vocab-drawer-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .3s cubic-bezier(.25,.46,.45,.94);visibility:hidden;width:100%;z-index:9998}.vocab-drawer-overlay.active{opacity:1;visibility:visible}.vocab-drawer{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-left:1px solid #64ffda33;display:flex;flex-direction:column;height:100vh;max-width:600px;overflow:hidden;position:fixed;right:-100%;top:0;transition:right .4s cubic-bezier(.25,.46,.45,.94);width:100%;z-index:9999}.vocab-drawer.open{right:0}.vocab-drawer-header{align-items:center;background:#ffffff05;border-bottom:1px solid #64ffda1a;display:flex;justify-content:space-between;padding:2rem}.vocab-drawer-header h2{color:#fff;font-size:1.8rem;font-weight:700;margin:0}.vocab-drawer-header h2 .highlighted-vocab{-webkit-text-fill-color:initial;background:linear-gradient(135deg,#64ffda,#45b7d1);-webkit-background-clip:initial;background-clip:initial;border-radius:4px;color:#0a0a0a;font-weight:700;margin-left:.5rem;margin-right:.5rem;padding:.1rem .3rem;text-shadow:none}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#64ffda;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:.5rem;transition:all .3s ease;width:40px}.close-button:hover{background:#64ffda1a;transform:scale(1.1)}.vocab-drawer-tabs{background:#ffffff08;border-bottom:1px solid #64ffda1a;display:flex}.tab-button{align-items:center;background:none;border:none;color:#888;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1rem;position:relative;transition:all .3s ease}.tab-button:hover{background:#64ffda0d;color:#64ffda}.tab-button.active{background:#64ffda1a;color:#64ffda}.tab-button.active:after{background:linear-gradient(90deg,#64ffda,#45b7d1);bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.tab-icon{font-size:1.5rem}.tab-label{font-size:.9rem;font-weight:500}.vocab-drawer-body{flex:1 1;overflow-y:auto;padding:2rem}.vocab-drawer-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #64ffda33;border-radius:50%;border-top-color:#64ffda;height:40px;width:40px}.vocab-drawer-error{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;text-align:center}.retry-button{background:linear-gradient(135deg,#64ffda,#45b7d1);border:none;border-radius:25px;color:#0a0a0a;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.retry-button:hover{box-shadow:0 10px 20px #64ffda4d;transform:translateY(-2px)}.examples-list,.movie-list,.news-list,.song-list,.vocab-drawer-content{display:flex;flex-direction:column;gap:1.5rem}.example-item,.movie-item,.news-item,.song-item{background:#ffffff08;border:1px solid #64ffda1a;border-radius:16px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.example-item:before,.movie-item:before,.news-item:before,.song-item:before{background:linear-gradient(90deg,#0000,#64ffda0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.example-item:hover:before,.movie-item:hover:before,.news-item:hover:before,.song-item:hover:before{left:100%}.example-item:hover,.movie-item:hover,.news-item:hover,.song-item:hover{border-color:#64ffda4d;box-shadow:0 10px 25px #0003;transform:translateY(-2px)}.example-number,.movie-number,.news-number,.song-number{background:linear-gradient(135deg,#64ffda,#45b7d1);border-radius:12px;color:#0a0a0a;font-size:.8rem;font-weight:700;padding:.25rem .75rem;position:absolute;right:1rem;top:1rem}.movie-header,.news-header,.song-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.news-meta{align-items:center;display:flex;flex:1 1;gap:.5rem}.publisher-icon{border-radius:2px;height:16px;object-fit:cover;width:16px}.publisher{color:#888;font-size:.8rem;font-weight:500}.time{color:#666;font-size:.8rem}.news-content{display:flex;flex-direction:column;gap:1rem}.news-figure{display:flex;justify-content:center;margin-bottom:.5rem}.news-image{border-radius:8px;box-shadow:0 4px 12px #0000004d;height:auto;max-width:100%;transition:transform .3s ease}.news-image:hover{transform:scale(1.02)}.news-title{color:#fff;font-size:1rem;font-weight:600;line-height:1.4;margin:0}.highlighted-vocab{background:linear-gradient(135deg,#64ffda,#45b7d1);border-radius:4px;color:#0a0a0a;font-weight:700;margin-right:.5rem;padding:.1rem .3rem;text-shadow:none}.news-error,.news-loading,.no-news{align-items:center;color:#888;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.movie-header h4,.news-header h4,.song-header h4{color:#64ffda;flex:1 1;font-size:1.1rem;font-weight:600;margin:0}.movie-link,.news-link,.song-link{color:#64ffda;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s ease}.movie-link:hover,.news-link:hover,.song-link:hover{color:#45b7d1;text-decoration:underline}.movie-script,.song-lyric{background:#64ffda0d;border-left:4px solid #64ffda;border-radius:0 8px 8px 0;color:silver;font-style:italic;padding:1rem}.movie-script p,.song-lyric p{line-height:1.6;margin:0}@media (max-width:768px){.vocab-drawer{max-width:none;width:100%}.vocab-drawer-header{padding:1.5rem}.vocab-drawer-header h2{font-size:1.5rem}.vocab-drawer-body{padding:1.5rem}.tab-button{padding:.75rem .5rem}.tab-icon{font-size:1.2rem}.tab-label{font-size:.8rem}}*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a;background-image:radial-gradient(circle at 20% 50%,#7877c61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff6b6b1a 0,#0000 50%),radial-gradient(circle at 40% 80%,#4ecdc41a 0,#0000 50%);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden}.blog-container{border:2px solid #64ffda4d;height:100vh;margin:0 auto;max-width:1200px;overflow-x:hidden;overflow-y:auto;padding:1rem 2rem 2rem;position:relative;scrollbar-color:#64ffda4d #0000;scrollbar-width:thin}.blog-container::-webkit-scrollbar{width:8px}.blog-container::-webkit-scrollbar-track{background:#0000}.blog-container::-webkit-scrollbar-thumb{background:#64ffda4d;border-radius:4px}.blog-container::-webkit-scrollbar-thumb:hover{background:#64ffda80}.blog-container:before{animation:shimmer 15s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#64ffda05 50%,#0000 70%),linear-gradient(-45deg,#0000 30%,#ff6b6b05 50%,#0000 70%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes shimmer{0%,to{opacity:.3}50%{opacity:.7}}.blog-header{margin-bottom:4rem;position:relative;text-align:center}.blog-thumbnail{animation:float 6s ease-in-out infinite;background:linear-gradient(45deg,#64ffda,#ff6b6b,#4ecdc4,#45b7d1) padding-box,linear-gradient(45deg,#64ffda,#ff6b6b,#4ecdc4,#45b7d1) border-box;border:4px solid #0000;border-radius:30%;box-shadow:0 0 40px #64ffda4d,0 20px 40px #0003;display:block;height:200px;margin:0 auto 2rem;object-fit:cover;transition:all .3s ease;width:200px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.blog-thumbnail:hover{box-shadow:0 0 60px #64ffda80,0 30px 60px #0000004d;transform:scale(1.05) translateY(-5px)}.blog-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#64ffda,#ff6b6b 50%,#4ecdc4);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:900;letter-spacing:-.02em;line-height:1.1;margin-bottom:1rem;position:relative}.blog-header h1:after{animation:glow 2s ease-in-out infinite alternate;background:linear-gradient(90deg,#0000,#64ffda,#0000);border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:120px}@keyframes glow{0%{box-shadow:0 0 10px #64ffda80}to{box-shadow:0 0 20px #64ffdacc}}.blog-header h2{color:#b0b0b0;font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:300;margin-bottom:2rem;opacity:.9}.blog-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:10rem;margin-top:2rem}.vocab-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 32px #0003,inset 0 1px 0 #ffffff1a;cursor:pointer;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.vocab-card:before{background:linear-gradient(90deg,#0000,#64ffda1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.vocab-card:after{background:linear-gradient(90deg,#0000,#64ffda99,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.vocab-card:hover:before{left:100%}.vocab-card:hover:after{opacity:1}.vocab-card:hover{border-color:#64ffda4d;box-shadow:0 25px 50px #0000004d,0 0 40px #64ffda33,inset 0 1px 0 #fff3;transform:translateY(-12px) scale(1.02)}.vocab-card h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#64ffda,#45b7d1);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin-bottom:1rem;margin-top:0}.meaning{color:#e0e0e0;font-size:1.2rem;font-weight:400;line-height:1.5}.korean,.meaning{margin-bottom:1rem}.korean{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#feca57);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:600;letter-spacing:.02em}.difficulty{border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 15px #0000004d;color:#fff;font-size:.85rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:.5rem;top:.5rem}.difficulty-1{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d}.difficulty-2{background:linear-gradient(135deg,#22543d,#38a169);box-shadow:0 4px 15px #22543d4d}.difficulty-3{background:linear-gradient(135deg,#bfa600,#7a6a00);box-shadow:0 4px 15px #3c320a66}.example{background:#64ffda0d;border-image:linear-gradient(135deg,#64ffda,#45b7d1) 1;border-left:4px solid #0000;border-radius:0 12px 12px 0;color:silver;font-size:1.1rem;font-style:italic;line-height:1.6;margin-bottom:0;padding:1rem 1rem 1rem 1.5rem;position:relative}.example:before{color:#64ffda;content:'"';font-family:serif;font-size:3rem;left:-5px;opacity:.3;position:absolute;top:-10px}.blog-container .error,.blog-container .loading{align-items:center;color:#64ffda;display:flex;font-size:1.5rem;justify-content:center;min-height:50vh}.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#64ffda;content:"";height:20px;margin-left:1rem;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.vocab-actions{border-top:1px solid #64ffda1a;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem}.action-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #64ffda33;border-radius:20px;color:#64ffda;cursor:pointer;font-size:.85rem;font-weight:500;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.action-button:before{background:linear-gradient(90deg,#0000,#64ffda1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.action-button:hover:before{left:100%}.action-button:hover{background:#64ffda1a;border-color:#64ffda66;box-shadow:0 8px 20px #64ffda33;transform:translateY(-2px)}.example-btn:hover{background:linear-gradient(135deg,#64ffda1a,#45b7d11a)}.news-btn:hover{background:linear-gradient(135deg,#ff6b6b1a,#feca571a)}.movie-btn:hover{background:linear-gradient(135deg,#4ecdc41a,#64ffda1a)}.song-btn:hover{background:linear-gradient(135deg,#ff6b6b1a,#4ecdc41a)}@media (max-width:768px){.vocab-actions{flex-direction:column;gap:.75rem}.action-button{padding:.75rem 1rem;text-align:center;width:100%}.blog-container{height:100vh;overflow-y:auto;padding:1rem}.blog-content{gap:1.5rem;grid-template-columns:1fr}.vocab-card{padding:2rem}.blog-header{margin-bottom:2rem}.blog-header h1{font-size:clamp(1.8rem,4vw,2.5rem)}.blog-thumbnail{height:150px;width:150px}.difficulty{display:inline-block;margin-bottom:1rem;position:static}}.scroll-indicator{align-items:center;animation:slideIn .5s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;border:1px solid #64ffda4d;border-radius:50px;box-shadow:0 8px 32px #0000004d,0 0 20px #64ffda33;color:#64ffda;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:1rem;justify-content:center;line-height:1.4;margin:2rem auto;max-width:600px;opacity:.3;padding:1rem 2rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.scroll-indicator-top{animation:slideInFromTop .5s ease-out}.scroll-indicator-bottom{animation:slideInFromBottom .5s ease-out}.scroll-arrow{animation:bounce 2s infinite;font-size:1.2rem;font-weight:700}.scroll-indicator:hover{background:#000000e6;border-color:#64ffda80;box-shadow:0 12px 40px #0006,0 0 30px #64ffda4d;transform:scale(1.05)}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@media (max-width:768px){.scroll-indicator{flex-wrap:wrap;font-size:.8rem;gap:.75rem;margin:1rem auto;max-width:90%;padding:.5rem 1.5rem}.scroll-indicator span{font-size:.75rem}}html{scroll-behavior:smooth}::selection{background:#64ffda4d;color:#fff}::-moz-selection{background:#64ffda4d;color:#fff}
/*# sourceMappingURL=main.b333a19b.css.map*/