:root{color:#17212b;background:#eef0ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#e8ebff,#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;border-radius:18px;align-items:center;gap:8px;padding:12px 15px;display:inline-flex}.stars strong{font-size:32px}.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}
.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:#172554;--adult-indigo:#4f46e5;--adult-violet:#7c3aed;--adult-ink:#17212b;--adult-muted:#667684;--adult-line:#dfe3ee;--adult-panel:#fff;--adult-soft:#f5f3ff;--adult-success:#0f766e}.tutor-nav{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:none;background:#172554f5;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:#e0e7ff;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%,#c4b5fd57,transparent 28%), linear-gradient(135deg,var(--adult-navy),#312e81 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:#c4b5fd}.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:#e0e7ff;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,#f8f7ff);border:1px solid #4f46e51f;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 #4f46e51c;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-indigo),var(--adult-violet));border-radius:13px;min-height:44px;padding:11px 16px;transition:transform .14s,box-shadow .14s;box-shadow:0 7px 18px #4f46e52e}.dashboard-shell button:hover,.dashboard-shell .link-button:hover{transform:translateY(-1px);box-shadow:0 10px 25px #4f46e540}.dashboard-shell .secondary{color:var(--adult-indigo);box-shadow:none;background:#fff;border:1px solid #4f46e533}.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 #4f46e51c}.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}.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}}