@charset "UTF-8";.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.error-boundary__content{background:#fff;border-radius:12px;padding:48px 32px;max-width:600px;text-align:center;box-shadow:0 20px 60px #0000004d}.error-boundary__icon{font-size:64px;margin-bottom:24px}.error-boundary__title{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:16px}.error-boundary__message{font-size:16px;color:#6b7280;line-height:1.6;margin-bottom:32px}.error-boundary__details{text-align:left;margin:24px 0;padding:16px;background:#f3f4f6;border-radius:8px}.error-boundary__details summary{cursor:pointer;font-weight:600;color:#ef4444;margin-bottom:12px}.error-boundary__details summary:hover{color:#dc2626}.error-boundary__stack{font-family:Courier New,monospace;font-size:12px;color:#1f2937;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.error-boundary__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.error-boundary__button{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.error-boundary__button--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.error-boundary__button--primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.error-boundary__button--secondary{background:#f3f4f6;color:#1f2937}.error-boundary__button--secondary:hover{background:#e5e7eb;transform:translateY(-2px)}.error-boundary__button:active{transform:translateY(0)}@media(max-width:768px){.error-boundary__content{padding:32px 24px}.error-boundary__title{font-size:24px}.error-boundary__icon{font-size:48px}.error-boundary__actions{flex-direction:column;width:100%}.error-boundary__button{width:100%}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}.toast{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:auto;animation:slideIn .3s ease-out;border-left:4px solid}.toast--success{border-left-color:#10b981}.toast--error{border-left-color:#ef4444}.toast--warning{border-left-color:#f59e0b}.toast--info{border-left-color:#3b82f6}.toast__content{display:flex;align-items:flex-start;gap:12px;flex:1}.toast__icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.toast--success .toast__icon{background:#d1fae5;color:#10b981}.toast--error .toast__icon{background:#fee2e2;color:#ef4444}.toast--warning .toast__icon{background:#fef3c7;color:#f59e0b}.toast--info .toast__icon{background:#dbeafe;color:#3b82f6}.toast__message{flex:1}.toast__title{font-weight:600;font-size:14px;margin-bottom:4px;color:#1f2937}.toast__text{font-size:14px;color:#6b7280;line-height:1.4}.toast__close{background:none;border:none;font-size:24px;line-height:1;cursor:pointer;color:#9ca3af;padding:0;width:24px;height:24px;flex-shrink:0;transition:color .2s}.toast__close:hover{color:#4b5563}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.toast-container{top:10px;right:10px;left:10px;max-width:none}.toast{padding:12px}}.feedback-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-out}.feedback-modal{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.feedback-modal__header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid #e5e7eb}.feedback-modal__header h2{font-size:24px;font-weight:700;color:#1f2937;margin:0}.feedback-modal__close{background:none;border:none;font-size:32px;line-height:1;cursor:pointer;color:#9ca3af;padding:0;width:32px;height:32px;transition:color .2s}.feedback-modal__close:hover{color:#4b5563}.feedback-modal__form{padding:24px}.feedback-modal__form .form-group{margin-bottom:20px}.feedback-modal__form .form-group label{display:block;font-weight:600;color:#374151;margin-bottom:8px;font-size:14px}.feedback-modal__form .form-group .form-control{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .2s;font-family:inherit}.feedback-modal__form .form-group .form-control:focus{outline:none;border-color:#667eea}.feedback-modal__form .form-group textarea.form-control{resize:vertical}.feedback-modal__actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:2px solid #e5e7eb}.feedback-modal__actions .btn{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.feedback-modal__actions .btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.feedback-modal__actions .btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.feedback-modal__actions .btn--secondary{background:#f3f4f6;color:#1f2937}.feedback-modal__actions .btn--secondary:hover:not(:disabled){background:#e5e7eb}.feedback-modal__actions .btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.feedback-modal__header{padding:20px}.feedback-modal__header h2{font-size:20px}.feedback-modal__form{padding:20px}.feedback-modal__actions{flex-direction:column-reverse}.feedback-modal__actions .btn{width:100%}}.navbar{position:fixed;top:0;left:0;right:0;height:70px;background:linear-gradient(135deg,#0f172a,#1e293b);box-shadow:0 2px 10px #0000004d;z-index:1000;border-bottom:1px solid rgba(99,102,241,.2)}.navbar__container{max-width:1400px;margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:space-between}.navbar__logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-size:1.5rem;font-weight:700;color:#fff;transition:transform .2s}.navbar__logo:hover{transform:scale(1.05)}.navbar__logo-icon{font-size:2rem}.navbar__menu{display:flex;align-items:center;gap:2rem;list-style:none;margin:0;padding:0}.navbar__menu li a,.navbar__menu li button{text-decoration:none;color:#fff;font-weight:500;transition:opacity .2s;background:none;border:none;cursor:pointer;font-size:1rem;font-family:inherit}.navbar__menu li a:hover,.navbar__menu li button:hover{opacity:.8}.navbar__user span{color:#fff;font-weight:600;padding:.5rem 1rem;background:#fff3;border-radius:20px}.navbar__btn{padding:.5rem 1.5rem;border-radius:5px;transition:all .2s}.navbar__btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:600}.navbar__btn--primary:hover{transform:translateY(-2px);box-shadow:0 4px 10px #6366f166}.navbar__logout{padding:.5rem 1.5rem;border-radius:5px;background:#ef444433;color:#fff}.navbar__logout:hover{background:#ef44444d}.navbar__feedback{padding:.5rem 1.5rem;border-radius:5px;background:#6366f133;transition:all .2s;font-weight:500}.navbar__feedback:hover{background:#6366f14d;transform:translateY(-2px)}.navbar__dashboard{padding:.75rem 1.75rem!important;border-radius:10px!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;font-weight:700!important;box-shadow:0 2px 8px #6366f166;transition:all .2s ease!important;display:inline-flex;align-items:center;gap:.5rem}.navbar__dashboard:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #6366f199!important;opacity:1!important}.navbar__hamburger{display:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1002}.navbar__hamburger span{width:100%;height:3px;background:#fff;border-radius:10px;transition:all .3s ease;transform-origin:center}.navbar__hamburger--open span:nth-child(1){transform:rotate(45deg) translateY(8px)}.navbar__hamburger--open span:nth-child(2){opacity:0;transform:translate(-20px)}.navbar__hamburger--open span:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.navbar__overlay{display:none}@media(max-width:768px){.navbar__hamburger{display:flex}.navbar__overlay{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:999;animation:fadeIn .3s ease}.navbar__menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;padding:80px 0 2rem;box-shadow:-5px 0 15px #00000080;transition:right .3s ease;z-index:1001;overflow-y:auto;border-left:1px solid rgba(99,102,241,.3)}.navbar__menu--open{right:0}.navbar__menu li{width:100%;padding:0;border-bottom:1px solid rgba(255,255,255,.1)}.navbar__menu li a,.navbar__menu li button{display:block;width:100%;padding:1rem 2rem;text-align:left;transition:background .2s}.navbar__menu li a:hover,.navbar__menu li button:hover{background:#ffffff1a;opacity:1}.navbar__user span{display:block;width:100%;padding:1rem 2rem;background:#ffffff26;border-radius:0}.navbar__btn{background:transparent!important;color:#fff!important;padding:1rem 2rem!important;border-radius:0!important}.navbar__btn--primary{background:#ffffff26!important;font-weight:600}.navbar__logout,.navbar__feedback{background:#ffffff26!important;border-radius:0!important;text-align:left!important;width:100%!important;padding:1rem 2rem!important}.navbar__logo-text{display:inline-block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@media(max-width:480px){.navbar__menu{width:100%;right:-100%}.navbar__menu--open{right:0}}.layout{min-height:100vh;display:flex;flex-direction:column}.layout__content{flex:1;padding-top:70px}.layout__content--no-header{padding-top:0}.floating-emojis{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.floating-emojis__item{position:absolute;opacity:.15;filter:blur(.5px);animation:float-and-drift infinite ease-in-out alternate;will-change:transform,opacity;-webkit-user-select:none;user-select:none}.floating-emojis__item:nth-child(odd){animation-name:float-diagonal-1}.floating-emojis__item:nth-child(2n){animation-name:float-diagonal-2}.floating-emojis__item:nth-child(3n){animation-name:float-vertical}.floating-emojis__item:nth-child(5n){animation-name:float-horizontal}@keyframes float-diagonal-1{0%{transform:translate(0) rotate(0);opacity:.1}50%{opacity:.2}to{transform:translate(50px,-50px) rotate(360deg);opacity:.1}}@keyframes float-diagonal-2{0%{transform:translate(0) rotate(0);opacity:.1}50%{opacity:.2}to{transform:translate(-50px,-50px) rotate(-360deg);opacity:.1}}@keyframes float-vertical{0%{transform:translateY(0) rotate(0) scale(1);opacity:.12}50%{opacity:.18;transform:translateY(-60px) rotate(180deg) scale(1.1)}to{transform:translateY(0) rotate(360deg) scale(1);opacity:.12}}@keyframes float-horizontal{0%{transform:translate(0) rotate(0) scale(1);opacity:.12}50%{opacity:.18;transform:translate(60px) rotate(180deg) scale(1.1)}to{transform:translate(0) rotate(360deg) scale(1);opacity:.12}}@media(max-width:768px){.floating-emojis__item{opacity:.1;font-size:1.5rem!important}}@media(prefers-reduced-motion:reduce){.floating-emojis__item{animation:none;opacity:.08}}.home{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;align-items:center;justify-content:center}.home__hero{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px 20px;overflow:hidden}.home__hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.home__title{font-size:64px;font-weight:800;color:#fff;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:20px}@media(max-width:768px){.home__title{font-size:42px;flex-direction:column;gap:12px}}.home__title-icon{font-size:72px}@media(max-width:768px){.home__title-icon{font-size:56px}}.home__subtitle{font-size:28px;font-weight:600;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px}@media(max-width:768px){.home__subtitle{font-size:22px}}.home__description{font-size:20px;color:#fffc;line-height:1.6;margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto}@media(max-width:768px){.home__description{font-size:16px;margin-bottom:36px}}.home__cta{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.home__btn{padding:18px 48px;border-radius:12px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}@media(max-width:768px){.home__btn{width:100%;max-width:320px;padding:16px 36px;font-size:16px}}@media(max-width:480px){.home__btn{padding:14px 28px;font-size:15px}}.home__btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 8px 24px #6366f166}.home__btn--primary:hover{transform:translateY(-4px);box-shadow:0 12px 32px #6366f199}.home__btn--secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home__btn--secondary:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-4px)}.auth{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b);padding:2rem}.auth__box{background:#ffffff0d;padding:3rem;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.auth__title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#fff}.auth__error{padding:1rem;background:#ef44441a;color:#ef4444;border-radius:8px;margin-bottom:1.5rem;text-align:center;font-weight:500;border:1px solid rgba(239,68,68,.2)}.auth__field label{font-weight:600;color:#fff}.auth__field input{padding:1rem;border:2px solid rgba(255,255,255,.1);border-radius:8px;font-size:1rem;transition:border-color .2s;background:#ffffff0d;color:#fff}.auth__field input:focus{outline:none;border-color:#6366f1}.auth__field input::placeholder{color:#fff6}.auth__submit{padding:1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:1rem}.auth__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #6366f166}.auth__switch{text-align:center;margin-top:1.5rem;color:#ffffffb3}.auth__switch a{color:#6366f1;font-weight:600;text-decoration:none}@media(max-width:768px){.auth{padding:1rem}.auth__container{max-width:100%}.auth__box{padding:2rem 1.5rem}.auth__title{font-size:1.75rem}.auth__field input{font-size:16px}.auth__submit{font-size:1rem;padding:1rem}}@media(max-width:480px){.auth__box{padding:1.5rem 1rem}.auth__title{font-size:1.5rem}}.auth{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.auth__container{width:100%;max-width:450px}.auth__box{background:#fff;padding:3rem;border-radius:15px;box-shadow:0 20px 60px #0000004d}.auth__title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#1a1a1a}.auth__error{padding:1rem;background:#fee;color:#c33;border-radius:8px;margin-bottom:1.5rem;text-align:center;font-weight:500}.auth__form{display:flex;flex-direction:column;gap:1.5rem}.auth__field{display:flex;flex-direction:column;gap:.5rem}.auth__field label{font-weight:600;color:#333}.auth__field input{padding:1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s}.auth__field input:focus{outline:none;border-color:#667eea}.auth__field input::placeholder{color:#aaa}.auth__submit{padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:1rem}.auth__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.auth__submit:disabled{opacity:.6;cursor:not-allowed}.auth__switch{text-align:center;margin-top:1.5rem;color:#666}.auth__switch a{color:#667eea;font-weight:600;text-decoration:none}.auth__switch a:hover{text-decoration:underline}.youtube-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0000001a;animation:slideIn .3s ease-out}.youtube-card--stream{background:#1e293be6;border:1px solid rgba(255,255,255,.1)}.youtube-card--error{text-align:center;padding:2rem;background:#fee2e2;border:1px solid #fecaca}.youtube-card--error h3{color:#dc2626;margin-bottom:.5rem}.youtube-card--error p{color:#7f1d1d}.youtube-card__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;margin-bottom:1rem}.youtube-card__badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.85rem}.youtube-card__theme{background:#6366f11a;color:#6366f1;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.85rem}.youtube-card__video-container{position:relative;margin:0 1.5rem;border-radius:12px;overflow:hidden;background:#000}.youtube-card__player{width:100%;aspect-ratio:16/9}.youtube-card__player iframe{width:100%;height:100%;border:none}.youtube-card__stream-overlay{position:absolute;top:0;right:0;background:linear-gradient(135deg,#000c,#ef444499);padding:.75rem;border-bottom-left-radius:8px;display:flex;align-items:center;gap:1rem}.youtube-card__live-badge{color:#fff;font-size:.8rem;font-weight:700;animation:pulse 2s infinite}.youtube-card__controls{display:flex;align-items:center;gap:.5rem}.youtube-card__state{color:#fff;font-size:.8rem;font-weight:600}.youtube-card__content{padding:1.5rem}.youtube-card__title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem;line-height:1.3}.youtube-card__description{color:#555;line-height:1.6;margin-bottom:1.5rem;font-size:1rem}.youtube-card__reactions,.youtube-card__debate{background:#f8f9fa;border-radius:10px;padding:1.5rem;margin-bottom:1.5rem}.youtube-card__reactions h3,.youtube-card__debate h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#1a1a1a}.youtube-card__reactions ul,.youtube-card__debate ul{list-style:none;padding:0;margin:0}.youtube-card__reactions ul li,.youtube-card__debate ul li{padding:.5rem 0;color:#555;line-height:1.6}.youtube-card__reactions ul li:before,.youtube-card__debate ul li:before{content:"💬 ";font-weight:700;color:#ef4444;margin-right:.5rem}.youtube-card__reactions p,.youtube-card__debate p{color:#555;line-height:1.6;margin:0}.youtube-card__debate{background:linear-gradient(135deg,#fef3c7,#fde68a)}.youtube-card__debate h3{color:#92400e}.youtube-card__debate p{color:#78350f}.youtube-card__source{padding:1rem 1.5rem;background:#f8f9fa;border-top:1px solid #e5e7eb}.youtube-card__source span{color:#6b7280;font-size:.85rem;font-weight:500}.youtube-card--stream .youtube-card__video-container{margin:0;border-radius:0}.youtube-card--stream .youtube-card__player{aspect-ratio:16/10}@media(max-width:768px){.youtube-card__header{flex-direction:column;align-items:flex-start;gap:.5rem}.youtube-card__content{padding:1rem}.youtube-card__title{font-size:1.2rem}}.react-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 10px 30px #0000001a;max-width:800px;margin:0 auto;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.react-card__image{width:100%;height:200px;border-radius:10px;overflow:hidden;margin-bottom:1.5rem}.react-card__image img{width:100%;height:100%;object-fit:cover}.react-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.react-card__theme{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem!important;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-weight:600;font-size:.9rem;min-height:36px}.react-card__source{color:#888;font-size:.85rem}.react-card__title{font-size:1.8rem;font-weight:700;color:#1a1a1a;margin-bottom:1.5rem;line-height:1.3}.react-card__summary{font-size:1.1rem;line-height:1.8;color:#333;margin-bottom:2rem}.react-card__key-data,.react-card__questions,.react-card__debate{margin-bottom:1.5rem;padding:1.5rem;border-radius:10px;background:#f8f9fa}.react-card__key-data h3,.react-card__questions h3,.react-card__debate h3{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:#1a1a1a}.react-card__key-data p,.react-card__questions p,.react-card__debate p{color:#555;line-height:1.6}.react-card__key-data ul,.react-card__questions ul,.react-card__debate ul{list-style:none;padding:0;margin:0}.react-card__key-data ul li,.react-card__questions ul li,.react-card__debate ul li{padding:.5rem 0;color:#555;line-height:1.6}.react-card__key-data ul li:before,.react-card__questions ul li:before,.react-card__debate ul li:before{content:"→ ";font-weight:700;color:#667eea}.react-card__actions{margin-top:2rem;display:flex;justify-content:flex-end}.react-card__next{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.react-card__next:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.react-card__next:active{transform:translateY(0)}@media(max-width:768px){.react-card{padding:1.5rem}.react-card__title{font-size:1.4rem}.react-card__summary{font-size:1rem}}.reddit-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem;cursor:pointer;transition:all .2s ease;border-left:4px solid #ff4500}.reddit-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.reddit-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.85rem}.reddit-card__subreddit{color:#ff4500;font-weight:600;background:#ff450010;padding:.25rem .5rem;border-radius:12px}.reddit-card__time{color:#666;font-size:.75rem}.reddit-card__content{margin-bottom:1rem}.reddit-card__title{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:#1a1a1a;line-height:1.4}.reddit-card__summary{color:#555;font-size:.9rem;line-height:1.5;margin:0 0 .5rem}.reddit-card__author{color:#ff4500;font-size:.85rem;font-weight:500}.reddit-card__footer{display:flex;justify-content:space-between;align-items:center}.reddit-card__actions{display:flex;gap:1rem;align-items:center}.reddit-card__action{font-size:.8rem;color:#666;cursor:pointer;transition:color .2s ease;display:flex;align-items:center;gap:.25rem}.reddit-card__action:hover{color:#ff4500}.reddit-card__action--upvote{background:none;border:none;padding:0;font:inherit;cursor:pointer}.reddit-card__action--upvote:hover{color:#ff4500}.reddit-card__theme{background:#f0f0f0;color:#666;padding:.25rem .5rem;border-radius:12px;font-size:.75rem}.x-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.2rem;cursor:pointer;transition:all .2s ease;border-left:4px solid #1da1f2}.x-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.x-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.x-card__author{display:flex;gap:.75rem;align-items:center}.x-card__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1da1f2,#14171a);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem}.x-card__author-info{display:flex;flex-direction:column}.x-card__author-name{font-weight:600;color:#14171a;font-size:.95rem}.x-card__time{color:#657786;font-size:.8rem}.x-card__platform{color:#1da1f2;font-weight:600;background:#1da1f210;padding:.25rem .5rem;border-radius:12px;font-size:.8rem}.x-card__content{margin-bottom:1rem}.x-card__title{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:#14171a;line-height:1.4}.x-card__text{color:#14171a;font-size:.95rem;line-height:1.5;margin:0 0 .75rem}.x-card__hashtags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.x-card__hashtag{color:#1da1f2;font-size:.85rem;background:#1da1f210;padding:.2rem .5rem;border-radius:12px}.x-card__footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f7f9fa;padding-top:.75rem}.x-card__actions{display:flex;gap:1rem;align-items:center}.x-card__action{background:none;border:none;font-size:.8rem;color:#657786;cursor:pointer;transition:color .2s ease;padding:.25rem .5rem;border-radius:6px;display:flex;align-items:center;gap:.25rem}.x-card__action:hover{background:#f7f9fa}.x-card__action--reply:hover{color:#1da1f2}.x-card__action--retweet:hover{color:#17bf63}.x-card__action--like:hover{color:#e0245e}.x-card__action--share:hover{color:#1da1f2}.x-card__theme{background:#f0f0f0;color:#666;padding:.25rem .5rem;border-radius:12px;font-size:.75rem}.theme-selector__title{font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center;color:#1a1a1a}.theme-selector__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.theme-selector__item{position:relative;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .2s}.theme-selector__item:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 5px 15px #667eea33}.theme-selector__item--selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.theme-selector__item--selected .theme-selector__icon{transform:scale(1.2)}.theme-selector__icon{font-size:2.5rem;transition:transform .2s}.theme-selector__name{font-weight:600;font-size:.95rem;text-align:center}.theme-selector__check{position:absolute;top:.5rem;right:.5rem;font-size:1.2rem;animation:checkIn .2s ease-out}@keyframes checkIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.theme-selector__save-btn{margin-top:2rem;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;width:100%}.theme-selector__save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.theme-selector__save-btn:active:not(:disabled){transform:translateY(0)}.theme-selector__save-btn:disabled{opacity:.6;cursor:not-allowed}.theme-selector__message{margin-top:1rem;padding:1rem;border-radius:8px;text-align:center;font-weight:600;animation:slideIn .3s ease-out}.theme-selector__message--success{background:#d1fae5;color:#065f46;border:2px solid #10b981}.theme-selector__message--error{background:#fee2e2;color:#991b1b;border:2px solid #ef4444}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.theme-selector__loading,.theme-selector__error,.theme-selector__empty{text-align:center;padding:1rem;margin:1rem 0}.theme-selector__error{color:#ef4444}@media(max-width:768px){.theme-selector__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.theme-selector__item{padding:1rem .5rem}.theme-selector__icon{font-size:2rem}.theme-selector__name{font-size:.85rem}}.add-youtube-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.add-youtube-modal__overlay{position:absolute;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.add-youtube-modal__content{position:relative;background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.add-youtube-modal__header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid #e5e7eb}.add-youtube-modal__header h2{margin:0;color:#1a1a1a;font-size:1.5rem;font-weight:700}.add-youtube-modal__close{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s}.add-youtube-modal__close:hover{background:#f3f4f6;transform:rotate(90deg)}.add-youtube-modal__form{padding:2rem}.add-youtube-modal__field{margin-bottom:1.5rem}.add-youtube-modal__field label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.95rem}.add-youtube-modal__field label .required{color:#ef4444}.add-youtube-modal__field input,.add-youtube-modal__field textarea,.add-youtube-modal__field select{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;transition:all .2s;font-family:inherit}.add-youtube-modal__field input:focus,.add-youtube-modal__field textarea:focus,.add-youtube-modal__field select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.add-youtube-modal__field input::placeholder,.add-youtube-modal__field textarea::placeholder,.add-youtube-modal__field select::placeholder{color:#9ca3af}.add-youtube-modal__field textarea{resize:vertical;min-height:80px}.add-youtube-modal__field select{cursor:pointer}.add-youtube-modal__questions-header{display:flex;justify-content:flex-end;margin-bottom:.5rem}.add-youtube-modal__suggest-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.add-youtube-modal__suggest-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.add-youtube-modal__error{color:#ef4444;font-size:.85rem;margin-top:.25rem;display:block}.add-youtube-modal__actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.add-youtube-modal__cancel{padding:.75rem 1.5rem;background:#f3f4f6;color:#374151;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.add-youtube-modal__cancel:hover{background:#e5e7eb;transform:translateY(-1px)}.add-youtube-modal__submit{padding:.75rem 1.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.add-youtube-modal__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #ef44444d}.add-youtube-modal__submit:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:768px){.add-youtube-modal{padding:1rem}.add-youtube-modal__content{border-radius:16px}.add-youtube-modal__header{padding:1.5rem 1.5rem 1rem}.add-youtube-modal__header h2{font-size:1.25rem}.add-youtube-modal__form{padding:1.5rem}.add-youtube-modal__actions{flex-direction:column}.add-youtube-modal__actions__cancel,.add-youtube-modal__actions__submit{width:100%;padding:1rem}}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:linear-gradient(135deg,#1e293b,#334155);border-radius:20px;padding:2rem;width:90%;max-width:500px;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1);animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;color:#fff;font-size:1.5rem;font-weight:600}.modal-close{background:none;border:none;font-size:2rem;color:#fff9;cursor:pointer;transition:all .2s;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#ffffffe6;font-weight:600;font-size:.95rem}.form-input,.form-select{padding:.875rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:1rem;transition:all .2s}.form-input:focus,.form-select:focus{outline:none;border-color:#6366f1;background:#ffffff26}.form-input::placeholder,.form-select::placeholder{color:#fff6}.form-select{cursor:pointer}.form-select option{background:#1e293b;color:#fff}.form-hint{color:#ffffff80;font-size:.85rem;font-style:italic}.form-error{padding:.75rem;background:#ef444433;border:1px solid #ef4444;border-radius:8px;color:#fca5a5;font-size:.9rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.btn{padding:.875rem 1.75rem;border:none;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--secondary{background:#ffffff1a;color:#fff}.btn--secondary:hover:not(:disabled){background:#ffffff26}.btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 8px #6366f14d}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dashboard{min-height:calc(100vh - 70px);background:linear-gradient(135deg,#0f172a,#1e293b);padding:2rem}.dashboard__container{max-width:1200px;margin:0 auto}.dashboard__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.dashboard__header-actions{display:flex;align-items:center;gap:1rem}.dashboard__view-toggle{display:flex;gap:.5rem;background:#ffffff0d;padding:.25rem;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.dashboard__view-btn{padding:.75rem 1.5rem;background:transparent;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;color:#fff9}.dashboard__view-btn:hover{background:#ffffff14;color:#ffffffe6}.dashboard__view-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.dashboard__title{font-size:2.5rem;font-weight:700;color:#fff}.dashboard__mobile-btn{padding:1rem 2rem;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-size:1rem}.dashboard__mobile-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f59e0b66}.dashboard__theme-btn{padding:1rem 2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.dashboard__theme-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #6366f166}.dashboard__theme-section{background:#ffffff0d;padding:2rem;border-radius:15px;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1)}.dashboard__theme-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.dashboard__load-btn,.dashboard__manual-btn{padding:1rem 3rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.dashboard__load-btn:hover,.dashboard__manual-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.dashboard__controls{background:#ffffff0d;padding:1.5rem;border-radius:12px;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.1)}.dashboard__autopilot{display:flex;align-items:center;gap:1.5rem}.dashboard__autopilot-btn{padding:.75rem 1.5rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;color:#ffffffb3}.dashboard__autopilot-btn:hover{border-color:#6366f1;color:#fff}.dashboard__autopilot-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:#6366f1}.dashboard__stats{margin-bottom:2rem}.dashboard__stats-title{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:1rem}.dashboard__stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.dashboard__stat-card{background:#ffffff0d;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.dashboard__stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--theme-color, #3498db);transition:width .3s}.dashboard__stat-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000026}.dashboard__stat-card:hover:before{width:8px}.dashboard__stat-card.active{border-color:var(--theme-color, #3498db);background:linear-gradient(135deg,#fff,rgba(var(--theme-color-rgb, 52, 152, 219),.05))}.dashboard__stat-card.active:before{width:100%;opacity:.1}.dashboard__stat-card.inactive{opacity:.5}.dashboard__stat-card.inactive:hover{opacity:.7}.dashboard__stat-icon{font-size:2rem;flex-shrink:0}.dashboard__stat-content{flex:1}.dashboard__stat-name{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.dashboard__stat-numbers{display:flex;gap:.75rem;align-items:center}.dashboard__stat-total{font-size:.875rem;color:#fff9}.dashboard__stat-unread{font-size:.75rem;padding:.25rem .5rem;background:#6366f1;color:#fff;border-radius:12px;font-weight:600}.dashboard__stat-indicator{font-size:1.5rem;color:var(--theme-color, #6366f1);font-weight:700;width:24px;text-align:center}.dashboard__stats-hint{text-align:center;color:#f59e0b;font-weight:500;padding:1rem;background:#f59e0b1a;border-radius:8px;border-left:4px solid #f59e0b}.dashboard__speed{display:flex;align-items:center;gap:.75rem}.dashboard__speed label{font-weight:600;color:#fff}.dashboard__speed select{padding:.5rem 1rem;border:2px solid rgba(255,255,255,.1);border-radius:8px;font-size:1rem;cursor:pointer;background:#ffffff0d;color:#fff}.dashboard__speed select:focus{outline:none;border-color:#6366f1}.dashboard__speed select option{background:#1e293b;color:#fff}.dashboard__info{font-weight:600;color:#ffffffb3;font-size:1.1rem}.dashboard__loading{text-align:center;font-size:1.2rem;color:#6366f1;padding:3rem;font-weight:600}.dashboard__card{margin-bottom:2rem}.dashboard__empty{background:#ffffff0d;padding:4rem 2rem;border-radius:15px;text-align:center;border:1px solid rgba(255,255,255,.1)}.dashboard__empty p{font-size:1.2rem;color:#ffffffb3}.dashboard__gallery{margin-top:2rem}.dashboard__gallery-header{margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:flex-start}.dashboard__gallery-header h2{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.5rem}.dashboard__gallery-title{flex:1}.dashboard__gallery-actions{display:flex;gap:1rem}.dashboard__add-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s;font-size:.9rem;white-space:nowrap}.dashboard__add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.dashboard__add-btn--youtube{background:linear-gradient(135deg,#ef4444,#dc2626)}.dashboard__add-btn--youtube:hover{box-shadow:0 6px 20px #ef444466}.dashboard__gallery-subtitle{font-size:1rem;color:#fff9}.dashboard__cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.dashboard__card-item{background:#ffffff0d;border-radius:12px;overflow:hidden;transition:all .3s;border:1px solid rgba(255,255,255,.1)}.dashboard__card-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #6366f14d;border-color:#6366f1}.dashboard__card-item.read{opacity:.6;background:#ffffff05}.dashboard__card-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1)}.dashboard__card-number{font-weight:700;color:#6366f1;font-size:1.1rem}.dashboard__card-badge{padding:.25rem .75rem;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border-radius:20px;font-size:.85rem;font-weight:600}.dashboard__card-theme{margin-left:auto;padding:.25rem .75rem;background:#ffffff1a;border-radius:20px;font-size:.85rem;font-weight:600;color:#6366f1}.dashboard__card-image{width:100%;height:200px;overflow:hidden}.dashboard__card-image img{width:100%;height:100%;object-fit:cover}.dashboard__card-content{padding:1.5rem}.dashboard__card-title{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:.75rem;line-height:1.4}.dashboard__card-summary{font-size:.95rem;color:#ffffffb3;line-height:1.6;margin-bottom:1rem}.dashboard__card-source{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#ffffff80;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.dashboard__card-date{font-weight:600}.dashboard__card-actions{display:flex;gap:.75rem;padding:1rem;background:#ffffff08;border-top:1px solid rgba(255,255,255,.1)}.dashboard__card-link{flex:1;padding:.75rem 1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;text-align:center;text-decoration:none;color:#6366f1;font-weight:600;transition:all .2s}.dashboard__card-link:hover{border-color:#6366f1;background:#6366f11a}.dashboard__card-mark-btn{flex:1;padding:.75rem 1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.dashboard__card-mark-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #6366f166}.dashboard__card-mark-btn:disabled,.dashboard__card-mark-btn.read{background:linear-gradient(135deg,#10b981,#34d399);cursor:not-allowed;opacity:.8}.dashboard__stream-mode .dashboard__stream-controls{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 8px 32px #0000004d}.dashboard__stream-mode .dashboard__stream-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dashboard__stream-mode .dashboard__stream-header h2{color:#fff;font-size:1.5rem;margin:0}.dashboard__stream-mode .dashboard__stream-status .dashboard__status{padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.dashboard__stream-mode .dashboard__stream-status .dashboard__status--live{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;animation:pulse-red 2s infinite}.dashboard__stream-mode .dashboard__stream-status .dashboard__status--manual{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.dashboard__stream-mode .dashboard__stream-actions{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.dashboard__stream-mode .dashboard__autopilot-control{display:flex;align-items:center;gap:1rem}.dashboard__stream-mode .dashboard__autopilot-control .dashboard__big-btn{padding:1rem 2rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:.5px}.dashboard__stream-mode .dashboard__autopilot-control .dashboard__big-btn--start{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 16px #22c55e66}.dashboard__stream-mode .dashboard__autopilot-control .dashboard__big-btn--start:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e99}.dashboard__stream-mode .dashboard__autopilot-control .dashboard__big-btn--stop{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 16px #ef444466}.dashboard__stream-mode .dashboard__autopilot-control .dashboard__big-btn--stop:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444499}.dashboard__stream-mode .dashboard__speed-control{display:flex;align-items:center;gap:.5rem}.dashboard__stream-mode .dashboard__speed-control label{color:#fffc;font-weight:600}.dashboard__stream-mode .dashboard__speed-control select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:.5rem 1rem;font-weight:600}.dashboard__stream-mode .dashboard__speed-control select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.dashboard__stream-mode .dashboard__manual-control{display:flex;align-items:center;gap:1rem}.dashboard__stream-mode .dashboard__manual-control .dashboard__next-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s}.dashboard__stream-mode .dashboard__manual-control .dashboard__next-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.dashboard__stream-mode .dashboard__manual-control .dashboard__next-btn:disabled{background:#ffffff1a;color:#fff6;cursor:not-allowed}.dashboard__stream-mode .dashboard__progress{display:flex;align-items:center;gap:.5rem}.dashboard__stream-mode .dashboard__progress span{color:#fffc;font-weight:600;white-space:nowrap}.dashboard__stream-mode .dashboard__progress .dashboard__progress-bar{width:120px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.dashboard__stream-mode .dashboard__progress .dashboard__progress-bar .dashboard__progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .3s ease}.dashboard__stream-mode .dashboard__stream-preview{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000004d}.dashboard__stream-mode .dashboard__preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dashboard__stream-mode .dashboard__preview-header h3{color:#fff;margin:0;font-size:1.2rem}.dashboard__stream-mode .dashboard__preview-header .dashboard__preview-theme{background:#6366f11a;color:#a5b4fc;padding:.5rem 1rem;border-radius:20px;font-weight:600;border:1px solid rgba(99,102,241,.2)}.dashboard__stream-mode .dashboard__stream-card{display:grid;grid-template-columns:2fr 1fr;gap:2rem}@media(max-width:768px){.dashboard__stream-mode .dashboard__stream-card{grid-template-columns:1fr}}.dashboard__stream-mode .dashboard__card-display{background:#0000004d;border:2px dashed rgba(255,255,255,.2);border-radius:12px;padding:1rem;position:relative}.dashboard__stream-mode .dashboard__card-display:before{content:"📺 Aperçu overlay";position:absolute;top:-12px;left:1rem;background:linear-gradient(135deg,#1e293b,#334155);color:#fff9;padding:.25rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600}.dashboard__stream-mode .dashboard__card-info h4{color:#fff;margin:0 0 1rem;font-size:1.1rem}.dashboard__stream-mode .dashboard__card-info .dashboard__debate-points{list-style:none;padding:0;margin:0 0 1.5rem}.dashboard__stream-mode .dashboard__card-info .dashboard__debate-points li{background:#22c55e1a;color:#86efac;padding:.75rem;margin-bottom:.5rem;border-radius:8px;border-left:3px solid #22c55e;font-weight:500}.dashboard__stream-mode .dashboard__card-info .dashboard__debate-points li:before{content:"💬 ";margin-right:.5rem}.dashboard__stream-mode .dashboard__card-info .dashboard__source-link .dashboard__read-full{display:inline-block;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;transition:all .3s}.dashboard__stream-mode .dashboard__card-info .dashboard__source-link .dashboard__read-full:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.dashboard__stream-mode .dashboard__stream-empty{text-align:center;padding:4rem 2rem}.dashboard__stream-mode .dashboard__stream-empty h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.dashboard__stream-mode .dashboard__stream-empty p{color:#fff9;margin-bottom:2rem}.dashboard__stream-mode .dashboard__stream-empty .dashboard__setup-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s}.dashboard__stream-mode .dashboard__stream-empty .dashboard__setup-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.dashboard__youtube-controls{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;margin-top:1rem}.dashboard__youtube-controls h3{color:#fff;margin:0 0 1rem;font-size:1.1rem}.dashboard__youtube-buttons{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.dashboard__youtube-btn{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;font-size:.9rem}.dashboard__youtube-btn--play{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.dashboard__youtube-btn--play:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.dashboard__youtube-btn--pause{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.dashboard__youtube-btn--pause:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.dashboard__youtube-btn--stop{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.dashboard__youtube-btn--stop:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6b728066}.dashboard__youtube-status{color:#fff;font-size:.9rem;font-weight:600;margin-left:auto}.dashboard__video-state--playing{color:#22c55e}.dashboard__video-state--paused{color:#f59e0b}.dashboard__video-state--stopped{color:#6b7280}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.7}}.dashboard__overlay-mode{margin-top:2rem}.dashboard__manual-form{margin-top:2rem;padding:2rem;background:#6366f11a;border-radius:10px;border:2px dashed #6366f1}.dashboard__manual-form h3{margin-bottom:1.5rem;color:#6366f1}.dashboard__form-group{margin-bottom:1.5rem}.dashboard__form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#fff}.dashboard__form-group input,.dashboard__form-group textarea,.dashboard__form-group select{width:100%;padding:.75rem;border:2px solid rgba(255,255,255,.1);border-radius:8px;font-size:1rem;transition:all .2s;background:#ffffff0d;color:#fff}.dashboard__form-group input:focus,.dashboard__form-group textarea:focus,.dashboard__form-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.dashboard__form-group input::placeholder,.dashboard__form-group textarea::placeholder,.dashboard__form-group select::placeholder{color:#fff6}.dashboard__form-group input option,.dashboard__form-group textarea option,.dashboard__form-group select option{background:#1e293b;color:#fff}.dashboard__form-group textarea{resize:vertical;min-height:80px}.dashboard__form-actions{display:flex;gap:1rem;margin-top:2rem}.dashboard__submit-btn,.dashboard__cancel-btn{flex:1;padding:1rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.dashboard__submit-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.dashboard__submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #6366f166}.dashboard__cancel-btn{background:#ffffff0d;color:#ffffffb3;border:1px solid rgba(255,255,255,.1)}.dashboard__cancel-btn:hover{background:#ffffff14;color:#fff}.dashboard__keyword-filter{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;background:#6366f11a;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.dashboard__keyword-filter label{font-weight:600;color:#6366f1;white-space:nowrap}.dashboard__keyword-input{flex:1;padding:.75rem 1rem;border:2px solid rgba(255,255,255,.1);border-radius:8px;font-size:1rem;transition:all .2s;background:#ffffff0d;color:#fff}.dashboard__keyword-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.dashboard__keyword-input::placeholder{color:#fff6}.dashboard__clear-filter{padding:.75rem;background:#ef4444;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s}.dashboard__clear-filter:hover{background:#dc2626;transform:scale(1.05)}.dashboard__theme-selector{background:#ffffff0d;border-radius:15px;padding:2rem;margin:1.5rem 0;border:1px solid rgba(255,255,255,.1)}.dashboard__theme-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dashboard__theme-selector-header h3{color:#fff;font-size:1.5rem;margin:0}.dashboard__theme-toggle-btn{padding:.5rem 1.25rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.dashboard__theme-toggle-btn:hover{background:#ffffff26;border-color:#ffffff4d}.dashboard__themes-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin:1rem 0}.dashboard__theme-card{display:flex;align-items:center;padding:1.25rem;background:#ffffff14;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;gap:1rem}.dashboard__theme-card:hover{transform:translateY(-2px);background:#ffffff1f;border-color:#6366f180;box-shadow:0 4px 12px #6366f133}.dashboard__theme-card.selected{background:linear-gradient(135deg,#6366f133,#8b5cf633);border-color:#6366f1;border-width:3px;box-shadow:0 4px 15px #6366f14d}.dashboard__theme-icon{font-size:2.5rem;min-width:3.5rem;text-align:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.dashboard__theme-info{flex:1;color:#fff}.dashboard__theme-info h4{margin:0 0 .25rem;font-size:1.15rem;font-weight:600;color:#fff}.dashboard__theme-info p{margin:0;color:#ffffffb3;font-size:.9rem;line-height:1.4}.dashboard__theme-toggle{font-size:1.75rem;font-weight:700;min-width:2.5rem;text-align:center;color:#fff9}.dashboard__theme-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.dashboard__content-actions{display:flex;gap:.75rem;align-items:center}.dashboard__add-btn{padding:.75rem 1.5rem;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:10px;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:.95rem;box-shadow:0 2px 8px #10b9814d}.dashboard__add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.dashboard__add-btn--reddit{background:linear-gradient(135deg,#ff4500,#e03d00);box-shadow:0 2px 8px #ff45004d}.dashboard__add-btn--reddit:hover{box-shadow:0 4px 12px #ff450066}.dashboard__add-btn--x{background:linear-gradient(135deg,#1da1f2,#0d8bd9);box-shadow:0 2px 8px #1da1f24d}.dashboard__add-btn--x:hover{box-shadow:0 4px 12px #1da1f266}.dashboard__add-btn--article{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f14d}.dashboard__add-btn--article:hover{box-shadow:0 4px 12px #6366f166}.dashboard__reddit,.dashboard__x,.dashboard__youtube{padding:1rem 0}.dashboard__gallery-header{margin-bottom:2rem}.dashboard__gallery-title{text-align:center}.dashboard__gallery-title h2{color:#fff;font-size:2rem;margin:0 0 .5rem;font-weight:700}.dashboard__gallery-subtitle{color:#ffffffb3;font-size:1rem;margin:0}.dashboard__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;text-align:center;color:#ffffffb3;gap:1rem;background:#ffffff08;border-radius:15px;padding:3rem;border:2px dashed rgba(255,255,255,.1)}.dashboard__empty-state h3{color:#fff;font-size:1.5rem;margin:0}.dashboard__empty-state p{color:#fff9;font-size:1rem;margin:0}.dashboard__empty-icon{font-size:5rem;margin-bottom:1rem;opacity:.5}.dashboard__reddit-feed,.dashboard__x-feed,.dashboard__youtube-playlist{margin-top:2rem}.dashboard__stream-mode{padding:2rem;background:#ffffff0d;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.dashboard__stream-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.dashboard__stream-header h2{color:#fff;margin:0;font-size:1.8rem}.dashboard__stream-status{display:flex;align-items:center;gap:.5rem}.dashboard__stream-indicator{padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.85rem;display:flex;align-items:center;gap:.5rem}.dashboard__stream-indicator.offline{background:#ef444433;color:#ef4444;border:1px solid #ef4444}.dashboard__stream-indicator.online{background:#10b98133;color:#10b981;border:1px solid #10b981;animation:pulse 2s infinite}.dashboard__stream-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin-bottom:2rem}.dashboard__stream-section{background:#ffffff14;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.dashboard__stream-section h3{margin:0 0 1rem;font-size:1.1rem;color:#fff;font-weight:600}.dashboard__stream-sources{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.dashboard__stream-source{padding:1rem;border:2px solid rgba(255,255,255,.1);background:#ffffff0d;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;text-align:center;color:#fffc}.dashboard__stream-source:hover{border-color:#6366f1;background:#6366f11a;color:#fff}.dashboard__stream-source.active{border-color:#6366f1;background:linear-gradient(135deg,#6366f14d,#8b5cf64d);color:#fff;box-shadow:0 0 20px #6366f14d}.dashboard__stream-actions{display:flex;flex-direction:column;gap:.75rem}.dashboard__stream-btn{padding:1rem;border:none;background:#ffffff1a;color:#fff;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:1rem}.dashboard__stream-btn:hover{background:#ffffff26;transform:translate(3px)}.dashboard__stream-btn.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 20px #10b9814d}.dashboard__speed-controls{display:flex;flex-direction:column;gap:1rem}.dashboard__speed-controls label{color:#ffffffe6;font-weight:500}.dashboard__speed-slider{width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;cursor:pointer;-webkit-appearance:none}.dashboard__speed-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);cursor:pointer;box-shadow:0 2px 8px #6366f166}.dashboard__speed-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);cursor:pointer;border:none;box-shadow:0 2px 8px #6366f166}.dashboard__speed-presets{display:flex;gap:.5rem}.dashboard__speed-presets button{flex:1;padding:.5rem;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease;color:#fffc;font-weight:500}.dashboard__speed-presets button:hover{background:#ffffff1a;border-color:#6366f1;color:#fff}.dashboard__stream-preview{background:#ffffff14;padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.dashboard__stream-preview h3{margin:0 0 1.5rem;color:#fff;font-size:1.3rem}.dashboard__stream-current{max-width:700px;margin:0 auto}.dashboard__stream-empty{text-align:center;color:#ffffff80;padding:3rem}.dashboard__stream-empty p{margin:.5rem 0;font-size:1rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media(max-width:1400px){.dashboard__themes-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.dashboard__themes-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.dashboard{padding:1rem}.dashboard__header{flex-direction:column;gap:1rem;align-items:stretch}.dashboard__header-actions{flex-direction:column;width:100%;gap:.75rem}.dashboard__mobile-btn,.dashboard__theme-btn{width:100%;justify-content:center;padding:1rem}.dashboard__view-toggle{width:100%}.dashboard__view-btn{flex:1;padding:1rem}.dashboard__title{font-size:1.75rem}.dashboard__controls{flex-direction:column;gap:1rem}.dashboard__autopilot{flex-direction:column;width:100%;gap:1rem}.dashboard__autopilot-btn,.dashboard__speed{width:100%}.dashboard__stats-grid,.dashboard__cards-grid{grid-template-columns:1fr}.dashboard__card-actions{flex-direction:column}.dashboard__keyword-filter{flex-direction:column;align-items:stretch}.dashboard__keyword-filter label{white-space:normal}.dashboard__form-actions{flex-direction:column}.dashboard__view-toggle{width:100%;overflow-x:auto;padding-bottom:.5rem}.dashboard__view-toggle::-webkit-scrollbar{height:4px}.dashboard__view-toggle::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.dashboard__view-btn{white-space:nowrap;min-width:auto}.dashboard__themes-grid{grid-template-columns:1fr;gap:1rem}.dashboard__theme-card{padding:1.25rem}.dashboard__content-actions{flex-direction:column;gap:.75rem}.dashboard__add-btn{width:100%;justify-content:center}.dashboard__gallery-header{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard__stream-controls{grid-template-columns:1fr;gap:1rem}.dashboard__stream-sources{grid-template-columns:1fr}}.overlay-customizer{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 5px 15px #0000001a}.overlay-customizer__title{font-size:1.3rem;font-weight:700;margin-bottom:2rem;color:#1a1a1a}.overlay-customizer__section{margin-bottom:2rem}.overlay-customizer__section label{display:block;font-weight:600;margin-bottom:.75rem;color:#333}.overlay-customizer__section input[type=color]{width:100%;height:50px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer}.overlay-customizer__section input[type=range]{width:100%;height:8px;border-radius:5px;background:#e0e0e0;outline:none;cursor:pointer}.overlay-customizer__section input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer}.overlay-customizer__section input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:none}.overlay-customizer__buttons{display:flex;gap:.5rem;flex-wrap:wrap}.overlay-customizer__buttons button{flex:1;padding:.75rem 1.5rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.overlay-customizer__buttons button:hover{border-color:#667eea}.overlay-customizer__buttons button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.overlay-customizer__divider{margin:2rem 0 1.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-left:4px solid #667eea;border-radius:4px}.overlay-customizer__divider span{font-weight:700;font-size:1rem;color:#667eea}.overlay-customizer__info{padding:1rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#6366f114,#8b5cf614);border-left:3px solid #6366f1;border-radius:6px;font-size:.9rem;color:#4b5563;line-height:1.5}.settings{min-height:calc(100vh - 70px);background:linear-gradient(135deg,#0f172a,#1e293b);padding:2rem}.settings__container{max-width:900px;margin:0 auto}.settings__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.settings__mobile-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-size:.95rem}.settings__mobile-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f59e0b66}.settings__user-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-weight:600;color:#fff;box-shadow:0 2px 8px #6366f166}.settings__badge-icon{font-size:1.2rem}.settings__badge-text{font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.settings__title{font-size:2.5rem;font-weight:700;color:#fff;margin:0}.settings__section{background:#ffffff0d;padding:2rem;border-radius:15px;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1)}.settings__section-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.settings__info{color:#ffffffb3;margin-bottom:1rem;line-height:1.6}.settings__mode-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.settings__mode-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative}.settings__mode-btn:hover:not(:disabled){border-color:#6366f1;transform:translateY(-2px);box-shadow:0 5px 15px #6366f14d}.settings__mode-btn--active{border-color:#6366f1;background:linear-gradient(135deg,#6366f126,#8b5cf626);box-shadow:0 5px 15px #6366f166}.settings__mode-btn--active .settings__mode-icon{transform:scale(1.2)}.settings__mode-btn--locked{opacity:.6;cursor:not-allowed;position:relative}.settings__mode-btn--locked:after{content:"";position:absolute;inset:0;background:#0000004d;border-radius:12px}.settings__mode-btn:disabled{cursor:not-allowed}.settings__mode-icon{font-size:2.5rem;transition:transform .3s ease}.settings__mode-label{font-size:1.1rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.5rem}.settings__mode-desc{font-size:.85rem;color:#fff9;text-align:center}.settings__pro-badge{display:inline-block;padding:.15rem .5rem;background:linear-gradient(135deg,gold,orange);color:#1a1a1a;font-size:.7rem;font-weight:700;border-radius:12px;margin-left:.25rem;box-shadow:0 2px 8px #ffd7004d}.settings__alert{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#6366f126,#8b5cf626);border-left:4px solid #6366f1;border-radius:8px;margin-bottom:1.5rem}.settings__alert-icon{font-size:1.5rem;flex-shrink:0}.settings__alert p{color:#fffc;margin:0;line-height:1.6}.settings__alert p strong{color:#6366f1;font-weight:700}.settings__url-box{display:flex;gap:1rem;align-items:center}.settings__url-input{flex:1;padding:1rem;border:2px solid rgba(255,255,255,.1);border-radius:8px;font-size:.95rem;background:#ffffff0d;color:#fff}.settings__copy-btn{padding:1rem 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.settings__copy-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #6366f166}.settings__preview-btn{padding:1rem 1.5rem;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.settings__preview-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #10b98166}.settings__actions{margin-top:2rem;display:flex;justify-content:center}.settings__save-btn{padding:1rem 2.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.settings__save-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.settings__guide ol{padding-left:1.5rem}.settings__guide ol li{padding:.75rem 0;color:#fffc;line-height:1.6;font-size:1rem}.settings__guide-pro{background:linear-gradient(135deg,#6366f126,#8b5cf626);padding:1rem!important;border-radius:8px;border-left:4px solid #6366f1;margin-top:.5rem;color:#fff!important}.settings__guide-section{margin-top:1.5rem}.settings__guide-section h3{color:#fff;font-size:1.2rem;margin-bottom:1rem}.settings__guide-section p,.settings__guide-section ul{color:#fffc;line-height:1.6}.settings__guide-section ul{padding-left:1.5rem;margin-top:.5rem}.settings__guide-section ul li{padding:.5rem 0}.settings__badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;margin-left:.5rem}.settings__badge--default{background:#667eea1a;color:#667eea}.settings__badge--pro{background:linear-gradient(135deg,gold,orange);color:#1a1a1a;box-shadow:0 2px 10px #ffd7004d}.settings__section--locked{position:relative;opacity:.7}.settings__lock-message{text-align:center;padding:3rem 2rem;background:#ffffff08;border-radius:12px;border:2px dashed rgba(255,255,255,.1)}.settings__lock-message h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings__lock-message p{color:#ffffffb3;margin-bottom:0;line-height:1.6}.settings__lock-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.settings__upgrade-btn{display:inline-block;margin-top:1.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,gold,orange);border:none;border-radius:8px;text-decoration:none;cursor:pointer;transition:all .3s ease}.settings__upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ffd7004d}.settings__customizer-section{margin-top:2rem}@media(max-width:768px){.settings{padding:1rem}.settings__header{flex-direction:column;gap:1rem;align-items:stretch}.settings__header>div{width:100%}.settings__header>div:last-child{flex-direction:column}.settings__mobile-btn,.settings__user-badge{width:100%;justify-content:center}.settings__title{font-size:1.75rem}.settings__mode-selector{grid-template-columns:1fr}.settings__mode-btn{padding:1.25rem}.settings__url-box{flex-direction:column}.settings__url-input,.settings__copy-btn,.settings__preview-btn{width:100%}.settings__guide ol{padding-left:1.25rem}.settings__guide ol li{font-size:.95rem}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px}.loading--fullscreen{position:fixed;inset:0;background:#fffffff2;z-index:9998}.loading__content{display:flex;flex-direction:column;align-items:center;gap:24px}.loading__spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.loading__message{font-size:16px;color:#6b7280;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.profile{min-height:calc(100vh - 70px);background:linear-gradient(135deg,#0f172a,#1e293b);padding:32px 20px}.profile__container{max-width:1200px;margin:0 auto}.profile__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.profile__header h1{font-size:32px;font-weight:700;color:#fff}.profile__badge{padding:8px 16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:20px;font-weight:600;font-size:14px}.profile__subscription-info{background:#ffffff0d;padding:24px;border-radius:12px;border:1px solid rgba(255,255,255,.1);margin-bottom:24px}.profile__subscription-info h3{font-size:18px;font-weight:600;color:#fff;margin-bottom:16px}.profile__subscription-info .subscription-details{display:flex;flex-direction:column;gap:12px}.profile__subscription-info .subscription-details p{font-size:14px;color:#ffffffb3;margin:0}.profile__subscription-info .subscription-details p strong{color:#fff;margin-right:8px}.profile__grid{display:grid;grid-template-columns:1fr 2fr;gap:24px}.profile__stats{background:#ffffff0d;padding:24px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.profile__stats h2{font-size:20px;font-weight:600;color:#fff;margin-bottom:20px}.profile__form-section{background:#ffffff0d;padding:24px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.profile__form-section h2{font-size:20px;font-weight:600;color:#fff;margin-bottom:20px}.profile__form .form-group{margin-bottom:20px}.profile__form .form-group label{display:block;font-weight:600;color:#fff;margin-bottom:8px;font-size:14px}.profile__form .form-group .form-control{width:100%;padding:12px;border:2px solid rgba(255,255,255,.1);border-radius:8px;font-size:14px;transition:border-color .2s;background:#ffffff0d;color:#fff}.profile__form .form-group .form-control:focus{outline:none;border-color:#6366f1}.profile__form .form-group .form-control:disabled{background:#ffffff05;cursor:not-allowed;opacity:.6}.profile__form .form-group .form-control::placeholder{color:#fff6}.profile__form .form-group textarea.form-control{resize:vertical;font-family:inherit}.profile__form .form-group small{display:block;margin-top:4px;color:#ffffff80;font-size:12px}.profile__submit{width:100%;padding:12px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.profile__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.profile__submit:disabled{opacity:.6;cursor:not-allowed}.stats-grid{display:grid;gap:16px}.stat-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;text-align:center;transition:all .2s}.stat-card:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.stat-card__icon{font-size:32px;margin-bottom:8px}.stat-card__value{font-size:28px;font-weight:700;color:#6366f1;margin-bottom:4px}.stat-card__label{font-size:14px;color:#ffffffb3;font-weight:500}@media(max-width:968px){.profile__grid{grid-template-columns:1fr}.profile__header{flex-direction:column;gap:16px;align-items:stretch}.profile__header h1{font-size:28px}.profile__badge{align-self:center}}@media(max-width:768px){.profile{padding:20px 16px}.profile__header h1{font-size:24px}.profile .stats-grid{grid-template-columns:1fr}.profile__submit{padding:16px 20px;font-size:16px}.profile .form-control{font-size:16px!important}}.pricing{min-height:100vh;padding:4rem 2rem;background:linear-gradient(135deg,#f5f7fa,#e8eef5)}.pricing__container{max-width:1200px;margin:0 auto}.pricing__header{text-align:center;margin-bottom:4rem}.pricing__title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.pricing__subtitle{font-size:1.25rem;color:#666}.pricing__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.pricing__card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000001a;transition:transform .3s,box-shadow .3s;position:relative;display:flex;flex-direction:column}.pricing__card:hover{transform:translateY(-8px);box-shadow:0 8px 30px #00000026}.pricing__card--highlighted{border:3px solid #667eea;transform:scale(1.05)}.pricing__card--highlighted:hover{transform:scale(1.05) translateY(-8px)}.pricing__badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.875rem;font-weight:600}.pricing__card-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #f0f0f0}.pricing__plan-name{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem}.pricing__price{margin-bottom:1rem}.pricing__amount{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing__period{font-size:1rem;color:#666;margin-left:.5rem}.pricing__description{color:#666;font-size:.95rem}.pricing__features{flex:1;margin-bottom:2rem}.pricing__features-title,.pricing__limitations-title{font-size:1rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem}.pricing__limitations-title{margin-top:1.5rem}.pricing__features-list,.pricing__limitations-list{list-style:none;padding:0;margin:0}.pricing__feature,.pricing__limitation{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;font-size:.95rem;color:#333}.pricing__check{color:#10b981;font-weight:700;font-size:1.2rem;flex-shrink:0}.pricing__cross{color:#ef4444;font-weight:700;font-size:1.2rem;flex-shrink:0}.pricing__cta{display:block;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;text-decoration:none;font-weight:600;border-radius:8px;transition:transform .2s,box-shadow .2s}.pricing__cta:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.pricing__cta--highlighted{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 5px 20px #f59e0b4d}.pricing__faq{margin-top:4rem}.pricing__faq-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#1a1a1a}.pricing__faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.pricing__faq-item{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px #0000000d}.pricing__faq-item h3{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:#1a1a1a}.pricing__faq-item p{color:#666;font-size:.95rem;line-height:1.6}@media(max-width:768px){.pricing{padding:2rem 1rem}.pricing__title{font-size:2rem}.pricing__subtitle{font-size:1rem}.pricing__grid{grid-template-columns:1fr;gap:2rem}.pricing__card{padding:2rem 1.5rem}.pricing__card--highlighted{transform:none}.pricing__card--highlighted:hover{transform:translateY(-8px)}.pricing__price{font-size:2.5rem}.pricing__cta{padding:1rem;font-size:1rem}.pricing__faq-grid{grid-template-columns:1fr}.pricing__faq-title{font-size:1.5rem}}@media(max-width:480px){.pricing__title{font-size:1.75rem}.pricing__card{padding:1.5rem 1rem}.pricing__name{font-size:1.75rem}.pricing__price{font-size:2rem}}.tutorial-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);padding:40px 20px}.tutorial__container{max-width:1400px;margin:0 auto}.tutorial__header{text-align:center;margin-bottom:50px;color:#fff}.tutorial__header h1{font-size:42px;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px}.tutorial__header p{font-size:18px;color:#ffffffb3}.tutorial__layout{display:grid;grid-template-columns:300px 1fr;gap:40px}@media(max-width:1024px){.tutorial__layout{grid-template-columns:1fr;gap:30px}}.tutorial__sidebar{position:sticky;top:20px;height:fit-content}@media(max-width:1024px){.tutorial__sidebar{position:relative;top:0}}.tutorial__nav{background:#0f172acc;border-radius:16px;padding:20px;border:1px solid rgba(99,102,241,.2);margin-bottom:20px}.tutorial__nav-item{width:100%;text-align:left;padding:14px 16px;background:transparent;border:none;color:#ffffffb3;font-size:15px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s;margin-bottom:6px}.tutorial__nav-item:hover{background:#6366f11a;color:#fff}.tutorial__nav-item.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 12px #6366f14d}.tutorial__cta{background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:16px;padding:24px;text-align:center}.tutorial__cta h4{color:#fff;margin:0 0 16px;font-size:18px}.tutorial__cta .btn{width:100%;padding:12px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s}.tutorial__cta .btn.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.tutorial__cta .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.tutorial__content{background:#0f172acc;border-radius:16px;padding:40px;border:1px solid rgba(99,102,241,.2);color:#fff}@media(max-width:768px){.tutorial__content{padding:24px}}.tutorial__section-title{font-size:32px;font-weight:700;margin-bottom:24px;color:#fff}.tutorial__section-content h3{font-size:24px;font-weight:600;color:#fff;margin:32px 0 16px;padding-bottom:12px;border-bottom:2px solid rgba(99,102,241,.3)}.tutorial__section-content h4{font-size:18px;font-weight:600;color:#ffffffe6;margin:20px 0 12px}.tutorial__section-content p{font-size:16px;line-height:1.8;color:#fffc;margin-bottom:16px}.tutorial__section-content ol,.tutorial__section-content ul{padding-left:24px;margin-bottom:16px}.tutorial__section-content ol li,.tutorial__section-content ul li{font-size:16px;line-height:1.8;color:#fffc;margin-bottom:8px}.tutorial__section-content strong{color:#6366f1;font-weight:600}.tutorial__intro{font-size:18px!important;line-height:1.8!important;margin-bottom:32px!important}.tutorial__features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:32px 0}.tutorial__features-grid .feature-card{background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:24px;text-align:center;transition:all .2s}.tutorial__features-grid .feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #6366f133}.tutorial__features-grid .feature-card .icon{font-size:48px;display:block;margin-bottom:12px}.tutorial__features-grid .feature-card h4{font-size:18px;color:#fff;margin:0 0 8px}.tutorial__features-grid .feature-card p{font-size:14px;color:#fff9;margin:0}.tutorial__step{background:#0000004d;border-left:4px solid #6366f1;padding:20px;border-radius:8px;margin-bottom:24px}.tutorial__action-btn{margin-top:16px;padding:12px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.tutorial__action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.tutorial__interface{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}@media(max-width:768px){.tutorial__interface{grid-template-columns:1fr}}.interface-section{background:#6366f10d;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:20px}.interface-section h4{margin-top:0!important;color:#6366f1!important}.tutorial__tip{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:16px 20px;margin:24px 0;color:#ffffffe6;font-size:15px}.tutorial__warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:20px;margin:24px 0}.tutorial__warning p{color:#ffffffe6}.tutorial__warning strong{color:#f59e0b!important}.tutorial__info{background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:20px;margin:24px 0}.tutorial__best-practices{background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:24px;margin:24px 0}.tutorial__best-practices h4{color:#10b981!important;margin-top:0!important}.tutorial__best-practices ul li{margin-bottom:12px}.tutorial__faq .faq-item{background:#0000004d;border-radius:12px;padding:24px;margin-bottom:20px;border:1px solid rgba(99,102,241,.2)}.tutorial__faq .faq-item h4{color:#6366f1!important;margin-top:0!important;margin-bottom:12px!important;font-size:18px}.tutorial__faq .faq-item p{margin-bottom:12px}.tutorial__navigation{display:flex;justify-content:space-between;gap:16px;margin-top:48px;padding-top:32px;border-top:1px solid rgba(99,102,241,.2)}.tutorial__navigation .btn{padding:12px 32px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s;font-size:16px}.tutorial__navigation .btn.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.tutorial__navigation .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.tutorial__navigation .btn.btn-secondary{background:#ffffff1a;color:#fff}.tutorial__navigation .btn.btn-secondary:hover{background:#ffffff26}.discover{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b)}.discover__hero{padding:100px 20px 80px;text-align:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-bottom:1px solid rgba(99,102,241,.2)}@media(max-width:768px){.discover__hero{padding:80px 20px 60px}}.discover__hero-container{max-width:900px;margin:0 auto}.discover__hero-title{font-size:56px;font-weight:800;color:#fff;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:20px}@media(max-width:768px){.discover__hero-title{font-size:42px;flex-direction:column;gap:12px}}.discover__hero-icon{font-size:64px}@media(max-width:768px){.discover__hero-icon{font-size:48px}}.discover__hero-subtitle{font-size:26px;font-weight:600;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px}@media(max-width:768px){.discover__hero-subtitle{font-size:20px}}.discover__hero-description{font-size:18px;color:#fffc;line-height:1.7;max-width:700px;margin:0 auto}@media(max-width:768px){.discover__hero-description{font-size:16px}}.discover__features,.discover__mobile,.discover__benefits{padding:80px 20px}@media(max-width:768px){.discover__features,.discover__mobile,.discover__benefits{padding:60px 20px}}.discover__mobile{background:#0003}.discover__features-container,.discover__mobile-container,.discover__benefits-container,.discover__how-container,.discover__cta-container{max-width:1200px;margin:0 auto}.discover__mobile-header{text-align:center;margin-bottom:60px}.discover__badge{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;border-radius:20px;font-size:14px;font-weight:700;margin-bottom:20px;box-shadow:0 4px 12px #f59e0b66}.discover__section-title{text-align:center;font-size:42px;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px}@media(max-width:768px){.discover__section-title{font-size:32px}}.discover__section-subtitle{text-align:center;font-size:18px;color:#ffffffb3;margin-bottom:60px}@media(max-width:768px){.discover__section-subtitle{font-size:16px;margin-bottom:40px}}.discover__features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}@media(max-width:768px){.discover__features-grid{grid-template-columns:1fr;gap:24px}}.discover__feature{background:#0f172acc;border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:32px;text-align:center;transition:all .3s}.discover__feature:hover{transform:translateY(-8px);box-shadow:0 12px 32px #6366f14d;border-color:#6366f180}.discover__feature--highlight{border-color:#f59e0b4d;background:linear-gradient(135deg,#f59e0b0d,#f973160d)}.discover__feature--highlight:hover{border-color:#f59e0b99;box-shadow:0 12px 32px #f59e0b4d}.discover__feature-icon{font-size:56px;margin-bottom:20px;display:block}.discover__feature h3{color:#fff;font-size:22px;font-weight:700;margin-bottom:12px}.discover__feature p{color:#ffffffb3;font-size:15px;line-height:1.7;margin:0}.discover__how-it-works{padding:80px 20px;background:#0000004d}@media(max-width:768px){.discover__how-it-works{padding:60px 20px}}.discover__tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:40px;margin-top:60px}@media(max-width:1024px){.discover__tabs{grid-template-columns:1fr}}.discover__tab{background:#0f172a99;border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:40px}.discover__tab-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:32px;display:flex;align-items:center;gap:12px}@media(max-width:768px){.discover__tab-title{font-size:24px}}.discover__tab-icon{font-size:36px}.discover__steps{display:flex;flex-direction:column;gap:32px}.discover__step{display:flex;align-items:flex-start;gap:20px}@media(max-width:768px){.discover__step{flex-direction:column;align-items:center;text-align:center}}.discover__step-number{flex-shrink:0;width:50px;height:50px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;box-shadow:0 4px 12px #6366f166}.discover__step-content{flex:1}.discover__step-content h4{color:#fff;font-size:20px;font-weight:700;margin:0 0 8px}.discover__step-content p{color:#ffffffb3;font-size:15px;line-height:1.7;margin:0}.discover__benefits{padding:80px 20px}@media(max-width:768px){.discover__benefits{padding:60px 20px}}.discover__benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}@media(max-width:768px){.discover__benefits-grid{grid-template-columns:1fr}}.discover__benefit{display:flex;align-items:flex-start;gap:16px;background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:24px;transition:all .2s}.discover__benefit:hover{background:#10b9811a;border-color:#10b98166;transform:translateY(-2px)}.discover__benefit-icon{font-size:28px;color:#10b981;flex-shrink:0}.discover__benefit-content{flex:1}.discover__benefit-content h4{color:#fff;font-size:18px;font-weight:700;margin:0 0 8px}.discover__benefit-content p{color:#ffffffb3;font-size:15px;line-height:1.6;margin:0}.discover__cta{padding:100px 20px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);text-align:center}@media(max-width:768px){.discover__cta{padding:60px 20px}}.discover__cta-container{max-width:800px;margin:0 auto}.discover__cta-container h2{color:#fff;font-size:42px;font-weight:700;margin-bottom:16px}@media(max-width:768px){.discover__cta-container h2{font-size:32px}}.discover__cta-container p{color:#fffc;font-size:18px;margin-bottom:40px}@media(max-width:768px){.discover__cta-container p{font-size:16px}}.discover__cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.discover__cta-btn{padding:18px 48px;border-radius:12px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}@media(max-width:768px){.discover__cta-btn{width:100%;max-width:320px;padding:16px 36px;font-size:16px}}@media(max-width:480px){.discover__cta-btn{padding:14px 28px;font-size:15px}}.discover__cta-btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 12px #6366f166}.discover__cta-btn--primary:hover{transform:translateY(-4px);box-shadow:0 8px 24px #6366f180}.discover__cta-btn--secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2)}.discover__cta-btn--secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-4px)}.banner-overlay{position:fixed;bottom:0;left:0;width:100%;height:50px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));overflow:hidden;z-index:9999;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-shadow:0 -2px 10px #0003}.banner-overlay--waiting{display:flex;align-items:center;justify-content:center}.banner-overlay--waiting .banner__content{display:flex;align-items:center;gap:.75rem;color:#fff;font-weight:600}.banner-overlay--font-small{font-size:.85rem;height:40px}.banner-overlay--font-medium{font-size:1rem;height:50px}.banner-overlay--font-large{font-size:1.2rem;height:60px}.banner__scroll{display:flex;align-items:center;height:100%;white-space:nowrap;animation:scroll-left linear infinite;will-change:transform}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.banner__item{display:inline-flex;align-items:center;gap:.5rem;padding:0 1.5rem;color:#fff;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.3)}.banner__icon{font-size:1.2em;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.banner__breaking{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#ef4444e6;border-radius:4px;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;animation:pulse-breaking 2s ease-in-out infinite}@keyframes pulse-breaking{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}.banner__text{font-weight:600;letter-spacing:.3px}.banner__value{font-weight:700;padding:.2rem .5rem;background:#fff3;border-radius:4px;font-family:SF Mono,Monaco,Courier New,monospace}.banner__separator{font-weight:700;opacity:.6;margin:0 .5rem}.banner__status{font-style:italic;opacity:.9}.banner-overlay--top{top:0;bottom:auto;box-shadow:0 2px 10px #0003}.banner-overlay:hover .banner__scroll{animation-play-state:paused}@media(max-width:768px){.banner-overlay--font-small{font-size:.75rem;height:35px}.banner-overlay--font-medium{font-size:.9rem;height:45px}.banner-overlay--font-large{font-size:1.1rem;height:55px}.banner__item{padding:0 1rem}.banner__icon{font-size:1em}}body.obs-transparent{background:transparent!important}body.obs-transparent .banner-overlay{background:linear-gradient(90deg,rgba(99,102,241,var(--banner-opacity, .9)),rgba(139,92,246,var(--banner-opacity, .9)))}.overlay{min-height:100vh;background:transparent;padding:1rem;display:flex;align-items:center;justify-content:center}.overlay--vertical{padding:0;align-items:center;justify-content:center}.overlay--vertical .overlay__vertical-container{width:56.25vh;height:100vh;max-width:100vw;background:transparent;position:relative;overflow:hidden;margin:0 auto}.overlay--dual{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0}.overlay__positioned-card{position:fixed;z-index:10}.overlay__positioned-card--horizontal.overlay__positioned-card--left{left:2rem;top:50%;transform:translateY(-50%);width:var(--card-size, 30%);max-height:80vh;overflow-y:auto}.overlay__positioned-card--horizontal.overlay__positioned-card--right{right:2rem;top:50%;transform:translateY(-50%);width:var(--card-size, 30%);max-height:80vh;overflow-y:auto}.overlay__positioned-card--vertical.overlay__positioned-card--top{top:2rem;left:50%;transform:translate(-50%);height:var(--card-size, 45%);max-width:90vw;overflow-y:auto}.overlay__positioned-card--vertical.overlay__positioned-card--bottom{bottom:2rem;left:50%;transform:translate(-50%);height:var(--card-size, 30%);max-width:90vw;overflow-y:auto}.overlay__center-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;max-width:1200px;width:90%}.overlay__center-card .overlay__content{width:100%}.overlay__breaking-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,red,#f44);color:#fff;padding:.4rem 1.2rem;border-radius:20px;font-weight:700;font-size:.85rem;letter-spacing:1px;z-index:100;box-shadow:0 4px 12px #f006;animation:pulse-breaking 1.5s ease-in-out infinite}@keyframes pulse-breaking{0%,to{transform:translate(-50%) scale(1);box-shadow:0 4px 12px #f006}50%{transform:translate(-50%) scale(1.05);box-shadow:0 6px 20px #f009}}.overlay--center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.overlay__banner-wrapper{position:fixed;left:0;width:100%;z-index:5}.overlay__banner-wrapper--top{top:0}.overlay__banner-wrapper--bottom{bottom:0}.overlay--horizontal.overlay--top{align-items:flex-start;padding-top:2rem}.overlay--horizontal.overlay--top .overlay__content{width:95%;max-width:95vw;max-height:25vh;overflow-y:auto}.overlay--horizontal.overlay--top .overlay__content .react-card{padding:1rem 1.5rem;max-width:none;width:100%;margin:0}.overlay--horizontal.overlay--top .overlay__content .react-card__image{height:120px}.overlay--horizontal.overlay--top .overlay__content .react-card__title{font-size:1.3rem}.overlay--horizontal.overlay--top .overlay__content .react-card__summary{font-size:.95rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.overlay--horizontal.overlay--top .overlay__content .react-card__key-data,.overlay--horizontal.overlay--top .overlay__content .react-card__questions,.overlay--horizontal.overlay--top .overlay__content .react-card__debate{display:none}.overlay--horizontal.overlay--bottom{align-items:flex-end;padding-bottom:2rem}.overlay--horizontal.overlay--bottom .overlay__content{width:95%;max-width:95vw;max-height:25vh;overflow-y:auto}.overlay--horizontal.overlay--bottom .overlay__content .react-card{padding:1rem 1.5rem;max-width:none;width:100%;margin:0}.overlay--horizontal.overlay--bottom .overlay__content .react-card__image{height:120px}.overlay--horizontal.overlay--bottom .overlay__content .react-card__title{font-size:1.3rem}.overlay--horizontal.overlay--bottom .overlay__content .react-card__summary{font-size:.95rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.overlay--horizontal.overlay--bottom .overlay__content .react-card__key-data,.overlay--horizontal.overlay--bottom .overlay__content .react-card__questions,.overlay--horizontal.overlay--bottom .overlay__content .react-card__debate{display:none}.overlay--horizontal.overlay--left{justify-content:flex-start;padding-left:2rem}.overlay--horizontal.overlay--left .overlay__content{width:30vw;max-width:30vw;height:auto;max-height:80vh;overflow-y:auto}.overlay--horizontal.overlay--left .overlay__content .react-card{padding:1.5rem;max-width:none;width:100%;margin:0}.overlay--horizontal.overlay--left .overlay__content .react-card__image{height:180px}.overlay--horizontal.overlay--left .overlay__content .react-card__title{font-size:1.4rem}.overlay--horizontal.overlay--left .overlay__content .react-card__summary{font-size:1rem}.overlay--horizontal.overlay--left .overlay__content .react-card__key-data,.overlay--horizontal.overlay--left .overlay__content .react-card__questions,.overlay--horizontal.overlay--left .overlay__content .react-card__debate{display:none}.overlay--horizontal.overlay--right{justify-content:flex-end;padding-right:2rem}.overlay--horizontal.overlay--right .overlay__content{width:30vw;max-width:30vw;height:auto;max-height:80vh;overflow-y:auto}.overlay--horizontal.overlay--right .overlay__content .react-card{padding:1.5rem;max-width:none;width:100%;margin:0}.overlay--horizontal.overlay--right .overlay__content .react-card__image{height:180px}.overlay--horizontal.overlay--right .overlay__content .react-card__title{font-size:1.4rem}.overlay--horizontal.overlay--right .overlay__content .react-card__summary{font-size:1rem}.overlay--horizontal.overlay--right .overlay__content .react-card__key-data,.overlay--horizontal.overlay--right .overlay__content .react-card__questions,.overlay--horizontal.overlay--right .overlay__content .react-card__debate{display:none}.overlay--vertical.overlay--top .overlay__vertical-container .overlay__content{position:absolute;top:125px;left:50%;transform:translate(-50%);width:95%;height:auto;max-height:70vh!important;overflow-y:auto}.overlay--vertical.overlay--top .overlay__vertical-container .overlay__content .react-card{padding:1rem;max-width:none;width:100%;margin:0}.overlay--vertical.overlay--top .overlay__vertical-container .overlay__content .react-card__header{padding-bottom:0!important;margin-bottom:0!important}.overlay--vertical.overlay--top .overlay__vertical-container .overlay__content .react-card__theme{font-size:18px!important;padding:.7rem 1.4rem!important;min-height:40px!important}.overlay--vertical.overlay--top .overlay__vertical-container .overlay__content .react-card__image{height:350px!important;min-height:350px!important}.overlay--vertical.overlay--top .overlay__vertical-container .overlay__content .react-card__image img{height:100%!important}.overlay--vertical.overlay--top .overlay__vertical-container .overlay__content .react-card__title{font-size:1.3rem}.overlay--vertical.overlay--top .overlay__vertical-container .overlay__content .react-card__summary{font-size:2rem!important;line-height:1.6!important}.overlay--vertical.overlay--top .overlay__vertical-container .overlay__content .react-card__key-data,.overlay--vertical.overlay--top .overlay__vertical-container .overlay__content .react-card__questions,.overlay--vertical.overlay--top .overlay__vertical-container .overlay__content .react-card__debate{display:none}.overlay--vertical.overlay--bottom .overlay__vertical-container .overlay__content{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:95%;height:auto;max-height:50vh;overflow-y:auto}.overlay--vertical.overlay--bottom .overlay__vertical-container .overlay__content .react-card{padding:1rem 1.5rem;max-width:none;width:100%;margin:0}.overlay--vertical.overlay--bottom .overlay__vertical-container .overlay__content .react-card__image{height:350px}.overlay--vertical.overlay--bottom .overlay__vertical-container .overlay__content .react-card__title{font-size:1.3rem}.overlay--vertical.overlay--bottom .overlay__vertical-container .overlay__content .react-card__summary{font-size:.95rem;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}.overlay--vertical.overlay--bottom .overlay__vertical-container .overlay__content .react-card__key-data,.overlay--vertical.overlay--bottom .overlay__vertical-container .overlay__content .react-card__questions,.overlay--vertical.overlay--bottom .overlay__vertical-container .overlay__content .react-card__debate{display:none}.overlay--vertical.overlay--left{justify-content:flex-start;padding-left:2rem}.overlay--vertical.overlay--left .overlay__content{width:30vw;max-width:30vw;height:95vh;max-height:95vh;overflow-y:auto}.overlay--vertical.overlay--left .overlay__content .react-card{padding:1.5rem;max-width:none;width:100%;margin:0}.overlay--vertical.overlay--left .overlay__content .react-card__image{height:350px}.overlay--vertical.overlay--left .overlay__content .react-card__title{font-size:1.4rem}.overlay--vertical.overlay--left .overlay__content .react-card__summary{font-size:1rem}.overlay--vertical.overlay--right{justify-content:flex-end;padding-right:2rem}.overlay--vertical.overlay--right .overlay__content{width:30vw;max-width:30vw;height:95vh;max-height:95vh;overflow-y:auto}.overlay--vertical.overlay--right .overlay__content .react-card{padding:1.5rem;max-width:none;width:100%;margin:0}.overlay--vertical.overlay--right .overlay__content .react-card__image{height:350px}.overlay--vertical.overlay--right .overlay__content .react-card__title{font-size:1.4rem}.overlay--vertical.overlay--right .overlay__content .react-card__summary{font-size:2rem}.overlay--font-small{font-size:.85rem}.overlay--font-small .react-card__title{font-size:1.4rem!important}.overlay--font-small .react-card__summary{font-size:1.8rem!important}.overlay--font-medium{font-size:1rem}.overlay--font-medium .react-card__title{font-size:1.8rem!important}.overlay--font-medium .react-card__summary{font-size:1.1rem!important}.overlay--font-large{font-size:1.15rem}.overlay--font-large .react-card__title{font-size:2.2rem!important}.overlay--font-large .react-card__summary{font-size:2rem!important}.overlay__content{background:var(--primary-color, #667eea);background:linear-gradient(135deg,var(--primary-color, #667eea) 0%,var(--secondary-color, #764ba2) 100%);padding:2rem;border-radius:15px;box-shadow:0 10px 40px #0000004d;color:#fff;animation:slideInOverlay .5s ease-out}.overlay__content .react-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.overlay__waiting{text-align:center;color:#fff;background:var(--primary-color, #667eea);background:linear-gradient(135deg,var(--primary-color, #667eea) 0%,var(--secondary-color, #764ba2) 100%);padding:3rem;border-radius:15px;box-shadow:0 10px 40px #0000004d}.overlay__logo{font-size:4rem;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}.overlay__text{font-size:2rem;font-weight:700;margin-bottom:.5rem}.overlay__status{font-size:1.2rem;opacity:.9}@keyframes slideInOverlay{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.overlay__content::-webkit-scrollbar{width:8px;height:8px}.overlay__content::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.overlay__content::-webkit-scrollbar-thumb{background:#0000004d;border-radius:10px}.overlay__content::-webkit-scrollbar-thumb:hover{background:#00000080}.overlay__controls{position:relative;margin-top:0;display:flex;gap:10px;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px;border-radius:30px;box-shadow:0 4px 12px #0000004d}.overlay__control-btn{background:#fff3;border:none;width:45px;height:45px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#fff}.overlay__control-btn:hover{background:#ffffff4d;transform:scale(1.1)}.overlay__control-btn:active{transform:scale(.95)}.overlay__control-btn--play{background:linear-gradient(135deg,var(--primary-color, #667eea) 0%,var(--secondary-color, #764ba2) 100%)}.overlay__control-btn--play:hover{background:linear-gradient(135deg,var(--secondary-color, #764ba2) 0%,var(--primary-color, #667eea) 100%)}.overlay__indicators-row{display:flex;flex-direction:row;gap:12px;margin-top:12px;align-items:center;justify-content:center;flex-wrap:nowrap}.overlay__timer{position:relative;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px;box-shadow:0 4px 12px #0000004d;min-width:80px;overflow:hidden}.overlay__timer-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(135deg,var(--primary-color, #667eea) 0%,var(--secondary-color, #764ba2) 100%);opacity:.3;transition:width .1s linear}.overlay__timer-text{position:relative;z-index:1;color:#fff;font-weight:600;font-size:1rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5)}.overlay__mode-indicator{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}.overlay__mode-badge{background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;box-shadow:0 4px 12px #0000004d;border:2px solid rgba(255,255,255,.2);animation:fadeInScale .3s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.overlay .react-card,.overlay .react-card__header,.overlay .react-card__title,.overlay .react-card__summary,.overlay .react-card__content,.overlay .react-card__footer,.overlay .react-card__meta,.overlay .react-card__theme,.overlay .react-card__stats,.overlay .react-card__data{padding:0;margin:0}.overlay .react-card__title,.overlay .react-card__summary{margin-bottom:.5rem}.overlay .react-card__theme{font-size:18px!important}.overlay .react-card__meta,.overlay .react-card__footer{margin-top:.5rem}.not-found{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b);padding:20px}.not-found__content{background:#ffffff0d;border-radius:12px;padding:48px 32px;max-width:600px;text-align:center;border:1px solid rgba(255,255,255,.1)}.not-found__icon{font-size:72px;margin-bottom:24px;animation:bounce 2s infinite}.not-found__title{font-size:72px;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.not-found__subtitle{font-size:28px;font-weight:600;color:#fff;margin-bottom:16px}.not-found__message{font-size:16px;color:#ffffffb3;line-height:1.6;margin-bottom:32px}.not-found__suggestions{text-align:left;margin:32px 0;padding:24px;background:#6366f11a;border-radius:8px;border:1px solid rgba(99,102,241,.2)}.not-found__suggestions h3{font-size:18px;font-weight:600;color:#fff;margin-bottom:16px}.not-found__suggestions ul{list-style:none;padding:0;margin:0}.not-found__suggestions li{margin-bottom:12px}.not-found__suggestions li:last-child{margin-bottom:0}.not-found__suggestions a{color:#6366f1;text-decoration:none;font-weight:500;transition:color .2s}.not-found__suggestions a:hover{color:#8b5cf6;text-decoration:underline}.not-found__button{display:inline-block;padding:12px 32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;transition:all .2s}.not-found__button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.not-found__button:active{transform:translateY(0)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media(max-width:768px){.not-found__content{padding:32px 24px}.not-found__title{font-size:56px}.not-found__subtitle{font-size:24px}.not-found__icon{font-size:56px}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa}html{scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}