/* Upspark tokens and components. Watch Mode retains its immersive dark surface. */
:root{--navy:#102039;--orange:#ff753d;--gold:#ffc52e;--purple-accent:#8456ff;--purple:#6840d5;--pink:#ff6696;--mint:#ddf5ed;--warm-white:#fffcf8;--bg:var(--warm-white);--panel:#fff;--panel2:#f0eafa;--ink:var(--navy);--sub:#526079;--lime:#6840d5;--edge:#dbe0e6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:12px;--radius:24px;--radius-lg:32px;--shadow:0 10px 32px #10203908;--font-body:'DM Sans',system-ui,sans-serif;--font-heading:'Space Grotesk',var(--font-body);font-family:var(--font-body);background:var(--bg);color:var(--ink)}
body{background:var(--bg)}button,input,textarea,select{font-family:var(--font-body)}a{color:var(--purple)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--purple-accent);outline-offset:4px}button:disabled{opacity:.65}.desktop-shell{max-width:1000px;background:var(--warm-white);box-shadow:none;border:0}.content{padding:24px 32px calc(120px + env(safe-area-inset-bottom))}.topbar{padding:calc(20px + env(safe-area-inset-top)) 32px 16px;border-bottom:1px solid var(--edge)}.up-wordmark{display:inline-flex;align-items:center;gap:2px;color:var(--navy);font-family:var(--font-heading);font-size:29px;font-weight:700;letter-spacing:-1.5px;line-height:1}.up-wordmark img{object-fit:contain;margin-right:1px}.up-spectrum{background:linear-gradient(95deg,#c94a1c 0%,#ba5400 32%,#ce2765 66%,#7142df 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.up-wordmark.on-dark{color:white}.on-dark .up-spectrum{background-image:linear-gradient(95deg,var(--orange),var(--gold),var(--pink),#a784ff)}.avatar{width:44px;height:44px;min-width:44px;background:var(--mint);color:var(--navy);border:0}.up-header-actions{display:flex;gap:12px;align-items:center}.up-header-actions .link-button{font-size:12px}.eyebrow{color:var(--purple);font-size:10px;letter-spacing:1.7px;line-height:1.5}.h1{font-family:var(--font-heading);font-size:clamp(32px,4.6vw,50px);font-weight:700;letter-spacing:-1.8px;line-height:1.07;margin:12px 0 18px;max-width:780px}.h2{font-family:var(--font-heading);font-size:23px;line-height:1.2;letter-spacing:-.6px}.body-copy{font-size:15px;line-height:1.65;max-width:68ch}.tiny,.inset-note{color:var(--sub);font-size:12px;line-height:1.55}.up-purple{color:var(--purple)}.up-orange{color:#c74c1e}.card{border:1px solid var(--edge);border-radius:var(--radius);padding:24px;background:var(--panel);box-shadow:var(--shadow);margin:16px 0}.gradient-card{background:linear-gradient(130deg,var(--mint),#f3f9e7);color:var(--navy)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--navy);color:white;border-radius:16px;padding:14px 20px;min-height:48px;font-size:14px;font-weight:700;line-height:1.3;text-decoration:none}.btn.alt{background:#ede8f7;color:var(--navy)}.btn.ghost{color:var(--navy);background:transparent;border:1px solid #a6adba}.btn.small{min-height:44px;padding:10px 14px}.btn.danger{background:#ffe5e5;color:#8d202c}.btn:hover:not(:disabled){filter:brightness(.96)}.btn.block{display:flex;width:100%}.link-button{color:var(--purple);min-height:44px;line-height:1.3;text-align:left}.pill,.pill.light{background:#f1eafa;color:#5331ab;border:0;font-size:11px;padding:8px 12px}.progress{background:#e4e8ec}.progress>div{background:var(--purple-accent)}.section-title{color:var(--sub);font-size:11px;letter-spacing:1.6px;margin:0 0 18px}.bottomnav{max-width:1000px;background:#fffcf8f5;border-color:var(--edge);padding:8px 20px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -5px 20px #10203905}.navbtn{min-height:52px;border-radius:14px;color:var(--sub);font-size:11px}.navbtn.active{color:var(--purple);background:#eee7ff}.navbtn .ni{font-size:21px}.channel-art{width:44px;height:44px;border-radius:14px;background:var(--mint);color:var(--navy);font-size:16px}.channel-name{font-size:14px}.channel-desc{font-size:12px}.channel{padding:4px 0;margin:14px 0}.input-label{color:var(--navy);font-size:13px}.field{background:white;color:var(--navy);border:1px solid #a9b4c5;border-radius:var(--radius-sm);font-size:16px;min-height:48px}.field::placeholder{color:#66748a}.tab{color:var(--sub);background:white;min-height:44px;padding:10px 16px}.tab.active{background:var(--navy);border-color:var(--navy);color:white}.mini-tabs{margin:20px 0 12px}.listline{font-size:14px;line-height:1.5;gap:16px}.listline span{min-width:0}.empty{color:var(--sub);border-color:#a9b4c5}.toast{background:var(--navy);color:white;box-shadow:var(--shadow)}.chk input{accent-color:var(--purple);width:18px;height:18px}.diagnostic-mark.ok{background:var(--mint);color:#176447}.diagnostic-mark.attention{background:#fff0c4;color:#744800}.stat-big{font-size:40px;color:var(--navy)}.stat-big small{font-size:16px;letter-spacing:0}.up-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.up-stat-grid .card{min-width:0}.up-two-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.up-two-grid .card{margin:0}.up-mint{background:var(--mint)}.up-lilac{background:#f0eafa}.up-peach{background:#fff0e5}.up-welcome{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:24px;padding:26px 0 38px}.up-welcome .h1{font-size:clamp(34px,4.4vw,48px)}.up-welcome-copy .body-copy{max-width:410px;margin-bottom:23px}.up-primary{min-width:196px}.up-session-note{margin-top:14px;font-size:12px;color:var(--sub);line-height:1.5}.up-spark-art{position:relative;min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate}.up-spark-art img{position:relative;width:225px;height:225px;transform:rotate(-8deg)}.up-orbit{position:absolute;inset:24px 0 0;border-radius:60% 45% 45% 40%;background:var(--mint);transform:rotate(10deg);z-index:-1}.up-art-caption{font-size:13px;font-weight:700;transform:rotate(-5deg);margin-bottom:16px}.up-home-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.up-home-grid .card{margin:0}.up-channel-card .section-title{margin:0}.up-channel-card .btn{margin-top:14px}.up-practice-card{background:#f0eafa;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.up-practice-card .body-copy{margin:0}.up-practice-card .btn{margin-top:16px}.up-subject-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#ffdf9a;color:var(--navy);font-family:var(--font-heading);font-size:26px;margin:14px 0}.up-footer-note{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:24px 0 0;color:var(--sub);font-size:12px}.up-practice-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--mint);margin:26px 0}.up-practice-hero .h2{margin-top:22px}.up-practice-hero img{flex:none}.up-result{display:inline-block;font-size:12px;font-weight:600;padding:6px 10px;border-radius:10px}.result-correct{background:var(--mint);color:#176447}.result-review{background:#fff0d0;color:#774b03}.up-practice-line{align-items:flex-start}.up-practice-line .tiny{margin-top:2px}.quiz-shell{max-width:720px;padding:calc(24px + env(safe-area-inset-top)) 32px calc(28px + env(safe-area-inset-bottom))}.quiz-meta{gap:12px;flex-wrap:wrap}.quiz-meta .up-wordmark{font-size:23px}.question{font-family:var(--font-heading);color:var(--navy);line-height:1.22;font-size:clamp(25px,4vw,34px);margin:24px 0}.choice{background:white;border-color:#cbd3df;color:var(--navy);border-radius:16px;min-height:62px;font-size:15px;line-height:1.4}.choice .letter{background:#f0eafa;color:var(--purple);width:32px;height:32px}.choice.right{background:#ddf5ed;border-color:#338165}.choice.wrong{background:#fff0e5;border-color:#bb6037}.choice:disabled{opacity:1}.feedback{background:#e7f6ee;border-color:#78ab96;color:#1d503b;padding:20px}.feedback.wrong{background:#fff2e8;color:#75441f;border-color:#d7a980}.feedback strong[style]{color:#176447!important}.quiz-footer{padding-top:24px}.quiz-footer .btn{min-height:52px}.up-answer-state{margin-left:auto;font-size:11px;font-weight:700;flex:none}.up-about-hero{padding:28px 0 38px}.up-about-hero .h1{font-size:clamp(36px,5.5vw,60px)}.up-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.up-audiences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.up-audiences .card{padding:22px}.up-audiences .h2{font-size:21px}.up-audiences .body-copy{font-size:14px}.up-campaign summary,details.card summary{cursor:pointer;font-weight:700;min-height:30px;line-height:1.5}.up-campaign figure{margin:24px auto;max-width:560px}.up-campaign img{display:block;max-width:100%;height:auto;border-radius:20px}.up-campaign figcaption{color:var(--sub);font-size:12px;margin-top:10px}.up-parent-intro{max-width:700px}.up-parent-intro .h1{font-size:clamp(32px,4vw,43px)}#up-how{scroll-margin-top:20px}.up-about-hero .body-copy{font-size:17px}
/* The player and existing control positions stay quiet and unobstructed. */
.catalog-controls{margin-top:24px}.catalog-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.catalog-filter-row>div{min-width:0}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.catalog-grid .catalog-card{margin:0;display:flex;flex-direction:column;gap:8px;min-width:0}.catalog-card .h2{margin:4px 0;font-size:22px}.catalog-card .tiny{overflow-wrap:anywhere;line-height:1.6}.catalog-tags{display:flex;gap:8px;align-items:center}.catalog-rank,.catalog-start{font-size:11px;font-weight:700;padding:5px 9px;border-radius:20px;background:#f0ebff;color:#5832ad}.catalog-start{background:#ffedb5;color:#654700}.catalog-status{font-size:12px;font-weight:700;margin:4px 0;color:#604494}.catalog-status.approved{color:#176447}.catalog-status.blocked{color:#933a28}.catalog-empty{font-size:12px;line-height:1.5;color:#774b03;background:#fff2d2;border-radius:10px;padding:10px;margin:0}.catalog-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:8px}.catalog-actions .btn{min-height:44px}.catalog-card p{margin-top:0}.catalog-controls .field{min-width:0;width:100%}@media(max-width:650px){.catalog-grid{grid-template-columns:1fr}.catalog-filter-row{grid-template-columns:1fr}.catalog-card .h2{font-size:22px}}
.desktop-shell.yt-immersive{max-width:520px;background:#080d17;color:#f8f9fc;--sub:#bec7d7;--ink:#f8f9fc;--edge:#364154;--lime:#ffc52e}.yt-watch>.row{background:#102039}.yt-watch .eyebrow{color:#e8e5f1;letter-spacing:1.5px}.yt-watch .btn{background:#ffc52e;color:#102039;min-height:44px}.yt-watch .btn.alt{background:#253147;color:#fff}.yt-watch .meter{color:#cbd4e3;font-size:11px;line-height:1.5;padding-bottom:8px}.yt-watch .inset-note{color:#bec7d7}.yt-watch .yt-navigation{background:#102039;padding-top:8px;padding-bottom:8px}.yt-watch .up-watch-brand{display:flex;align-items:center;gap:4px;text-transform:none;font-size:14px;font-weight:700;letter-spacing:-.3px}.up-watch-brand img{height:23px;width:23px}.yt-watch .yt-navigation .btn{min-height:44px}.yt-watch #yt-player-status[hidden]{display:none}
@media(min-width:1000px){body{background:#edf3f0}.desktop-shell:not(.yt-immersive){border-left:1px solid var(--edge);border-right:1px solid var(--edge)}.content{padding-left:44px;padding-right:44px}.topbar{padding-left:44px;padding-right:44px}}
@media(max-width:650px){.content{padding:20px 20px calc(110px + env(safe-area-inset-bottom))}.topbar{padding:calc(15px + env(safe-area-inset-top)) 20px 12px}.up-wordmark{font-size:27px}.up-welcome{grid-template-columns:1fr;gap:0;padding:15px 0 25px}.up-welcome .h1{font-size:37px;max-width:360px}.up-spark-art{display:none}.up-home-grid{grid-template-columns:1fr;gap:18px}.up-practice-card{position:relative;padding-right:76px}.up-practice-card .up-subject-icon{position:absolute;right:18px;top:30px}.card{padding:20px;border-radius:22px}.up-footer-note{display:block;margin-top:20px}.up-footer-note>span{display:block}.up-two-grid{gap:12px}.up-stat-grid{grid-template-columns:1fr 1fr;gap:12px}.up-stat-grid>.card:last-child{grid-column:1/-1}.up-stat-grid .card{margin:0}.up-stat-grid{margin:22px 0}.up-practice-hero img{width:80px;height:100px}.up-practice-hero{gap:8px}.up-audiences{grid-template-columns:1fr;gap:0}.up-audiences .card{margin:8px 0}.quiz-shell{padding-left:20px;padding-right:20px}.up-practice-line{flex-wrap:wrap;gap:8px}.up-answer-state{max-width:85px;white-space:normal}.up-campaign figure{margin-left:0;margin-right:0}.desktop-shell.yt-immersive{max-width:none;width:100%}.bottomnav{padding-left:8px;padding-right:8px}.row{gap:10px}.up-header-actions{gap:8px}}
@media(max-width:360px){.h1,.up-welcome .h1{font-size:32px}.content{padding-left:16px;padding-right:16px}.up-practice-hero img{display:none}.up-two-grid{grid-template-columns:1fr}.up-wordmark{font-size:25px}.up-header-actions .link-button{font-size:11px}.field-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:360px){.topbar{padding-left:12px;padding-right:12px;gap:8px}.up-header-actions{gap:4px}.up-header-actions .btn.small{padding:10px}.up-wordmark img{width:26px}.quiz-shell>.row{flex-wrap:wrap}.row>div{min-width:0}}