:root{--music-navy:#0b2d5b;--music-blue:#1ea7ff;--music-wave:#8ed6ff;--music-light:#e8f6ff;--theme-accent:var(--music-blue);color:#17212b;background:#eef7fd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#e9f7ff,#f6f7f8 360px);min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,.link-button{background:var(--theme-accent,#4f46e5);color:#fff;cursor:pointer;border:0;border-radius:14px;padding:12px 14px;font-weight:850;text-decoration:none;display:inline-block}.practice-shell{width:min(760px,100% - 24px);margin:24px auto}.practice-card,.dashboard-card{background:#fffffff2;border:1px solid #16232e1f;border-radius:28px;padding:24px;box-shadow:0 18px 50px #161f2d17}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--theme-accent,#4f46e5);font-size:11px;font-weight:950}.practice-card h1,.dashboard-head h1{letter-spacing:-.05em;margin:.15em 0;font-size:clamp(38px,8vw,64px);line-height:.98}.intro{color:#667684;font-size:18px;line-height:1.5}.actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.secondary{color:var(--theme-accent,#4f46e5);background:#fff;border:1px solid #16232e21}.start{min-height:54px}.form-grid{gap:14px;display:grid}.form-grid label{gap:6px;font-weight:800;display:grid}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #16232e29;border-radius:14px;width:100%;padding:12px}.theme-world{--accent:var(--theme-accent);--accent2:var(--theme-accent-2);--soft:var(--theme-soft);--ink:var(--theme-ink);--muted:var(--theme-muted);--panel:var(--theme-panel);--line:var(--theme-line);color:var(--ink);isolation:isolate;width:min(980px,100% - 24px);min-height:100vh;margin:20px auto 70px;position:relative}.theme-world:before{content:"";background-image:var(--theme-art);opacity:.13;pointer-events:none;z-index:-2;background-position:110% 30px;background-repeat:no-repeat;background-size:760px;position:fixed;inset:0}.theme-world:after{content:"";pointer-events:none;z-index:-3;background:radial-gradient(circle at 10% 5%,color-mix(in srgb,var(--accent2) 12%,white),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--soft) 72%,white),#f7f8fb 430px);position:fixed;inset:0}.theme-world.postprimary-world:after{background:radial-gradient(circle at 82% 8%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 32%),radial-gradient(circle at 8% 82%,color-mix(in srgb,var(--accent2) 10%,transparent),transparent 28%),#080a0f}.theme-world.postprimary-world:before{opacity:.13;mix-blend-mode:screen}.theme-world .practice-card{background:var(--panel);border-color:var(--line);color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-world.postprimary-world .practice-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 22px 70px #00000061,inset 0 1px #ffffff08}.theme-world.postprimary-world .secondary{color:var(--ink);background:#ffffff0e;border-color:#ffffff1f}.original-theme-hero{width:100%;height:230px;box-shadow:0 23px 48px color-mix(in srgb,var(--accent) 24%,#0000002e);background-image:var(--theme-art);background-position:50%;background-size:cover;border-radius:30px;margin:18px 0 16px}.postprimary-world .original-theme-hero{border-radius:18px;height:190px}.home-head{grid-template-columns:1fr auto;align-items:start;gap:16px;display:grid}.duration-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0;display:grid}.duration-grid button.selected{background:var(--accent);color:#fff}.stars{background:linear-gradient(145deg,var(--accent),var(--accent2));color:#fff;text-align:left;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 18%,transparent);border-radius:18px;align-items:center;gap:8px;padding:12px 15px;display:inline-flex}.stars:hover{transform:translateY(-1px)}.stars:focus-visible{outline:3px solid color-mix(in srgb,var(--accent2) 55%,#fff);outline-offset:3px}.stars strong{font-size:32px}.completion-stars{margin:10px 0 2px}.reward-box:focus{outline:3px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:5px}.theme-quick{color:var(--accent);border:1px solid var(--line);background:#ffffffe0;border-radius:999px;align-items:center;gap:8px;margin:10px 0 2px;padding:10px 14px;font-weight:900;display:inline-flex;box-shadow:0 8px 22px #141e3214}.theme-sheet{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#090e1875;align-items:end;padding:12px;display:grid;position:fixed;inset:0}.theme-sheet-card{background:var(--panel);border:1px solid var(--line);border-radius:30px 30px 22px 22px;width:min(780px,100%);max-height:min(82vh,760px);margin:0 auto;padding:20px;overflow:auto;box-shadow:0 -24px 70px #00000040}.quick-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.quick-theme-pick{aspect-ratio:1.35;text-align:left;border:0;border-radius:22px;padding:0;transition:all .14s;position:relative;overflow:hidden;box-shadow:0 8px 22px #0000001c;background:0 0!important}.quick-theme-pick img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.quick-theme-label{z-index:2;color:#fff;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#070c14b8;border-radius:12px;padding:8px 9px;font-weight:900;line-height:1.1;position:absolute;bottom:9px;left:10px;right:10px}.quick-theme-pick.selected{outline:4px solid var(--accent);outline-offset:2px;transform:translateY(-2px)}.player{text-align:center;flex-direction:column;justify-content:center;min-height:78vh;display:flex}.original-player{isolation:isolate;background:var(--panel);position:relative;overflow:hidden}.player-theme-art{background-image:var(--theme-art);opacity:.22;z-index:-2;filter:saturate(1.08);background-position:50%;background-size:cover;position:absolute;inset:0}.original-player:after{content:"";background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 64%,transparent),var(--panel) 88%);z-index:-1;position:absolute;inset:0}.postprimary-world .player-theme-art{opacity:.28;mix-blend-mode:screen}.timer{color:var(--accent);font-size:clamp(64px,15vw,110px);font-weight:950}.postprimary-world .timer{letter-spacing:-.075em;background:linear-gradient(90deg,#fff,var(--accent2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(70px,16vw,132px);font-weight:750}.item-time{color:var(--accent);font-size:22px;font-weight:900}.progress{background:#dde2e8;border-radius:999px;height:10px;overflow:hidden}.progress i{background:linear-gradient(90deg,var(--accent),var(--accent2));height:100%;display:block}.pause-banner{color:#6c5310;background:#fff3c4;border-radius:16px;margin:12px 0;padding:12px}.practice-pulse{--pulse:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 13%,transparent),color-mix(in srgb,var(--accent2) 16%,transparent));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:22px;justify-content:center;align-items:center;gap:5px;max-width:420px;height:52px;margin:10px auto 6px;padding:8px 12px;display:flex;overflow:hidden}.practice-pulse span{width:5px;min-height:5px;height:calc(5px + (var(--pulse) * 29px));background:linear-gradient(180deg,var(--accent2),var(--accent));border-radius:999px}.tuner-strings{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;display:grid}.tune-result{background:#f7f8fb;border-radius:16px;padding:14px;font-weight:900}.tune-result.good{color:#175a2d;background:#dcf7e4}.tune-result.near{color:#6c5100;background:#fff3c2}.tune-result.low,.tune-result.high,.tune-result.wrong-string{color:#7f3513;background:#ffe8d8}.mic-note{color:#667684;font-size:12px}.mic-meter{background:#dfe5e8;border-radius:999px;max-width:420px;height:10px;margin:12px auto;overflow:hidden}.mic-meter i{background:linear-gradient(90deg,var(--accent),var(--accent2));height:100%;transition:width 80ms;display:block}.player-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.celebrate-layer{z-index:12;pointer-events:none;position:absolute;inset:0;overflow:hidden}.celebrate-word{background:color-mix(in srgb,var(--theme-accent) 88%,#111);color:#fff;letter-spacing:-.02em;z-index:20;border-radius:999px;padding:10px 17px;font-size:clamp(20px,6vw,36px);font-weight:1000;animation:1.25s ease-out forwards celebrateLabel;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 38px #0000003d}@keyframes celebrateLabel{0%{opacity:0;transform:translate(-50%,-50%)scale(.62)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}76%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-58%)scale(.96)}}.cv-burst .cv-piece{font-size:28px;animation:1.25s ease-out forwards cvBurst;position:absolute;top:50%;left:50%}@keyframes cvBurst{0%{opacity:0;transform:translate(-50%,-50%)scale(.15)rotate(0)}15%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1.2) rotate(var(--rot))}}.cv-confetti .cv-piece{top:-12%;left:var(--left);background:var(--pc);width:9px;height:22px;animation:cvRain var(--dur) ease-in forwards;transform:rotate(var(--rot));border-radius:3px;position:absolute}@keyframes cvRain{0%{opacity:0;transform:translateY(-10vh) rotate(var(--rot))}8%{opacity:1}to{opacity:0;transform:translateY(112vh) rotate(calc(var(--rot) + 640deg))}}.cv-fireworks .cv-fire{left:var(--ox);top:var(--oy);background:var(--pc);width:8px;height:8px;box-shadow:0 0 14px var(--pc);border-radius:50%;animation:1.2s ease-out forwards cvFire;position:absolute}@keyframes cvFire{0%{opacity:0;transform:translate(-50%,-50%)scale(.1)}12%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(.3)}}.cv-iconpop .cv-hero-icon{filter:drop-shadow(0 14px 22px #00000040);font-size:clamp(80px,28vw,170px);animation:1.3s cubic-bezier(.18,.84,.25,1) forwards cvIconPop;position:absolute;top:49%;left:50%}@keyframes cvIconPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.1)rotate(-18deg)}23%{opacity:1;transform:translate(-50%,-50%)scale(1.15)rotate(7deg)}68%{opacity:1;transform:translate(-50%,-50%)scale(.95)rotate(-2deg)}to{opacity:0;transform:translate(-50%,-58%)scale(1.25)rotate(8deg)}}.cv-ribbons .cv-ribbon{left:-35%;top:var(--top);background:linear-gradient(90deg,transparent,var(--pc),transparent);width:42%;height:18px;transform:rotate(var(--tilt));border-radius:999px;animation:1.15s ease-in-out forwards cvRibbon;position:absolute}@keyframes cvRibbon{0%{opacity:0;left:-45%}15%{opacity:1}75%{opacity:1}to{opacity:0;left:115%}}.cv-orbit .cv-orbit-ring{width:var(--size);height:var(--size);border:2px solid color-mix(in srgb,var(--theme-accent) 50%,transparent);border-radius:50%;animation:1.35s ease-out forwards cvOrbitRing;position:absolute;top:50%;left:50%}.cv-orbit .cv-orbiter{transform-origin:0 0;animation:cvOrbit var(--dur) linear forwards;font-size:28px;position:absolute;top:50%;left:50%}@keyframes cvOrbitRing{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}30%{opacity:.7}to{opacity:0;transform:translate(-50%,-50%)scale(1.12)}}@keyframes cvOrbit{0%{opacity:0;transform:rotate(var(--start)) translateX(var(--radius)) rotate(calc(-1 * var(--start))) scale(.4)}12%{opacity:1}to{opacity:0;transform:rotate(calc(var(--start) + 520deg)) translateX(var(--radius)) rotate(calc(-1 * (var(--start) + 520deg))) scale(1)}}.cv-rise .cv-piece{bottom:-12%;left:var(--left);font-size:var(--size);animation:cvRise var(--dur) ease-out forwards;position:absolute}@keyframes cvRise{0%{opacity:0;transform:translateY(0)scale(.4)rotate(-10deg)}15%{opacity:1}75%{opacity:1}to{opacity:0;transform:translateY(-112vh) translateX(var(--drift)) scale(1.15) rotate(24deg)}}.cv-lights .cv-beam{top:-18%;left:var(--left);transform-origin:50% 0;width:18%;height:125%;transform:rotate(var(--tilt));background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 58%,transparent),transparent 82%);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);animation:1.25s ease-in-out forwards cvBeam;position:absolute}@keyframes cvBeam{0%{opacity:0;transform:rotate(var(--tilt)) scaleX(.4)}18%{opacity:.8}55%{opacity:.65;transform:rotate(calc(var(--tilt) * -1)) scaleX(1)}to{opacity:0;transform:rotate(var(--tilt)) scaleX(.5)}}.cv-rings .cv-ring{border:5px solid var(--pc);width:74px;height:74px;animation:1.15s ease-out forwards cvRing;animation-delay:var(--delay);border-radius:50%;position:absolute;top:50%;left:50%}@keyframes cvRing{0%{opacity:0;transform:translate(-50%,-50%)scale(.15)}12%{opacity:.85}to{opacity:0;transform:translate(-50%,-50%) scale(var(--scale))}}.cv-meteors .cv-meteor{left:var(--left);background:linear-gradient(180deg,#fff,var(--pc),transparent);width:5px;height:85px;box-shadow:0 0 12px var(--pc);animation:cvMeteor var(--dur) cubic-bezier(.35,.05,.7,.9) forwards;border-radius:999px;position:absolute;top:-22%;transform:rotate(38deg)}@keyframes cvMeteor{0%{opacity:0;transform:translateY(-20vh)rotate(38deg)}10%{opacity:1}to{opacity:0;transform:translate(-42vw,125vh)rotate(38deg)}}.postprimary-world .celebrate-word{text-transform:uppercase;letter-spacing:.08em;border-radius:9px;font-size:clamp(17px,5vw,28px)}.dashboard-shell{width:min(1080px,100% - 32px);margin:36px auto}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metric-grid article,.student-row{background:#fff;border-radius:18px;padding:14px}.student-list{gap:8px;display:grid}.student-row{grid-template-columns:1.2fr .7fr 1fr auto;align-items:center;gap:10px;display:grid}.editor-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.editor-grid label{gap:6px;display:grid}@media (max-width:720px){.theme-world{width:100%;min-height:100svh;margin:0}.practice-shell{width:100%;margin:0}.practice-card{border-radius:0;min-height:100svh;padding:16px}.home-head{align-items:center;gap:10px;display:flex}.original-theme-hero,.postprimary-world .original-theme-hero{border-radius:20px;height:clamp(105px,19svh,155px)}.quick-theme-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}.student-row,.editor-grid{grid-template-columns:1fr}.duration-grid{gap:6px}.original-player,.postprimary-world .original-player{min-height:100svh;border-radius:0!important}.postprimary-world .timer{font-size:clamp(54px,17vw,78px)}}@media (prefers-reduced-motion:reduce){.celebrate-layer{display:none!important}}.preview-mode{padding-top:76px!important}.preview-mode:before{content:"Tutor preview · read-only · no pupil activity will be recorded";z-index:90;color:#fff;text-align:center;letter-spacing:.02em;background:#172554;padding:14px 20px;font-weight:800;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 16px #0f172a33}.parent-dashboard{gap:20px;display:grid}.parent-overview-card{min-height:auto}.parent-child-card{min-height:0;padding:24px;overflow:hidden}.parent-child-card .parent-child-heading h1{margin:.1em 0 .25em;font-size:clamp(34px,7vw,52px)}.parent-child-card .parent-theme-hero{height:190px;margin:4px 0 18px}.parent-panel{background:color-mix(in srgb,var(--panel) 88%,white);border:1px solid var(--line);border-radius:20px;margin-top:14px;padding:18px;box-shadow:0 10px 28px #17212b0d}.parent-panel h2{margin:4px 0 8px;font-size:clamp(20px,4vw,27px);line-height:1.18}.parent-panel p{color:var(--muted);margin:6px 0;line-height:1.45}.parent-panel small{color:var(--muted);margin-top:5px;line-height:1.4;display:block}.parent-learning h2{font-size:clamp(21px,4vw,29px)}.parent-section-title{margin:28px 2px 4px}.parent-section-title h2{margin:3px 0;font-size:clamp(26px,5vw,36px)}.parent-field{gap:7px;min-width:0;font-weight:850;display:grid}.parent-field span{color:var(--ink);font-size:14px}.parent-field input,.parent-field select,.parent-option select{border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);color:#17212b;width:100%;min-width:0;min-height:48px;font:inherit;background:#fff;border-radius:12px;padding:10px 12px}.parent-duration{grid-template-columns:minmax(180px,260px) 1fr;align-items:end;gap:18px;display:grid}.parent-duration p{margin:0 0 12px}.parent-reward-list{gap:12px;margin-top:16px;display:grid}.parent-reward-row{background:color-mix(in srgb,var(--soft) 45%,white);border:1px solid var(--line);border-radius:16px;grid-template-columns:minmax(0,1fr) 130px auto;align-items:end;gap:10px;padding:14px;display:grid}.parent-remove-reward{min-height:48px}.parent-reward-actions,.parent-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.parent-reward-actions button,.parent-actions button{min-height:50px}.parent-reward-actions button:last-child,.parent-practice-link{flex:1}.parent-empty{border:1px dashed var(--line);border-radius:14px;padding:12px}.parent-options{padding:6px 18px}.parent-options h2{padding:12px 0 4px}.parent-option{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:16px;padding:15px 0;display:grid}.parent-option span{gap:4px;display:grid}.parent-option strong{line-height:1.3}.parent-option small{margin:0}.parent-actions{padding-top:4px}.parent-practice-link{font-size:17px}.parent-message{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 13px}@media (max-width:720px){.parent-dashboard{background:#f4f5fb;gap:12px}.parent-overview-card{min-height:auto;padding:18px}.parent-child-card{padding:16px 16px 24px;min-height:0!important}.parent-child-card .parent-theme-hero{border-radius:18px;height:132px;margin:2px 0 14px}.parent-panel{border-radius:17px;padding:15px}.parent-duration{grid-template-columns:1fr;gap:4px}.parent-duration p{margin:0}.parent-reward-row{grid-template-columns:minmax(0,1fr) 108px}.parent-remove-reward{grid-column:1/-1}.parent-reward-actions{grid-template-columns:1fr;display:grid}.parent-reward-actions button,.parent-actions button{width:100%}.parent-option{grid-template-columns:minmax(0,1fr) 82px;gap:12px}.parent-section-title{margin-top:24px}}.parent-appearance-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}@media (max-width:520px){.parent-appearance-grid{grid-template-columns:1fr}}.parent-time-options{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.parent-time-options button{min-height:48px}.parent-time-options button.selected{background:var(--theme-accent,#4f46e5);color:#fff}.assigned-duration{background:color-mix(in srgb,var(--theme-accent) 10%,white);border:1px solid var(--theme-line,#16232e1f);border-radius:16px;justify-content:space-between;align-items:center;gap:14px;margin:14px 0;padding:13px 15px;display:flex}.assigned-duration span{color:var(--theme-muted,#667684);font-size:14px;font-weight:800}.assigned-duration strong{color:var(--theme-accent,#4f46e5);font-size:18px}.music-brand{max-width:100%;color:var(--music-blue);align-items:center;gap:8px;line-height:1;display:inline-flex}.music-brand-horizontal{flex-wrap:nowrap}.music-brand-mark{flex:none;width:62px;height:30px;overflow:visible}.music-brand-word{letter-spacing:-.055em;white-space:nowrap;align-items:baseline;font-size:24px;font-weight:950;display:inline-flex}.music-brand-does{color:var(--music-navy)}.music-brand-ly{color:var(--music-blue)}.music-brand-divider{background:color-mix(in srgb,var(--music-navy) 45%,transparent);width:1px;height:25px;margin:0 4px}.music-brand-product{color:var(--music-navy);letter-spacing:.28em;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:950}.music-brand-tagline{display:none}.music-brand-compact{gap:6px}.music-brand-compact .music-brand-mark{width:48px;height:24px}.music-brand-compact .music-brand-word{font-size:19px}.music-brand-compact .music-brand-divider{height:20px;margin:0 2px}.music-brand-compact .music-brand-product{letter-spacing:.2em;font-size:9px}.brand-card-mark.music-brand{display:flex}@media (max-width:520px){.music-brand{gap:6px}.music-brand-mark{width:48px;height:24px}.music-brand-word{font-size:20px}.music-brand-divider{height:21px;margin:0 2px}.music-brand-product{letter-spacing:.18em;font-size:9px}}.tutor-nav .music-brand-does{color:#fff}.tutor-nav .music-brand-ly,.tutor-nav .music-brand-mark{color:#47b8ff}.tutor-nav .music-brand-product{color:#fff}.tutor-nav .music-brand-divider{background:#ffffff5c}.dashboard-head .dashboard-brand{color:#8ed6ff;margin-bottom:10px}.dashboard-head .dashboard-brand .music-brand-does{color:#fff}.dashboard-head .dashboard-brand .music-brand-ly{color:#8ed6ff}.dashboard-head .dashboard-brand .music-brand-product{color:#fff}.dashboard-head .dashboard-brand .music-brand-divider{background:#ffffff57}.music-brand{max-width:100%;line-height:0;display:block}.music-brand-art{object-fit:contain;width:min(440px,100%);max-width:100%;height:auto;display:block}.music-brand-compact .music-brand-art{width:200px}.brand-card-mark{margin-bottom:16px}.brand-card-mark .music-brand-art{width:min(440px,100%)}.tutor-nav .tutor-nav-brand{background:#fff;border:1px solid #ffffff4a;border-radius:13px;justify-content:center;align-items:center;width:174px;height:54px;padding:2px 4px;display:flex;overflow:hidden;box-shadow:0 6px 18px #001a3a2b}.tutor-nav .tutor-nav-brand .music-brand-art{object-fit:contain;transform-origin:50%;width:100%;height:100%;transform:scale(1.32)}.dashboard-head .dashboard-brand{background:#fff;border-radius:14px;margin-bottom:10px;padding:7px 10px;box-shadow:0 8px 24px #001a3a26}.dashboard-head .dashboard-brand .music-brand-art{width:420px}.pupil-home-brand{margin:0 0 8px}@media (max-width:520px){.music-brand-art{width:min(330px,100%)}.music-brand-compact .music-brand-art{width:170px}.brand-card-mark .music-brand-art{width:min(340px,100%)}.tutor-nav .tutor-nav-brand{width:150px;height:48px;padding:2px 4px}.tutor-nav .tutor-nav-brand .music-brand-art{width:100%;height:100%;transform:scale(1.28)}.dashboard-head .dashboard-brand .music-brand-art{width:min(360px,100%)}}
.theme-world.preview-mode:before{content:"Tutor preview · read-only · no pupil activity will be recorded";z-index:90;color:#fff;text-align:center;letter-spacing:.02em;pointer-events:none;padding:14px 20px;font-weight:800;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 16px #0f172a33;background:#172554!important;background-position:initial!important;opacity:1!important;mix-blend-mode:normal!important;background-repeat:no-repeat!important;background-size:auto!important;height:auto!important;bottom:auto!important}:is(.original-player:has(.celebrate-layer) .item-time,.original-player:has(.celebrate-layer) .kind){visibility:hidden}
:root{--adult-navy:#0b2d5b;--adult-indigo:#1677c8;--adult-violet:#1ea7ff;--adult-ink:#17212b;--adult-muted:#667684;--adult-line:#dfe3ee;--adult-panel:#fff;--adult-soft:#edf8ff;--adult-success:#0f766e}.tutor-nav{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:none;background:#0b2d5bf7;align-items:center;gap:7px;padding:11px max(16px,50vw - 540px);display:flex;position:sticky;top:0;overflow-x:auto;box-shadow:0 10px 30px #0f172a29}.tutor-nav::-webkit-scrollbar{display:none}.tutor-nav-brand{color:#fff;letter-spacing:-.025em;white-space:nowrap;margin-right:auto;padding:8px 12px 8px 0;font-weight:950}.tutor-nav a{color:#e5f4ff;background:0 0;border:1px solid #ffffff29;border-radius:999px;flex:none;padding:9px 13px;font-size:14px;font-weight:800;text-decoration:none;transition:background .16s,color .16s,transform .16s}.tutor-nav a:hover,.tutor-nav a:focus-visible{color:#fff;background:#ffffff21;outline:none;transform:translateY(-1px)}.dashboard-shell{width:min(1120px,100% - 32px);color:var(--adult-ink);margin:34px auto 72px}.dashboard-head{color:#fff;background:radial-gradient(circle at 88% 15%,#8ed6ff57,transparent 28%), linear-gradient(135deg,var(--adult-navy),#135f9f 58%,var(--adult-violet));border-radius:28px;justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 60px #1e295b33}.dashboard-head:after{content:"♪";color:#ffffff17;pointer-events:none;font-size:150px;font-weight:900;position:absolute;bottom:-32px;right:30px;transform:rotate(-8deg)}.dashboard-head>div{z-index:1;max-width:790px;position:relative}.dashboard-head .eyebrow{color:#8ed6ff}.dashboard-head h1{color:#fff;letter-spacing:-.055em;margin:.18em 0;font-size:clamp(38px,6vw,66px);line-height:.98}.dashboard-head p:not(.eyebrow){color:#e5f4ff;max-width:720px;font-size:17px;line-height:1.55}.dashboard-head .secondary{z-index:2;color:#fff;background:#ffffff1c;border-color:#ffffff40;position:relative}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.metric-grid article{background:linear-gradient(155deg,#fff,#f2f9ff);border:1px solid #1677c821;border-radius:22px;flex-direction:column;justify-content:space-between;gap:12px;min-height:116px;padding:18px 20px;display:flex;box-shadow:0 12px 32px #17212b14}.metric-grid span{color:var(--adult-muted);letter-spacing:.02em;font-size:13px;font-weight:850}.metric-grid strong{color:var(--adult-navy);font-size:34px;line-height:1}.dashboard-card{background:#fffffff5;border:1px solid #1677c81f;border-radius:24px;padding:26px;box-shadow:0 15px 42px #17212b16}.dashboard-card h2{color:var(--adult-navy);letter-spacing:-.025em;margin:.25em 0 .45em;font-size:clamp(22px,3vw,30px);line-height:1.15}.dashboard-card h3{color:var(--adult-navy);margin-top:24px}.dashboard-card p{line-height:1.55}.dashboard-card .intro{font-size:16px}.dashboard-shell .eyebrow{color:var(--adult-violet);letter-spacing:.15em;margin:0 0 10px;font-size:11px;font-weight:950}.dashboard-shell button,.dashboard-shell .link-button{background:linear-gradient(135deg,var(--adult-navy),var(--adult-indigo));border-radius:13px;min-height:44px;padding:11px 16px;transition:transform .14s,box-shadow .14s;box-shadow:0 7px 18px #1677c82e}.dashboard-shell button:hover,.dashboard-shell .link-button:hover{transform:translateY(-1px);box-shadow:0 10px 25px #1677c840}.dashboard-shell .secondary{color:var(--adult-indigo);box-shadow:none;background:#fff;border:1px solid #1677c838}.dashboard-shell label{color:#334155;font-size:14px;font-weight:850}.dashboard-shell input:not([type=checkbox]):not([type=file]),.dashboard-shell select,.dashboard-shell textarea{width:100%;min-height:45px;color:var(--adult-ink);background:#fbfcff;border:1px solid #cfd5e3;border-radius:12px;outline:none;margin-top:7px;padding:11px 13px;transition:border-color .15s,box-shadow .15s,background .15s}.dashboard-shell textarea{resize:vertical;line-height:1.45}.dashboard-shell input:focus,.dashboard-shell select:focus,.dashboard-shell textarea:focus{border-color:var(--adult-indigo);background:#fff;box-shadow:0 0 0 4px #1ea7ff1f}.dashboard-shell input[type=file]{width:100%;color:var(--adult-muted);background:#f8fafc;border:1px dashed #aeb7cb;border-radius:14px;margin-top:14px;padding:10px;display:block}.dashboard-shell input[type=file]::file-selector-button{color:var(--adult-indigo);background:#fff;border:1px solid #c7d2fe;border-radius:9px;margin-right:12px;padding:9px 12px;font-weight:850}.dashboard-shell table{border-collapse:separate;border-spacing:0 7px}.dashboard-shell th{color:var(--adult-muted);text-transform:uppercase;letter-spacing:.08em;text-align:left;padding:7px 12px;font-size:11px}.dashboard-shell td{background:#f8fafc;border-top:1px solid #edf0f6;border-bottom:1px solid #edf0f6;padding:12px}.dashboard-shell td:first-child{border-left:1px solid #edf0f6;border-radius:12px 0 0 12px}.dashboard-shell td:last-child{border-right:1px solid #edf0f6;border-radius:0 12px 12px 0}.student-list{gap:9px;display:grid}.student-row{background:#f8fafc;border:1px solid #edf0f6;border-radius:15px;grid-template-columns:1.2fr .8fr 1fr auto;align-items:center;gap:14px;padding:15px 16px;display:grid}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.dashboard-shell .mic-note{color:var(--adult-muted);font-size:13px;line-height:1.45}.repertoire-save-panel{background:#f8fafc;border:2px solid #dbe2ee;border-radius:18px;margin-top:24px;padding:18px 20px}.repertoire-save-panel.unsaved{background:#faf5ff;border-color:#8b5cf6;box-shadow:0 10px 28px #7c3aed1a}.repertoire-save-panel .actions button{min-height:54px;padding:14px 24px;font-size:17px}.repertoire-save-confirmation{color:var(--adult-success);background:#ecfdf5;border:1px solid #a7f3d0;border-radius:14px;margin-top:14px;padding:14px 16px;font-size:16px;line-height:1.45}.dashboard-shell .reward-box{background:linear-gradient(135deg,#eef2ff,#faf5ff);border:1px solid #ddd6fe;border-radius:16px;margin:16px 0;padding:16px 18px}@media (max-width:760px){.tutor-nav{justify-content:flex-start;padding:9px 12px}.tutor-nav-brand{display:none}.tutor-nav a{padding:8px 11px;font-size:13px}.dashboard-shell{width:min(100% - 20px,1120px);margin:14px auto 44px}.dashboard-head{border-radius:22px;padding:24px 20px}.dashboard-head h1{font-size:clamp(34px,11vw,50px)}.dashboard-head p:not(.eyebrow){font-size:15px}.dashboard-head:after{font-size:110px;right:12px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-grid article{border-radius:17px;min-height:94px;padding:14px}.metric-grid strong{font-size:28px}.dashboard-card{border-radius:20px;padding:20px 17px}.editor-grid,.student-row{grid-template-columns:1fr}.dashboard-shell table{min-width:650px}}@media (prefers-reduced-motion:reduce){.tutor-nav a,.dashboard-shell button,.dashboard-shell .link-button{transition:none}}.video-library{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;margin-top:16px;display:grid}.video-library ul{margin:8px 0 16px;padding:0;list-style:none}.video-library li+li{margin-top:6px}.video-library button[aria-pressed]{white-space:normal}.video-library li>button{text-align:left;width:100%}.video-library small{color:var(--adult-muted);display:block}.video-library button[aria-pressed=true]{outline:2px solid var(--adult-indigo);outline-offset:-2px}.video-library input[type=file]{min-width:0;max-width:100%}.tutor-nav a[aria-current=page]{background:#ffffff2b}@media (max-width:760px){.video-library{grid-template-columns:1fr}.tutor-nav-with-videos{flex-wrap:wrap}.tutor-nav-with-videos .tutor-nav-brand{display:none}}