:root{--bg:#f7f3ec;--card:#fff;--ink:#15171f;--ink-2:#5a5f6e;--line:#e4ded3;--brand:#0e7c7b;--brand-2:#0a5f5e;--brand-tint:#ddf1ef;--sun:#ff6b35;--sun-tint:#ffe7dc;--green:#22a06b;--yellow:#f2b705;--red:#e5484d;--grey:#cfc9be;--display:"Bricolage Grotesque", system-ui, sans-serif;--body:"Atkinson Hyperlegible", system-ui, sans-serif;--r:16px;--r-sm:10px;--shadow:0 1px 0 #15171f0a, 0 6px 18px #15171f0f}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:400 17px/1.5 var(--body);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--brand)}:focus-visible{outline:3px solid var(--sun);outline-offset:2px}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;margin:0 0 .45em;font-weight:700;line-height:1.1}h1{font-size:1.9rem}h2{font-size:1.45rem}h3{font-size:1.15rem}p{margin:0 0 .9em}.muted{color:var(--ink-2)}.small{font-size:.88rem}.tiny{font-size:.78rem}.num{font-variant-numeric:tabular-nums}.shell{max-width:640px;padding:max(18px, env(safe-area-inset-top)) 18px calc(96px + env(safe-area-inset-bottom));margin:0 auto}.shell.wide{max-width:1100px}.card{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);margin-bottom:14px;padding:18px}.card.flat{box-shadow:none;border:1px solid var(--line)}.card.brand{background:var(--brand);color:#fff}.card.sun{background:var(--sun-tint)}.card.alert{box-shadow:inset 0 0 0 2px var(--red)}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.row.start{justify-content:flex-start}.wrap{flex-wrap:wrap}.stack>*+*{margin-top:10px}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.tile{background:var(--card);border-radius:var(--r-sm);box-shadow:var(--shadow);padding:12px 14px}.tile b{font-family:var(--display);font-size:1.5rem;line-height:1.1;display:block}.tile span{color:var(--ink-2);font-size:.8rem}.btn{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:14px 22px;font-size:1.02rem;font-weight:700;text-decoration:none;transition:transform 80ms,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:hover{background:var(--brand-2)}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn.big{min-height:64px;padding:16px 28px;font-size:1.2rem}.btn.block{width:100%}.btn.sun{background:var(--sun)}.btn.sun:hover{background:#e8582a}.btn.ghost{color:var(--brand);box-shadow:inset 0 0 0 2px var(--brand);background:0 0}.btn.quiet{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);font-weight:400}.linkish{color:var(--ink-2);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:.88rem;text-decoration:underline}.iconbtn.sm{width:38px;height:38px;font-size:1rem}.shell.has-help{padding-top:calc(max(18px, env(safe-area-inset-top)) + 40px)}.helpbar{top:max(10px, env(safe-area-inset-top));z-index:12;gap:6px;display:flex;position:fixed;right:12px}.suggest{background:var(--brand-tint);border-radius:12px;margin:6px 0 10px;padding:10px 12px}.suggest .es{font-size:1.1rem;font-weight:700}.retry{background:var(--sun-tint);border-radius:var(--r);margin-top:8px;padding:12px 14px}.iconbtn{background:var(--card);width:44px;height:44px;box-shadow:var(--shadow);cursor:pointer;border:0;border-radius:50%;place-items:center;font-size:1.15rem;display:inline-grid}.hero{grid-template-columns:auto 1fr;align-items:center;gap:18px;margin:6px 0 18px;display:grid}.ring{place-items:center;display:grid;position:relative}.ring svg{transform:rotate(-90deg)}.ring .center{text-align:center;position:absolute}.ring .pct{font-family:var(--display);letter-spacing:-.02em;font-size:2.2rem;font-weight:800;line-height:1}.ring .lab{color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.delta-up{color:var(--green);font-weight:700}.delta-down{color:var(--red);font-weight:700}.meter{background:linear-gradient(90deg,#e9e3d8,#e9e3d8);border-radius:999px;height:14px;margin:22px 0 26px;position:relative;overflow:visible}.meter .fill{background:linear-gradient(90deg, var(--brand), #19a7a5);border-radius:999px;position:absolute;inset:0 auto 0 0}.meter .mark{color:var(--ink-2);white-space:nowrap;font-size:.68rem;position:absolute;top:-18px;transform:translate(-50%)}.meter .mark:after{content:"";background:#15171f2e;width:2px;height:18px;position:absolute;top:16px;left:50%}.meter .you{background:var(--sun);width:26px;height:26px;box-shadow:var(--shadow);border:3px solid #fff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.sprints{gap:8px;margin:10px 0 16px;display:grid}.seg{background:#e9e3d8;border-radius:999px;height:16px;overflow:hidden}.seg>div{background:var(--brand);border-radius:999px;height:100%;transition:width .6s}.seg.done>div{background:var(--green)}.skill{grid-template-columns:96px 1fr 76px;align-items:center;gap:10px;padding:7px 0;display:grid}.bar{background:#eee8dd;border-radius:999px;height:12px;overflow:hidden}.bar>div{background:var(--brand);border-radius:999px;height:100%}.skill .lv{text-align:right;color:var(--ink-2);font-size:.82rem}.nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:10;background:#fffffff5;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav a{text-align:center;max-width:130px;color:var(--ink-2);flex:1;padding:10px 2px 12px;font-size:.74rem;text-decoration:none}.nav a .ic{font-size:1.3rem;line-height:1.3;display:block}.nav a.active{color:var(--brand);font-weight:700}.sprint-top{z-index:6;background:var(--bg);grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:8px 0 10px;display:grid;position:sticky;top:0}.beats{align-items:center;gap:5px;display:flex}.beats i{background:#e2dbcf;border-radius:999px;flex:1;height:8px}.beats i.done{background:var(--brand)}.beats i.now{background:var(--sun)}.sprint-meta{color:var(--ink-2);justify-content:space-between;margin-top:6px;font-size:.8rem;display:flex}.combo{font-family:var(--display);color:var(--sun);text-align:right;min-width:56px;font-size:1.05rem;font-weight:800}.combo.pop{animation:.35s pop}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.45)}to{transform:scale(1)}}.paused{color:var(--red);font-weight:700}.tutor{grid-template-columns:52px 1fr;align-items:start;gap:10px;margin:6px 0 14px;display:grid}.avatar{background:var(--brand);color:#fff;width:52px;height:52px;font-family:var(--display);border-radius:50%;place-items:center;font-size:1.25rem;font-weight:800;display:grid;position:relative}.avatar.listening{background:var(--green)}.avatar.listening:after{content:"";border:3px solid var(--green);border-radius:50%;animation:1.2s infinite pulse;position:absolute;inset:-5px}.avatar.thinking{animation:.8s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-4px)}}.mood{text-align:center;color:var(--ink-2);min-height:1em;margin-top:3px;font-size:.66rem}.hw.mid{-webkit-text-decoration:underline wavy var(--yellow);text-decoration:underline wavy var(--yellow);text-underline-offset:3px}.hw.low{-webkit-text-decoration:underline wavy var(--red);text-decoration:underline wavy var(--red);text-underline-offset:3px}.msg.me .hw.mid,.msg.me .hw.low{text-decoration-color:#fff}.echo-words{margin:8px 0;font-size:1.5rem;font-weight:700;line-height:1.5}.echo-words .ok{color:var(--green)}.echo-words .miss{color:var(--red);text-underline-offset:4px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.echo-words .soft{color:#b8860b}.avatar.talking:after{content:"";border:3px solid var(--sun);border-radius:50%;animation:1s infinite pulse;position:absolute;inset:-5px}@keyframes pulse{0%{opacity:1;transform:scale(.95)}to{opacity:0;transform:scale(1.18)}}.bubble{background:var(--card);border-radius:4px var(--r) var(--r) var(--r);box-shadow:var(--shadow);padding:12px 14px}.bubble .es{font-size:1.18rem;font-weight:700;line-height:1.35}.bubble .en{color:var(--ink-2);margin-top:6px;font-size:.92rem}.bubble .tools{gap:14px;margin-top:6px;display:flex}.bubble .tools button{color:var(--brand);cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:.85rem;font-weight:700}.beat-title{align-items:center;gap:10px;margin:2px 0 12px;display:flex}.beat-title .ic{font-size:1.7rem}.beat-title h2{margin:0}.lesson h3{font-size:1.35rem}.lesson .rule{font-size:1.02rem}.pattern{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1.5px var(--line);grid-template-columns:auto 1fr;gap:0;margin:12px 0;display:grid;overflow:hidden}.pattern div{border-top:1px solid var(--line);padding:9px 12px}.pattern div:nth-child(-n+2){border-top:0}.pattern .k{background:var(--brand-tint);color:var(--brand-2);font-weight:700}.pattern .v{font-size:1.05rem;font-weight:700}.ex{border-top:1px dashed var(--line);padding:8px 0}.ex .es{font-weight:700}.ex .en{color:var(--ink-2);font-size:.9rem}.watch{background:var(--sun-tint);border-radius:var(--r-sm);margin-top:10px;padding:10px 12px;font-size:.95rem}.prompt-en{color:var(--ink-2);margin-bottom:6px;font-size:.95rem}.prompt-es{margin:4px 0 16px;font-size:1.45rem;font-weight:700;line-height:1.3}.prompt-es .blank{border-bottom:3px solid var(--sun);min-width:70px;display:inline-block}.big-word{font-family:var(--display);text-align:center;margin:6px 0;font-size:2.4rem;font-weight:800;line-height:1.1}.emoji{text-align:center;font-size:3.2rem;line-height:1.2}.options{gap:10px;display:grid}.opt{text-align:left;background:var(--card);cursor:pointer;width:100%;min-height:56px;box-shadow:inset 0 0 0 2px var(--line);border:0;border-radius:14px;padding:15px 16px;font-size:1.08rem;transition:box-shadow .12s,background .12s,transform 80ms}.opt:active:not(:disabled){transform:scale(.98)}.opt:hover:not(:disabled){box-shadow:inset 0 0 0 2px var(--brand)}.opt.right{box-shadow:inset 0 0 0 2.5px var(--green);background:#e3f6ec}.opt.wrong{box-shadow:inset 0 0 0 2.5px var(--red);background:#fde8e8}.opt:disabled{cursor:default}.feedback{border-radius:var(--r);margin:14px 0 6px;padding:14px 16px;font-size:1rem}.feedback.ok{background:#e3f6ec}.feedback.bad{background:#fde8e8}.feedback .head{font-family:var(--display);font-size:1.2rem;font-weight:800}.feedback .fix{font-size:1.1rem;font-weight:700}.field{background:var(--card);width:100%;min-height:52px;box-shadow:inset 0 0 0 2px var(--line);border:0;border-radius:12px;padding:14px;font-size:1.1rem}.field:focus{box-shadow:inset 0 0 0 2.5px var(--brand);outline:none}textarea.field{resize:vertical;min-height:140px;line-height:1.5}.accents{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.accents button{background:var(--card);min-width:40px;height:40px;box-shadow:inset 0 0 0 1.5px var(--line);cursor:pointer;border:0;border-radius:10px;font-weight:700}.tiles{background:var(--card);min-height:52px;box-shadow:inset 0 0 0 2px var(--line);border-radius:12px;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:10px;display:flex}.tiles.pool{box-shadow:none;background:0 0;padding:0}.tilebtn{background:var(--brand-tint);color:var(--brand-2);cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-size:1.05rem;font-weight:700}.tiles.pool .tilebtn{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 2px var(--line)}.hold{position:relative;overflow:hidden}.hold .fillbar{background:#ffffff40;transition:width linear;position:absolute;inset:0 auto 0 0}.mic-wrap{place-items:center;gap:8px;margin:14px 0;display:grid}.mic{background:var(--sun);color:#fff;cursor:pointer;border:0;border-radius:50%;width:88px;height:88px;font-size:2.1rem;position:relative;box-shadow:0 8px 22px #ff6b3559}.mic.rec{background:var(--red);animation:1.2s ease-in-out infinite breathe}.mic:disabled{opacity:.5}@keyframes breathe{0%,to{box-shadow:0 0 #e5484d73}50%{box-shadow:0 0 0 16px #e5484d00}}.wave{align-items:center;gap:3px;height:28px;display:flex}.wave i{background:var(--red);border-radius:2px;width:4px;transition:height 80ms}.chat{gap:8px;margin:8px 0 12px;display:grid}.msg{border-radius:16px;max-width:86%;padding:10px 13px;font-size:1rem}.msg.me{background:var(--brand);color:#fff;border-bottom-right-radius:4px;justify-self:end}.msg.tu{background:var(--card);box-shadow:var(--shadow);border-bottom-left-radius:4px;justify-self:start}.msg .en{color:var(--ink-2);margin-top:4px;font-size:.85rem;display:block}.fix-card{background:var(--sun-tint);border-radius:12px;padding:10px 12px;font-size:.95rem}.fix-card s{color:var(--red)}.fix-card b{color:var(--green)}.scenario{background:var(--brand-tint);border-radius:var(--r);margin-bottom:12px;padding:14px}.chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.chip{background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.88rem;display:inline-flex}.chip button{all:unset;cursor:pointer}.reading{white-space:pre-wrap;font-size:1.12rem;line-height:1.65}.gloss{border-bottom:2px dotted var(--sun);cursor:pointer}.player{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);align-items:center;gap:12px;margin-bottom:12px;padding:14px;display:flex}.player .play{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:50%;width:64px;height:64px;font-size:1.6rem}.transcript .ln{border-top:1px dashed var(--line);padding:6px 0}.wrapup{text-align:center}.wrapup .bigdelta{font-family:var(--display);color:var(--green);font-size:3.2rem;font-weight:800;line-height:1}.confetti{pointer-events:none;z-index:30;position:fixed;inset:0;overflow:hidden}.confetti i{border-radius:2px;width:9px;height:14px;animation:1.6s ease-in forwards fall;position:absolute;top:-12px}@keyframes fall{to{opacity:.8;transform:translateY(105vh)rotate(540deg)}}.flash-ok{animation:.5s flashok}@keyframes flashok{0%{box-shadow:0 0 #22a06b99}to{box-shadow:0 0 0 18px #22a06b00}}.map{gap:14px;display:grid}.map-level h3{justify-content:space-between;align-items:baseline;display:flex}.map-area{margin:6px 0 10px}.map-area .lab{color:var(--ink-2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:.76rem}.cells{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;display:grid}.cell{cursor:pointer;text-align:left;border:0;border-radius:10px;align-items:flex-end;min-height:54px;padding:6px 8px;font-size:.74rem;font-weight:700;line-height:1.2;display:flex;position:relative}.cell.grey{color:var(--ink-2);background:#e3ded4}.cell.red{background:var(--red);color:#fff}.cell.yellow{background:var(--yellow);color:#3d2e00}.cell.green{background:var(--green);color:#fff}.cell.sel{outline:3px solid var(--ink);outline-offset:2px}.cell.pin:after{content:"📌";font-size:.8rem;position:absolute;top:-8px;right:-6px}.legend{color:var(--ink-2);flex-wrap:wrap;gap:12px;font-size:.8rem;display:flex}.legend i{vertical-align:-2px;border-radius:4px;width:12px;height:12px;margin-right:4px;display:inline-block}.sheet{z-index:25;background:var(--card);padding:18px 18px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;max-width:640px;margin:0 auto;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #00000026}.scrim{z-index:24;background:#15171f59;position:fixed;inset:0}table.data{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9rem}table.data td,table.data th{border-bottom:1px solid var(--line);text-align:left;padding:8px 6px}table.data th{color:var(--ink-2);font-weight:700}.st-complete{color:var(--green);font-weight:700}.st-missed{color:var(--red);font-weight:700}.st-excused{color:var(--ink-2)}.cal{grid-template-rows:repeat(7,auto);grid-template-columns:repeat(12,1fr);grid-auto-flow:column;gap:4px;max-width:360px;display:grid}.cal i{aspect-ratio:1;background:#e9e3d8;border-radius:5px}.cal i.complete{background:var(--green)}.cal i.missed{background:var(--red)}.cal i.excused{background:var(--grey)}.cal i.today{box-shadow:inset 0 0 0 2px var(--brand)}.chart{width:100%;height:150px;display:block}.toast{left:50%;bottom:calc(86px + env(safe-area-inset-bottom));background:var(--ink);color:#fff;z-index:40;border-radius:12px;max-width:92vw;padding:11px 16px;font-size:.92rem;position:fixed;transform:translate(-50%)}.center-screen{flex-direction:column;justify-content:center;min-height:82vh;display:flex}.brandmark{font-family:var(--display);letter-spacing:-.03em;margin-bottom:10px;font-size:2.8rem;font-weight:800;line-height:1}.brandmark span{color:var(--sun)}label.lab{color:var(--ink-2);margin:12px 0 4px;font-size:.85rem;display:block}.pill{background:var(--brand-tint);color:var(--brand-2);border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:700;display:inline-block}.pill.sun{background:var(--sun-tint);color:#b4441c}.skeleton{color:var(--ink-2);text-align:center;padding:40px 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}