:root{--color-background: linear-gradient( 180deg, #cfe9ff 0%, #8fc7ff 55%, #5aa4ff 100% );--color-overlay: rgba(255, 255, 255, .65);--color-primary: #1b5cff;--color-secondary: #0fb2ff;--color-accent: #65dbff;--color-card-surface: rgba(255, 255, 255, .78);--color-card-solid: #ffffff;--color-text-main: #123352;--color-text-muted: #4f6b8f;--color-verde: #88e788;--shadow-soft: 0 20px 45px rgba(32, 98, 154, .18);--shadow-sharp: 0 0 28px rgba(15, 178, 255, .28);--border-radius-base: 16px;--border-radius-pill: 999px;--font-heading: "Orbitron", "Segoe UI", sans-serif;--font-body: "Poppins", "Inter", sans-serif;--layout-max-width: 1200px;--transition-base: .3s ease}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand-logo{display:block;width:180px;max-width:100%;height:auto}.brand-logo--hero{width:min(280px,60vw)}.brand-logo--header{width:160px}.brand-logo--modal{width:140px}.hero__logo{display:flex;justify-content:center;margin-bottom:24px}.app-header__branding{display:flex;flex-direction:column;gap:8px;align-items:flex-start}body{margin:0;min-height:100vh;font-family:var(--font-body);background:var(--color-background);color:var(--color-text-main);line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#cfe9fff2,#5aa4ffd9);z-index:-1;pointer-events:none}a{color:inherit;text-decoration:none}button{font-family:inherit}button[type=submit]{color:#fff}.view-tabs{display:flex;align-items:center;justify-content:space-between;margin:0 auto 32px;padding:18px 24px;border-radius:var(--border-radius-base);background:#ffffffe0;border:1px solid rgba(18,51,82,.12);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.view-tabs__buttons{display:flex;gap:14px}.view-tabs__button{position:relative;padding:10px 20px;border-radius:var(--border-radius-pill);border:1px solid rgba(26,79,125,.18);background:linear-gradient(135deg,#ffffffeb,#e8f4ffe6);color:var(--color-text-main);font-weight:600;letter-spacing:.3px;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.view-tabs__button:hover:not(:disabled){transform:translateY(-2px);border-color:#1b5cff59;box-shadow:0 10px 20px #20629a33;color:var(--color-primary)}.view-tabs__button.is-active{border-color:#1b5cff61;box-shadow:0 12px 24px #1b5cff38;background:linear-gradient(135deg,#1b5cfff2,#0fb2ffe6);color:#fff}.view-tabs__button:disabled{cursor:not-allowed;opacity:.55}.view-tabs__badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:var(--border-radius-pill);background:#0fb2ff2e;color:var(--color-primary);font-size:.7rem;text-transform:uppercase;letter-spacing:.8px}.view-tabs__logout{padding:10px 20px;border-radius:var(--border-radius-pill);border:1px solid rgba(26,79,125,.18);background:#ffffffeb;color:var(--color-text-main);font-weight:600;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),color var(--transition-base)}.view-tabs__logout:hover{transform:translateY(-2px);box-shadow:0 10px 20px #20629a2e;color:#fff}.auth-toggle{display:flex;gap:12px;padding:8px;border-radius:var(--border-radius-pill);background:#ffffffb3;margin-bottom:16px}.auth-toggle__option{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--border-radius-pill);background:transparent;color:var(--color-text-main);font-weight:600;cursor:pointer;transition:background var(--transition-base),color var(--transition-base)}.auth-toggle__option input{display:none}.auth-toggle__option.is-active{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff}.auth-toggle__option span{pointer-events:none}.app-shell{display:flex;flex-direction:column;min-height:100vh;position:relative;overflow:hidden}.sky-backdrop{position:absolute;top:0;left:0;right:0;height:clamp(220px,35vw,420px);pointer-events:none;z-index:0}.cloud{position:absolute;display:block;width:var(--cloud-width, 260px);height:var(--cloud-height, 90px);background:#fff;border-radius:999px;box-shadow:0 18px 30px #4278b240;filter:drop-shadow(0 12px 20px rgba(66,120,178,.2))}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%;box-shadow:inherit}.cloud:before{width:calc(var(--cloud-width, 260px) * .55);height:calc(var(--cloud-height, 90px) * 1.35);top:calc(var(--cloud-height, 90px) * -.65);left:calc(var(--cloud-width, 260px) * .12)}.cloud:after{width:calc(var(--cloud-width, 260px) * .45);height:calc(var(--cloud-height, 90px) * 1.15);top:calc(var(--cloud-height, 90px) * -.55);right:calc(var(--cloud-width, 260px) * .08)}.cloud--xl{--cloud-width: clamp(320px, 34vw, 420px);--cloud-height: clamp(110px, 12vw, 150px)}.cloud--lg{--cloud-width: clamp(260px, 26vw, 340px);--cloud-height: clamp(90px, 10vw, 130px)}.cloud--md{--cloud-width: clamp(200px, 22vw, 280px);--cloud-height: clamp(70px, 8vw, 110px)}.cloud--sm{--cloud-width: clamp(150px, 18vw, 220px);--cloud-height: clamp(55px, 6vw, 85px)}.cloud--one{top:clamp(16px,4vw,40px);left:6%}.cloud--two{top:clamp(32px,6vw,72px);right:10%}.cloud--three{top:clamp(80px,10vw,140px);left:28%}.cloud--four{top:clamp(110px,14vw,190px);right:30%}.cloud--five{top:clamp(140px,16vw,210px);left:8%}.cloud--six{top:clamp(60px,12vw,160px);right:55%}@media (max-width: 768px){.sky-backdrop{height:clamp(180px,48vw,260px)}.cloud--one{left:-8%}.cloud--two{right:-10%}.cloud--five{left:0}.cloud--six{right:40%}}.app-main{flex:1;width:100%;max-width:var(--layout-max-width);margin:0 auto;padding:40px 24px 120px;position:relative;z-index:1}.section{margin:0 auto 64px;padding:48px 32px;border-radius:var(--border-radius-base);background:var(--color-card-surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.section--tight{padding:32px 24px}.section__title{margin:0 0 16px;font-family:var(--font-heading);font-size:2.25rem;text-align:center;text-wrap:balance;animation:glowPulse 3s ease-in-out infinite alternate}.section__subtitle{margin:0 auto 32px;max-width:720px;text-align:center;color:var(--color-text-muted);font-size:1.1rem}.hero{text-align:center;padding:72px 24px 48px}.hero__headline{margin:0 0 12px;font-family:var(--font-heading);font-size:3rem;letter-spacing:1px;text-wrap:balance}.hero__lead{margin:0 auto 32px;max-width:640px;color:var(--color-text-muted);font-size:1.05rem}.countdown{display:inline-flex;align-items:center;gap:16px;padding:16px 28px;border-radius:var(--border-radius-pill);background:#ffffffd9;border:1px solid rgba(27,92,255,.15);font-family:var(--font-heading);font-size:1.75rem;color:var(--color-secondary);box-shadow:var(--shadow-sharp)}.countdown__label{display:block;margin:24px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:2px}.prize-highlight{margin:32px auto 0;max-width:420px;padding:18px 30px;border-radius:var(--border-radius-pill);border:none;background:#88e788;color:#0f2010;font-size:1.25rem;font-weight:600;letter-spacing:.4px;box-shadow:0 18px 34px #1233522e;transition:transform var(--transition-base),box-shadow var(--transition-base),color var(--transition-base)}.prize-highlight:hover{transform:translateY(-2px);box-shadow:0 24px 40px #12335238}.steps-card{margin:48px auto 40px;max-width:540px;padding:32px;border-radius:var(--border-radius-base);background:#ffffffe6;border:1px solid rgba(18,51,82,.12);box-shadow:var(--shadow-soft);text-align:left;color:var(--color-text-main)}.steps-card__title{margin:0 0 20px;font-family:var(--font-heading);text-align:center;color:var(--color-secondary)}.steps-card__list{margin:0;padding:0;list-style:none;display:grid;gap:12px}.steps-card__item{padding:12px 16px;border-left:4px solid var(--color-accent);border-radius:12px;background:#ffffffbf;box-shadow:0 4px 12px #20629a1f;transition:transform var(--transition-base)}.steps-card__item:hover{transform:translate(6px)}.steps-card__warning{margin-top:20px;display:flex;align-items:center;gap:12px;color:var(--color-text-main);font-size:.95rem}.steps-card__warning-eye{flex-shrink:0;color:var(--color-accent)}.social-links{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.social-links__item{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:1.05rem;color:var(--color-secondary);transition:transform var(--transition-base)}.social-links__item:hover{color:var(--color-accent);transform:translateY(-3px);text-decoration:underline}.platform-links{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin:56px 0}.platform-links__button{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:var(--border-radius-pill);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;font-weight:600;letter-spacing:.5px;border:none;transition:transform var(--transition-base),box-shadow var(--transition-base)}.platform-links__button:hover{transform:translateY(-4px);box-shadow:var(--shadow-sharp)}.leaderboard{margin:60px auto 50px;width:min(100%,960px);border-radius:var(--border-radius-base);overflow:hidden;background:#88e788;box-shadow:var(--shadow-soft);color:#0f2010}.subtitle_leaderboard{margin-bottom:0}.leaderboard__header{padding:28px 32px 20px;background:#88e788;color:#0f2010}.leaderboard__table-wrapper{width:100%;max-width:640px;margin:0 auto;padding:0 24px 32px;overflow-x:auto}.leaderboard__table{width:100%;border-collapse:collapse;min-width:520px;background:#88e788}.leaderboard__table thead th{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#0f2010;padding:12px 16px;text-align:center;background:#fff}.leaderboard__cell{padding:16px;border-top:1px solid rgba(18,51,82,.15);font-size:1rem;text-align:center;color:#0f2010}.leaderboard__cell--rank{width:72px;font-weight:600;text-align:center}.leaderboard__cell--points{text-align:center;font-weight:600}.leaderboard__primary{font-weight:600}.leaderboard__rank-wrapper{display:inline-flex;align-items:center;justify-content:center;width:100%}.leaderboard__rank-number{font-weight:600;font-variant-numeric:tabular-nums}.leaderboard__medal{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;font-weight:700;font-size:.9rem;color:#1c1b15;box-shadow:0 6px 14px #0000001f}.leaderboard__medal--gold{background:linear-gradient(135deg,#ffe066,#ffb347)}.leaderboard__medal--silver{background:linear-gradient(135deg,#f0f4ff,#c7d2e6)}.leaderboard__medal--bronze{background:linear-gradient(135deg,#f3c58a,#c98a4b)}.leaderboard__self-tag{display:inline-flex;align-items:center;justify-content:center;margin-top:6px;padding:2px 10px;border-radius:999px;background:#1b5cff2e;color:#0f2010;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.rank-row.rank-self{background:#ffffff40;box-shadow:inset 0 0 0 1px #1b5cff40}.rank-row.rank-self:hover{background:#ffffff52}.leaderboard__meta{display:block;margin-top:2px;font-size:.85rem;color:#0000008c}.rank-row{transition:background var(--transition-base),transform var(--transition-base)}.rank-row:hover{background:#12335214;transform:translateY(-1px)}.rank-1 td{font-weight:700;color:#0f2010}.rank-2 td,.rank-3 td{font-weight:600;color:#0f2010}@media (max-width: 900px){.leaderboard{width:95%;margin:20px auto;border-radius:10px;background:#88e788;box-shadow:none}.leaderboard__header{padding:12px;font-size:1rem;text-align:center}.leaderboard__table-wrapper{padding:0 8px 16px;overflow-x:auto}.leaderboard__table{width:100%;border-collapse:collapse;background:transparent;table-layout:fixed}.leaderboard__table thead th{font-size:.75rem;padding:6px;background:#fff}.leaderboard__cell{padding:6px;font-size:.85rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard__cell--rank{width:40px}.leaderboard__cell--name{max-width:140px}.leaderboard__cell--points{width:50px;font-weight:600;font-size:.9rem;text-align:center}.leaderboard__medal{width:20px;height:20px;font-size:.65rem;box-shadow:0 3px 8px #0000001f}.leaderboard__table tbody{display:table-row-group}.leaderboard__table tbody tr{display:table-row;border:none;background:none}}.floating-help-button{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));color:#fff;font-size:1.75rem;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 18px 30px #1b5cff40;transition:transform var(--transition-base),box-shadow var(--transition-base);z-index:1200}.floating-help-button:hover{transform:scale(1.12);box-shadow:0 22px 38px #1b5cff4d}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#12335273;padding:24px;z-index:1500}.modal-card{width:100%;max-width:480px;border-radius:var(--border-radius-base);background:#fff;color:var(--color-text-main);padding:40px 36px;padding-bottom:calc(40px + env(safe-area-inset-bottom,0));box-shadow:var(--shadow-soft)}.modal-card__title{margin:0 0 16px;font-family:var(--font-heading);font-size:1.75rem;color:var(--color-text-main);text-align:center}.modal-card__subtitle{margin:0 0 24px;text-align:center;color:var(--color-text-muted)}.modal-card__close{margin-top:28px;width:100%;padding:14px;border-radius:var(--border-radius-pill);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border:none;color:#fff;font-weight:600;letter-spacing:.5px}.form{display:grid;gap:16px}.form__group{display:grid;gap:8px}.form__label{font-size:.95rem;font-weight:600;color:var(--color-text-main)}.form__input,.form__select,.form__textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(26,79,125,.22);background:#fffffff2;color:var(--color-text-main);font-size:.95rem;box-shadow:0 10px 24px #20629a1f;transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.form__input::placeholder,.form__textarea::placeholder{color:#12335273}.form__select option{color:var(--color-text-main)}.form__input:focus,.form__select:focus,.form__textarea:focus{outline:none;border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #1b5cff2e,0 12px 26px #1b5cff2e}.form__consent{display:flex;align-items:flex-start;gap:12px;font-size:.9rem;color:var(--color-text-muted)}.form__error{color:var(--color-accent);font-size:.9rem}.form__switch{text-align:center;font-size:.95rem;color:var(--color-text-muted);cursor:pointer}.dashboard-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.task-card{padding:24px;border-radius:var(--border-radius-base);background:var(--color-card-surface);border:1px solid rgba(18,51,82,.1);box-shadow:var(--shadow-soft)}.task-card__title{margin:0 0 12px;font-size:1.1rem;font-weight:600}.task-card__meta{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}.task-card__pill{padding:6px 16px;border-radius:var(--border-radius-pill);background:#0fb2ff2e;color:var(--color-secondary);font-size:.85rem;letter-spacing:.5px}.video-area{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start}.video-area__player{position:relative;width:100%;height:100%;min-height:360px;border-radius:var(--border-radius-base);overflow:hidden;box-shadow:var(--shadow-soft);background:#000}.video-area__player iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;margin-top:1.5rem}@media (max-width: 768px){.video-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}.video-card{background-color:#52a052;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;position:relative}.video-card:hover{transform:scale(1.04);box-shadow:0 6px 18px #0000004d}.thumbnail-wrapper{position:relative}.video-thumbnail{width:100%;height:150px;object-fit:cover;display:block}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.video-card:hover .video-overlay{opacity:1}.btn-watch{background:#e50914;color:#fff;border:none;border-radius:50px;padding:.5rem 1rem;font-weight:600;cursor:pointer}.video-info{padding:.75rem 1rem 1rem;color:#fff}.video-title{font-size:1rem;margin:0;font-weight:600}.video-channel{font-size:.85rem;color:#aaa;margin-top:2px}.video-meta{margin-top:.6rem;display:flex;justify-content:flex-start;align-items:center}.video-points{display:flex;align-items:center;font-weight:500;color:gold}.coin-icon{margin-right:5px}.quiz-card{padding:24px;border-radius:var(--border-radius-base);background:var(--color-card-surface);border:1px solid rgba(27,92,255,.2);box-shadow:var(--shadow-soft)}.quiz-card__question{margin:0 0 16px;font-weight:600;font-size:1rem}.quiz-card__choices{display:grid;gap:12px}.quiz-card__choice{padding:12px 16px;border-radius:12px;border:1px solid rgba(18,51,82,.12);background:#ffffffe6;cursor:pointer;transition:transform var(--transition-base),border-color var(--transition-base)}.quiz-card__choice:hover{transform:translateY(-2px);border-color:var(--color-primary)}.videos-table__cell--interactions{text-align:center;vertical-align:middle}.interaction-buttons{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center}.interaction-btn{display:inline-block;padding:6px 12px;border-radius:12px;font-size:.85rem;font-weight:500;line-height:1.2;color:#fff;text-transform:uppercase;letter-spacing:.3px;transition:all .3s ease;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-soft);min-width:150px}.interaction-btn.ready{background:linear-gradient(90deg,var(--color-primary),#007bff);box-shadow:0 2px 6px #007bff59}.interaction-btn.pending{background:linear-gradient(90deg,#adb5bd,#868e96);box-shadow:0 2px 6px #adb5bd40}.interaction-btn.ready:hover{filter:brightness(1.1);transform:translateY(-2px)}.interaction-btn.pending:hover{filter:brightness(1.05);transform:translateY(-1px)}@media (max-width: 768px){.interaction-buttons{flex-direction:row;gap:6px}.interaction-btn{min-width:auto;padding:5px 8px;font-size:.8rem}}.metrics-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metric-card{padding:20px;border-radius:var(--border-radius-base);background:#ffffff12;border:1px solid rgba(0,229,255,.15);text-align:center}.metric-card__value{margin:12px 0 0;font-size:1.5rem;font-weight:700;color:var(--color-secondary)}.admin-table{width:100%;border-collapse:collapse;margin-top:28px}.admin-table th,.admin-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;font-size:.95rem}.admin-table th{color:var(--color-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.text-muted{color:var(--color-text-muted)}.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--border-radius-pill);background:#ffffffd9;border:1px solid rgba(27,92,255,.15);font-size:.8rem;letter-spacing:1px;text-transform:uppercase}@media (max-width: 768px){.app-main{padding:32px 20px 96px}.hero__headline{font-size:2.4rem}.countdown{font-size:1.45rem;padding:14px 22px}.floating-help-button{bottom:16px;right:16px}.view-tabs{flex-direction:column;gap:16px;align-items:stretch}.view-tabs__buttons{justify-content:center}.view-tabs__logout{width:100%}}@supports (height: 100dvh){.modal-card{max-height:calc(100dvh - 32px)}@media (max-width: 480px){.modal-card{max-height:calc(100dvh - 24px)}}}@media (max-width: 640px){.modal-overlay{padding:16px}.modal-card{max-width:100%;max-height:calc(100vh - 32px);padding:28px 24px;border-radius:20px;overflow-y:auto}.modal-card__title{font-size:1.55rem}.modal-card__subtitle{font-size:.95rem}.auth-toggle{flex-wrap:wrap;justify-content:center}.form__consent{flex-direction:column;gap:8px}.dashboard-grid{gap:20px}.task-card{padding:20px}.steps-card__item{line-height:1.5;font-size:.95rem}}@media (max-width: 560px){.platform-links{gap:12px}.platform-links__button{width:100%;justify-content:center}}@media (max-width: 480px){.section{padding:24px 16px}.section__title{font-size:1.75rem}.hero__headline{font-size:1.9rem}.countdown{font-size:1.15rem;gap:10px}.prize-highlight{font-size:.95rem}.leaderboard__cell,.videos-table__cell{padding:14px}.modal-overlay{padding:12px}.modal-card{padding:24px 18px;border-radius:16px;max-height:calc(100vh - 24px)}.modal-card__title{font-size:1.45rem}.modal-card__subtitle{font-size:.9rem}.auth-toggle__option{flex:1 1 140px;justify-content:center}}@media (max-width: 360px){.app-main{padding:24px 12px 64px}.section{padding:20px 14px}.section__title{font-size:1.6rem}.hero__headline{font-size:1.7rem}.hero__lead{font-size:.95rem}.countdown{font-size:1.05rem;flex-direction:column;align-items:center;gap:8px}.countdown span{min-width:48px}.app-header{padding:16px;gap:12px}.app-header__actions{flex-direction:column;align-items:stretch;gap:10px}.modal-card{padding:22px 16px;padding-bottom:calc(22px + env(safe-area-inset-bottom,0))}.modal-card button[type=submit]{width:100%}.form__input,.form__select,.form__textarea{font-size:.9rem;padding:10px 12px}}.videos-table-wrapper{margin-top:24px;background:#ffffffe6;border-radius:16px;box-shadow:var(--shadow-soft);padding:8px;overflow:hidden}.videos-table{width:100%;border-collapse:collapse;min-width:640px}.videos-table th,.videos-table td{padding:14px 16px;border-bottom:1px solid rgba(18,51,82,.08);text-align:left;font-size:.95rem;vertical-align:middle;text-align:center}.videos-table thead th{background:#1b5cff14;text-transform:uppercase;font-size:.8rem;letter-spacing:.8px}.videos-table__row:nth-child(2n){background:#fff9}.videos-table__cell{position:relative}.videos-table__primary{font-weight:600}.videos-table__meta{display:block;margin-top:4px;font-size:.85rem;color:var(--color-text-muted)}.videos-table__cell--actions{text-align:right}.videos-table__cell--actions .btn{min-width:120px}.videos-table__actions{display:flex;flex-direction:column;gap:8px}.videos-table__actions .btn{width:100%}@media (max-width: 900px){.videos-table-wrapper{padding:0;background:transparent;box-shadow:none;overflow-x:auto;-webkit-overflow-scrolling:touch}.videos-table{min-width:unset;border-collapse:separate;border-spacing:0 16px}.videos-table thead{display:none}.videos-table tbody{display:grid;gap:16px}.videos-table__row{display:block;background:#fffffff2;border-radius:16px;box-shadow:var(--shadow-soft);overflow:hidden}.videos-table__cell{display:flex;flex-direction:column;gap:6px;padding:16px;font-size:.95rem;border-bottom:1px solid rgba(18,51,82,.08)}.videos-table__cell:last-child{border-bottom:none}.videos-table__cell:before{content:attr(data-label);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.videos-table__primary{font-size:1.05rem}.videos-table__cell--actions{text-align:left;align-items:stretch;padding:16px}.videos-table__cell--actions .btn{width:100%}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:999px;border:none;cursor:pointer;font-weight:600;color:#fff;background:linear-gradient(135deg,#1b5cffeb,#0fb2ffeb);transition:transform var(--transition-base),box-shadow var(--transition-base)}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #1b5cff40}.btn:disabled{cursor:not-allowed;opacity:.6}.btn.btn--secondary{color:var(--color-text-main);background:#ffffffe6;border:1px solid rgba(18,51,82,.15)}.watch-page{position:relative;min-height:100vh;padding:80px 20px 120px;display:flex;align-items:flex-start;justify-content:center;background:var(--color-background);overflow:hidden}.watch-page__sky{height:clamp(220px,42vw,460px);pointer-events:none;z-index:0}.watch-page__container{position:relative;z-index:1;width:min(100%,1060px);display:flex;justify-content:center}.watch-page__card{width:min(960px,100%);background:#fffffff2;border-radius:24px;box-shadow:var(--shadow-soft);padding:32px;display:flex;flex-direction:column;gap:20px}.watch-page__header h1{margin:0 0 8px}.watch-page__player{position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#1b5cff59,#0fb2ff40);padding-top:56.25%}.watch-page__player-frame{position:absolute;top:0;right:0;bottom:0;left:0}.watch-page__player-frame iframe{width:100%;height:100%;border:0}.progress-bar{height:10px;border-radius:999px;background:#1233521a;overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(135deg,#1b5cffeb,#0fb2ffeb);transition:width .3s ease}.progress-bar__meta{display:flex;justify-content:space-between;font-size:.9rem;color:var(--color-text-muted)}.watch-page__actions{display:flex;flex-direction:column;gap:18px;margin-top:24px}.watch-page__actions-group{background:#ffffffe6;border:1px solid rgba(18,51,82,.08);border-radius:18px;padding:18px 22px;box-shadow:var(--shadow-soft)}.watch-page__actions-title{margin:0 0 8px;font-size:1.05rem;font-weight:600}.watch-page__actions-hint{margin:0 0 16px;color:var(--color-text-muted);font-size:.9rem}.watch-page__actions-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.watch-page__action-link{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border-radius:var(--border-radius-pill);border:1px solid rgba(18,51,82,.15);font-weight:600;background:#fffffff2;color:var(--color-text-main);transition:transform var(--transition-base),box-shadow var(--transition-base)}.watch-page__action-link:hover{transform:translateY(-2px);box-shadow:0 12px 24px #12335226}.watch-page__action-link--primary{background:linear-gradient(135deg,#1b5cfff2,#0fb2ffe6);color:#fff;border:none}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:var(--border-radius-pill);font-weight:600;font-size:.95rem;background:#12335214;color:var(--color-text-main)}.status-pill--success{background:linear-gradient(135deg,#1b5cffe6,#0fb2ffe6);color:#fff}.watch-page__status{margin:0;color:var(--color-secondary);font-weight:600}.point-popups{position:fixed;bottom:24px;right:24px;z-index:99999;display:flex;flex-direction:column;gap:14px;align-items:flex-end;pointer-events:none;transition:all .3s ease}.point-popup{display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(120deg,#0062ff,#00b2ff);color:#fff;padding:14px 20px;border-radius:18px;box-shadow:0 6px 28px #0066ff59;min-width:180px;max-width:260px;animation:popupIn .4s ease,popupOut .6s ease 2.8s forwards;font-family:Poppins,sans-serif}.point-popup__value{font-size:clamp(1rem,2vw,1.25rem);font-weight:700;line-height:1.2}.point-popup__label{font-size:clamp(.8rem,1.8vw,.95rem);font-weight:500;opacity:.9;margin-top:3px}@keyframes popupIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popupOut{to{opacity:0;transform:translateY(10px) scale(.97)}}@media (max-width: 768px){.point-popups{bottom:16px;right:16px;gap:10px}.point-popup{min-width:160px;max-width:220px;padding:12px 16px;border-radius:14px}}@media (max-width: 480px){.point-popups{bottom:12px;right:50%;transform:translate(50%);align-items:center}.point-popup{text-align:center;align-items:center;min-width:200px;max-width:90vw;padding:12px 16px;border-radius:16px}}.watch-page__points{margin:0;font-weight:700;color:var(--color-primary)}@media (max-width: 720px){.watch-page{padding:100px 16px 120px}.watch-page__card{padding:24px;border-radius:18px}.watch-page__actions-group{padding:16px}.watch-page__actions-hint{margin-bottom:12px}.watch-page__actions-row{flex-direction:column;align-items:stretch}.watch-page__action-link,.watch-page__actions-row .btn,.status-pill{width:100%;justify-content:center}.videos-table__interactions{flex-direction:column;align-items:stretch;gap:12px}}.app-header{display:flex;align-items:center;justify-content:space-between;margin:0 auto 32px;padding:20px 24px;border-radius:var(--border-radius-base);background:#ffffffe6;border:1px solid rgba(18,51,82,.12);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-header__title{margin:0;font-size:1.6rem}.app-header__subtitle{margin:4px 0 0;color:var(--color-text-muted);font-size:.95rem}.app-header__actions{display:flex;align-items:center;gap:12px}.floating-help-button--inline{position:static;width:auto;height:auto;border-radius:var(--border-radius-pill);padding:8px 12px;font-size:1rem;box-shadow:none}.floating-help-button--inline:hover{transform:none;box-shadow:none}@media (max-width: 600px){.leaderboard__rank-wrapper{justify-content:center}.leaderboard{width:min(100%,360px);margin:32px auto;border-radius:20px}.leaderboard__header{padding:20px 18px 14px;text-align:center}.leaderboard__table-wrapper{padding:0 12px 20px;max-width:100%}.leaderboard__table{min-width:0;width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}.leaderboard__table thead{display:table-header-group}.leaderboard__table tbody{display:table-row-group}.leaderboard__table tbody tr{display:table-row;background:transparent;border-radius:0;border:none}.leaderboard__table thead th{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#0f2010;padding:10px 6px;text-align:center;background:#ffffff2e}.leaderboard__cell{padding:12px 6px;border-top:1px solid rgba(18,51,82,.12);font-size:.95rem;text-align:center;color:#0f2010}.leaderboard__cell[data-label]:before{content:none}.leaderboard__cell--rank,.leaderboard__cell--points{font-weight:600}}.watch-page__player{position:relative;width:100%;max-width:100%;aspect-ratio:16 / 9;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#1b5cff59,#0fb2ff40);box-shadow:var(--shadow-soft)}.watch-page__player-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.watch-page__player-frame iframe{width:100%;height:100%;border:0;object-fit:cover}@media (max-width: 768px){.watch-page__player{aspect-ratio:auto;height:240px}}.point-popup{display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(120deg,#0062ff,#00b2ff);color:#fff;padding:16px 22px;border-radius:20px;box-shadow:0 6px 30px #0066ff73;min-width:200px;max-width:300px;font-family:Poppins,sans-serif;animation:popupIn .4s ease,popupOut .6s ease 3.3s forwards;transform-origin:bottom right;will-change:transform,opacity;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.point-popup__value{font-size:clamp(1.1rem,2vw,1.5rem);font-weight:800;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.25)}.point-popup__label{font-size:clamp(.85rem,1.6vw,1rem);font-weight:500;opacity:.95;margin-top:4px}@keyframes popupIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popupOut{to{opacity:0;transform:translateY(10px) scale(.95)}}@media (max-width: 480px){.point-popups{right:50%;transform:translate(50%);bottom:10px;align-items:center}.point-popup{align-items:center;text-align:center;min-width:80%;padding:14px 18px}}body{margin:0;font-family:var(--font-body, "Poppins", "Inter", sans-serif);background:var(--color-background, #0f0c29);color:var(--color-text-main, #ffffff);overflow-x:hidden}button{cursor:pointer;border:none;padding:12px 20px;border-radius:var(--border-radius-pill, 999px);background:linear-gradient(135deg,var(--color-primary, #a020f0),var(--color-secondary, #00eaff));color:inherit;font-weight:600;transition:transform .25s ease,opacity .25s ease}button:hover{transform:translateY(-3px);opacity:.9}