*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}.screen{--bg:#eef2f1;--ink:#0b1f24;--muted:#4a5f66;--card:#fff;--line:#dde6e5;--primary:#06323d;--on-primary:#fff;--accent:#c8f53c;--on-accent:#06323d;--radius:20px;--border:0 solid transparent;--shadow:none;--press:0px;--display:"Bricolage Grotesque", system-ui, sans-serif;--body:Inter, system-ui, sans-serif;--field:#fff;--field-border:#8fa3a1;--viz-1:#c8f53c;--viz-2:#0b6477;--viz-soft:#eef2f1;--viz-stroke:#06323d;--content:430px;--gutter:max(22px, calc((100vw - var(--content)) / 2));--top:32px;min-height:100dvh;padding:var(--top) var(--gutter) 24px;background:var(--bg);color:var(--ink);font-family:var(--body);flex-direction:column;gap:16px;font-size:16px;line-height:1.45;display:flex;position:relative;overflow:hidden}.screen[data-look=explorer]{--bg:#bfe3ff;--ink:#1b2559;--muted:#2e3a73;--card:#fffdf6;--line:#1b2559;--primary:#1b2559;--on-primary:#fffdf6;--accent:#ffc83d;--on-accent:#1b2559;--radius:24px;--border:3px solid #1b2559;--shadow:0 6px 0 #1b2559;--press:5px;--display:Fredoka, system-ui, sans-serif;--body:Nunito, system-ui, sans-serif;--field:#eaf5ff;--field-border:#1b2559;--viz-1:#ffc83d;--viz-2:#3dd6a3;--viz-soft:#eaf5ff;--viz-stroke:#1b2559;font-size:18px;font-weight:700}.screen[data-look=explorer]:after{content:"";z-index:0;background:#3dd6a3;border-radius:50%;height:220px;position:absolute;bottom:-120px;left:-10%;right:-10%}.screen[data-look=explorer]>*{z-index:1;position:relative}.screen[data-look=scholar]{--bg:#0c0f0d;--ink:#eef2ee;--muted:#a4afa8;--card:#161a17;--line:#262c28;--primary:#c8f53c;--on-primary:#0c0f0d;--accent:#c8f53c;--on-accent:#0c0f0d;--radius:12px;--field:#161a17;--field-border:#39423c;--viz-1:#c8f53c;--viz-2:#5fb3c6;--viz-soft:#1f2520;--viz-stroke:#a4afa8}h1{font:800 34px/1.02 var(--display);letter-spacing:-.02em;margin:0}.screen[data-look=explorer] h1{letter-spacing:-.01em;font-weight:700}.screen[data-look=scholar] h1{font-size:28px;font-weight:700}h2{font:700 20px/1.15 var(--display);margin:0}p{margin:0}.muted{color:var(--muted)}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:700}.spacer{flex:1}.row{align-items:center;gap:12px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.error{color:#b42318;font-weight:600}.screen[data-look=scholar] .error{color:#ff9b8a}.hero{margin:calc(-1 * var(--top)) calc(-1 * var(--gutter)) 0;padding:calc(var(--top) + 2px) var(--gutter) 24px;color:#fff;background:#06323d;border-radius:0 0 32px 32px;flex-direction:column;gap:8px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:#0b6477;border-radius:50%;width:260px;height:260px;position:absolute;top:-90px;right:-90px}.hero>*{position:relative}.hero .eyebrow{color:#c8f53c}.hero .muted{color:#c9dadd}.card{background:var(--card);border:var(--border);box-shadow:var(--shadow);border-radius:var(--radius);flex-direction:column;gap:12px;padding:16px;display:flex}.screen[data-look=scholar] .card{border:1px solid var(--line)}.btn{border-radius:calc(var(--radius) - 2px);cursor:pointer;border:var(--border);min-height:56px;box-shadow:var(--shadow);background:var(--card);color:var(--ink);font:700 18px var(--display);justify-content:center;align-items:center;gap:10px;padding:0 18px;text-decoration:none;display:flex}.btn.primary{background:var(--primary);color:var(--on-primary)}.btn.accent{background:var(--accent);color:var(--on-accent)}.btn:disabled{cursor:default;filter:grayscale(.7)contrast(.8)brightness(1.05)}.btn:active:not(:disabled){transform:translateY(var(--press));box-shadow:none}.screen[data-look=scholar] .btn:not(.primary):not(.accent){border:1px solid var(--field-border);background:0 0}.link{cursor:pointer;min-height:44px;color:inherit;background:0 0;border:0;align-self:center;padding:0;font-weight:700;text-decoration:underline}label.field{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.screen[data-look=explorer] label.field{font:600 18px var(--display)}.field input,.field select{border-radius:calc(var(--radius) - 6px);background:var(--field);border:2px solid var(--field-border);width:100%;height:52px;padding:0 14px;font-size:17px;font-weight:600}.screen[data-look=explorer] .field input{font:700 20px var(--display);border-width:3px}.field small{color:var(--muted);font-size:13px;font-weight:400}.grid{gap:10px;display:grid}.tile{background:var(--bg);cursor:pointer;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:46px;font-weight:700;display:flex}.tile[aria-pressed=true],.tile[aria-checked=true]{background:var(--primary);color:var(--accent)}.screen[data-look=explorer] .tile{background:var(--card);border:var(--border);box-shadow:var(--shadow);min-height:96px;font:700 18px var(--display);border-radius:24px}.screen[data-look=explorer] .tile[aria-pressed=true],.screen[data-look=explorer] .tile[aria-checked=true]{background:var(--accent);color:var(--ink);transform:translateY(5px);box-shadow:0 1px #1b2559}.screen[data-look=scholar] .tile{background:var(--card);border:1px solid var(--line);color:var(--ink)}.screen[data-look=scholar] .tile[aria-pressed=true],.screen[data-look=scholar] .tile[aria-checked=true]{border-color:var(--accent);background:var(--card);color:var(--accent)}.dots{gap:12px;display:flex}.dots span{background:color-mix(in srgb, var(--ink) 22%, transparent);border-radius:999px;width:56px;height:8px}.dots span.on{background:var(--accent)}.hero .dots span{background:#2b5a66}.hero .dots span.on{background:#c8f53c}.badge{background:var(--accent);color:var(--on-accent);border-radius:999px;align-self:flex-start;padding:5px 12px;font-size:13px;font-weight:700}.code{letter-spacing:.14em;font:700 22px ui-monospace,Menlo,monospace}.bubble{border-radius:24px 24px 24px 6px;align-self:stretch}.screen .screen{border-radius:20px;min-height:0;padding:12px}.screen .screen:after{display:none}@media (width>=700px){.screen{--content:600px;--top:56px;gap:20px;padding-bottom:48px}.spacer{flex:0 0 28px}h1{font-size:44px}.screen[data-look=scholar] h1{font-size:36px}.hero{border-radius:0 0 40px 40px;padding-bottom:36px}.hero:before{width:380px;height:380px;top:-140px;right:-120px}.card{padding:22px}.screen[data-look=explorer] .tile{min-height:128px}.screen[data-look=explorer]:after{height:300px;bottom:-170px}}@media (width>=1040px){.screen{--content:640px;justify-content:center}.spacer{flex:0 0 4px}.screen:has(>.hero){padding-left:calc(44vw + 80px);padding-right:80px}.screen:has(>.hero)>:not(.hero){width:100%;max-width:520px}.screen:has(>.hero)>.link{width:auto}.hero{border-radius:0 48px 48px 0;justify-content:center;gap:16px;width:44vw;margin:0;padding:80px;position:absolute;inset:0 auto 0 0}.hero h1{font-size:clamp(48px,4.6vw,76px)}.hero p{max-width:420px;font-size:19px}.hero:before{width:520px;height:520px;top:-200px;right:-180px}.hero:after{content:"";background:#c8f53c;border-radius:50%;width:360px;height:360px;position:absolute;bottom:-160px;left:-120px}.btn{align-self:flex-start;min-width:260px}.link{align-self:flex-start}:is(.screen:not(:has(>.hero)) .btn,.screen:not(:has(>.hero)) .link){align-self:center}.grid .btn,.grid .tile{align-self:stretch;min-width:0}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.85)}70%{transform:scale(1.04)}to{opacity:1;transform:none}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg)scale(1.06)}60%{transform:rotate(7deg)scale(1.06)}}@keyframes fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:.9;transform:translateY(105vh)rotate(540deg)}}@keyframes shake{0%,to{transform:translate(0)}30%{transform:translate(-6px)}65%{transform:translate(5px)}}.screen>:not(.hero):not(.confetti){animation:.42s cubic-bezier(.2,.8,.2,1) both rise}.screen>:nth-child(2){animation-delay:50ms}.screen>:nth-child(3){animation-delay:.1s}.screen>:nth-child(4){animation-delay:.15s}.screen>:nth-child(5){animation-delay:.2s}.screen>:nth-child(n+6){animation-delay:.25s}.pop{animation:.35s cubic-bezier(.2,.9,.3,1.2) both pop}.helper-row{align-items:flex-end;gap:10px;min-height:96px;display:flex}.helper{cursor:pointer;transform-origin:50% 90%;background:0 0;border:0;flex:none;padding:0;animation:3.2s ease-in-out infinite bob}.helper[data-wiggle=true]{animation:.5s ease-in-out wiggle,3.2s ease-in-out .5s infinite bob}.helper:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:24px}.blink{transform-box:fill-box;transform-origin:50%;animation:4.6s infinite blink}.helper-row .bubble{font:600 19px/1.25 var(--display);flex:1}.confetti{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.confetti span{width:11px;height:15px;animation:2.6s cubic-bezier(.3,.6,.6,1) both fall;position:absolute;top:-16px}.steps{gap:6px;display:flex}.steps span{background:color-mix(in srgb, var(--ink) 18%, transparent);border-radius:999px;flex:1;max-width:64px;height:8px}.steps span.on{background:var(--primary)}.screen[data-look=explorer] .steps span{border:2px solid var(--ink);background:var(--card);height:12px}.screen[data-look=explorer] .steps span.on{background:var(--accent)}.hero .steps span{background:#2b5a66}.hero .steps span.on{background:#c8f53c}.choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.choice{min-height:76px;font:700 26px var(--display)}.choice[data-state=right]{color:#0b1f24;background:#3dd6a3;animation:.3s both pop}.choice[data-state=wrong]{opacity:.55;text-decoration:line-through;animation:.35s both shake}.question{font:800 44px/1.05 var(--display);letter-spacing:-.02em;text-align:center;padding:18px 0}.screen[data-look=explorer] .question{font-size:52px;font-weight:700}.path{flex-direction:column;gap:0;display:flex}.path .stop{align-items:center;gap:12px;padding:8px 0;display:flex;position:relative}.path .stop+.stop:before{content:"";border-left:3px dashed color-mix(in srgb, var(--ink) 40%, transparent);height:20px;position:absolute;top:-10px;left:17px}.path .pin{width:36px;height:36px;font:800 16px var(--display);background:var(--bg);border:2px solid color-mix(in srgb, var(--ink) 40%, transparent);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.path .stop.done .pin{background:var(--accent);color:var(--on-accent);border-color:#0000}.screen[data-look=explorer] .path .pin{border:3px solid var(--ink);background:var(--card)}.screen[data-look=explorer] .path .stop.done .pin{background:#3dd6a3}@media (prefers-reduced-motion:reduce){.screen>*,.pop,.helper,.helper[data-wiggle=true],.blink,.choice{animation:none!important}.confetti{display:none}}.avatar{width:46px;height:46px;font:800 20px var(--display);color:#1b2559;background:#ffc83d;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.avatar[data-band=navigator]{color:#06323d;background:#c8f53c}.avatar[data-band=scholar]{color:#c8f53c;background:#0c0f0d}.note{background:#f1f9d2;border-radius:14px;padding:12px 14px;font-size:15px;line-height:1.5}.row>.steps{flex:1}.row>.steps span{max-width:none}.celebrate{text-align:center}.celebrate .helper-row{justify-content:center}.celebrate .helper-row .bubble{text-align:left;flex:0 220px}.btn.file{cursor:pointer;position:relative}.btn.file input{opacity:0;cursor:pointer;position:absolute;inset:0}.btn.file:focus-within{outline:3px solid var(--accent);outline-offset:3px}.field textarea{border-radius:calc(var(--radius) - 6px);background:var(--field);border:2px solid var(--field-border);width:100%;font:inherit;color:inherit;resize:vertical;padding:14px;font-size:17px;line-height:1.5}.cropper{border:var(--border);touch-action:none;cursor:crosshair;background:#0b1f24;border-radius:16px;align-self:center;max-width:100%;position:relative;overflow:hidden}.cropper canvas{max-width:100%;height:auto;max-height:52dvh;display:block}.crop-box{pointer-events:none;border:3px solid #c8f53c;border-radius:6px;position:absolute;box-shadow:0 0 0 9999px #0b1f248c}.shot{border:var(--border);max-width:70%;max-height:34dvh;box-shadow:var(--shadow);border-radius:16px;align-self:center}.tutor-reply{background:var(--card);color:var(--ink);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);outline:1px solid var(--line);font:500 18px/1.55 var(--body);white-space:pre-wrap;overflow-wrap:anywhere;padding:18px 20px}.screen[data-look=explorer] .tutor-reply{outline:none;font-size:20px}.thinking{justify-content:center;gap:10px;display:flex}.thinking span{background:var(--accent);border-radius:50%;width:12px;height:12px;animation:1.1s ease-in-out infinite thinking}.thinking span:nth-child(2){animation-delay:.15s}.thinking span:nth-child(3){animation-delay:.3s}@keyframes thinking{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.thinking span{animation:none}}.tutor-note{font:700 16px/1.4 var(--body);color:var(--ink);margin:-8px 0 0}.tutor-note.win{background:var(--accent);color:var(--on-accent);border-radius:999px;align-self:flex-start;padding:6px 12px}.screen.tutor{gap:12px;padding-bottom:0;overflow:clip}.tutor-top{align-items:center;gap:12px;display:flex}.tutor-top h1{flex:1;margin:0;font-size:clamp(24px,6vw,34px);line-height:1.1}.tutor-top .done-btn{flex:none;align-self:center;width:auto;min-width:0;min-height:44px;padding:0 16px;font-size:16px}.talk{flex-direction:column;flex:auto;gap:18px;min-height:0;padding:4px 2px 8px;display:flex}.earlier{background:color-mix(in srgb, var(--card) 70%, transparent);min-height:44px;color:var(--ink);font:700 14px var(--body);cursor:pointer;border:0;border-radius:999px;align-self:center;padding:0 16px}.composer{z-index:2;margin:0 calc(-1 * var(--gutter));padding:12px var(--gutter) max(14px, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid color-mix(in srgb, var(--line) 35%, transparent);flex-direction:column;gap:8px;display:flex;position:sticky;bottom:0}.screen.tutor>.composer{z-index:3;animation:none;position:sticky}.composer textarea{resize:none;border-radius:calc(var(--radius) - 6px);border:2px solid var(--field-border);background:var(--field);min-width:0;min-height:56px;max-height:30dvh;color:var(--ink);font:600 17px/1.4 var(--body);flex:auto;padding:12px 14px}.screen[data-look=explorer] .composer textarea{border-width:3px;font-size:18px}.chip-btn{border:2px solid var(--line);background:var(--card);min-height:44px;color:var(--ink);font:700 15px var(--body);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.chip-btn:disabled{cursor:default;opacity:.6}.screen[data-look=scholar] .chip-btn{background:0 0;border-width:1px}.turn{flex-direction:column;gap:10px;display:flex}.said{border-radius:var(--radius);background:var(--primary);max-width:85%;color:var(--on-primary);font:500 17px/1.45 var(--body);white-space:pre-wrap;overflow-wrap:anywhere;align-self:flex-end;margin:0;padding:12px 16px}.shot.mine{align-self:flex-end;max-width:60%;max-height:26dvh}.turn .thinking{justify-content:flex-start;padding:6px 4px}.say{align-items:flex-end;gap:10px;display:flex}.say .field{flex:auto;margin:0}.say .btn{flex:none;width:auto}.screen.care{gap:14px}.screen.care[data-night=true]{--bg:#5b8def;background:#5b8def}.screen.care[data-night=true]>h1{color:#fffdf6}.chips{justify-content:space-between;align-items:center;gap:10px;display:flex}.chips h1{margin:0}.chip{background:var(--card);border:3px solid var(--ink);font:700 17px var(--display);border-radius:999px;align-items:center;gap:6px;padding:4px 13px 4px 8px;display:inline-flex}.den{aspect-ratio:346/240;flex:none;align-self:center;width:100%;max-width:420px;position:relative}.den>svg{width:100%;height:100%;position:absolute;inset:0}.den-friend{transition:left .8s ease-in-out;position:absolute;bottom:13%;left:50%;transform:translate(-50%)}.den[data-playful=true]{cursor:pointer;touch-action:manipulation}.den-tap{cursor:pointer;background:0 0;border:0;border-radius:24px;padding:0;display:block}.den-tap:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.den-friend[data-act=walk]>*{transform-origin:50% 95%;animation:.36s ease-in-out infinite waddle!important}.den-friend[data-act=hop]>*{transform-origin:50% 95%;animation:.6s ease-out hop!important}.den-ball{pointer-events:none;line-height:0;transition:left .2s linear;position:absolute;bottom:12%;transform:translate(-50%)}.den-ball svg{width:30px;height:30px}.den-ball[data-state=thrown] svg{animation:.7s ease-out toss}.den-ball[data-state=held]{bottom:17%}.games{flex-direction:column;gap:6px;display:flex}.games>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.games p{text-align:center;margin:0;font-size:14px}.game{background:var(--card);color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);font:700 15px var(--display);cursor:pointer;border-radius:999px;padding:7px 4px}.game:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.game:disabled{opacity:.45;cursor:default;box-shadow:none;transform:none}.den-friend[data-act=dance]>*{transform-origin:50% 95%;animation:.6s ease-in-out 3 dance!important}.den-friend[data-act=jump]>*{transform-origin:50% 95%;animation:.55s ease-out 3 jump!important}.den-friend[data-act=peek]>*{transform-origin:50% 100%;animation:2.1s ease-in-out peek!important}@keyframes dance{0%,to{transform:rotate(0)translate(0)}25%{transform:rotate(-14deg)translate(-10px)scale(1.05)}75%{transform:rotate(14deg)translate(10px)scale(1.05)}}@keyframes jump{0%,to{transform:translateY(0)scale(1)}15%{transform:translateY(0)scale(1.1,.85)}50%{transform:translateY(-58px)scale(.95,1.08)}85%{transform:translateY(0)scale(1.08,.9)}}@keyframes peek{0%{transform:scale(1)}12%{transform:scale(1.1,.8)}28%,62%{transform:scale(0)}78%{transform:scale(1.2)}to{transform:scale(1)}}.den-sound{background:var(--card);width:40px;height:40px;color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:0;left:2%}.den-sound[aria-pressed=false]{color:var(--muted)}.den-sound:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.den-shh{white-space:nowrap;background:var(--card);border:3px solid var(--ink);font:700 16px var(--display);border-radius:999px;margin:0;padding:4px 14px;position:absolute;top:6%;left:50%;transform:translate(-50%)}@keyframes waddle{0%,to{transform:rotate(-5deg)translateY(0)}50%{transform:rotate(5deg)translateY(-4px)}}@keyframes hop{0%,to{transform:translateY(0)scale(1)}30%{transform:translateY(-26px)scale(1.04,.98)}55%{transform:translateY(0)scale(1.06,.92)}75%{transform:translateY(-9px)}}@keyframes toss{0%{transform:translateY(0)rotate(0)}45%{transform:translateY(-70px)rotate(200deg)}80%{transform:translateY(0)rotate(340deg)}90%{transform:translateY(-12px)rotate(360deg)}to{transform:translateY(0)rotate(360deg)}}.den-friend.bobbing>*{transform-origin:50% 90%;animation:3.2s ease-in-out infinite bob}.care-title{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.care-title h2{margin:0}.stage{font:700 15px var(--display);border:3px solid var(--ink);background:#3dd6a3;border-radius:999px;flex:none;padding:2px 10px}.meter{align-items:center;gap:10px;display:flex}.meter>div{flex:1;min-width:0}.meter-head{font:700 16px var(--display);justify-content:space-between;gap:8px;display:flex}.meter-note{font:800 14px var(--body);color:var(--muted)}.meter-bar{border:3px solid var(--ink);background:var(--card);border-radius:999px;height:16px;margin-top:4px;overflow:hidden}.meter-bar span{border-right:3px solid var(--ink);box-sizing:border-box;height:100%;transition:width .6s;display:block}.adventure{text-align:left;cursor:pointer;background:var(--accent);color:var(--ink);border:var(--border);box-shadow:0 7px 0 var(--ink);font:inherit;border-radius:26px;align-items:center;gap:12px;padding:14px 16px;display:flex}.adventure:active{box-shadow:0 2px 0 var(--ink);transform:translateY(5px)}.adventure>span{flex-direction:column;flex:1;gap:4px;display:flex}.adventure strong{font:700 24px/1.1 var(--display)}.adventure small{font:800 15px var(--body);color:var(--muted)}.adventure>svg{box-sizing:content-box;background:var(--ink);border-radius:50%;flex:none;padding:13px}.care-tiles{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:10px;display:grid}.care-tiles .btn{align-self:stretch;min-width:0;padding-inline:8px;font-size:17px}.feed,.grew{text-align:center}.feed-friend,.grew-friend{justify-content:center;display:flex}.feed-friend[data-fed=true]>*{animation:.5s ease-in-out wiggle}.berries{justify-content:center;align-items:center;gap:10px;min-height:54px;display:flex}.berries span{background:var(--card);border:3px solid var(--ink);width:54px;height:54px;box-shadow:0 4px 0 var(--ink);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;display:flex}.berries span.empty{box-shadow:none;opacity:.5;background:0 0;border-style:dashed}.berries strong{font:700 20px var(--display)}.new-thing{font:700 18px var(--display);margin:0}.screen.grew{--bg:#ff6b5e;background:#ff6b5e}.screen.grew>h1{color:#fffdf6;text-shadow:0 4px 0 var(--ink);font-size:40px}.grew-friend{background:radial-gradient(circle closest-side,#ffc83d 0 99%,#0000 100%);flex:none;align-items:center;height:280px}.stages{align-items:flex-end;margin-top:12px;display:flex}.stages>div{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.stage-art{border:3px solid var(--ink);width:76px;height:76px;font:700 34px var(--display);color:var(--muted);background:#3dd6a3;border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.stages [data-state=now] .stage-art{width:94px;height:94px;box-shadow:0 6px 0 var(--ink);background:#ffc83d}.stages [data-state=later] .stage-art{background:#dce3f5}.stages strong{font:700 17px var(--display)}.stages small{font:800 13px var(--body);color:var(--muted)}.things{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.things>div{border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);text-align:center;background:#3dd6a3;border-radius:22px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;display:flex}.things>div[data-unlocked=false]{box-shadow:none;background:#e6eaf7;border-style:dashed}.things>div[data-unlocked=false] svg{opacity:.45}.things strong{font:700 17px/1.1 var(--display)}.things small{font:800 13px var(--body);color:var(--muted)}@media (prefers-reduced-motion:reduce){.den-friend,.den-ball{transition:none!important}.den-friend>*,.den-friend[data-act]>*,.den-friend.bobbing>*,.den-ball svg,.feed-friend[data-fed=true]>*,.meter-bar span{transition:none;animation:none!important}}.visual{background:var(--card);border:var(--border);box-shadow:var(--shadow);border-radius:var(--radius);margin:0;padding:16px}.screen:not([data-look=explorer]) .visual{outline:1px solid var(--line)}.viz-body{flex-direction:column;gap:12px;display:flex}.viz-title{font:700 17px/1.25 var(--display)}.viz-caption{text-align:center;font:600 16px/1.3 var(--display)}.viz-col-label{color:var(--muted);font-size:13px;font-weight:700}.viz-num{background:var(--primary);width:26px;height:26px;color:var(--on-primary);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.tone-0{--tone:var(--viz-1)}.tone-1{--tone:var(--viz-2)}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.viz-steps,.viz-outline{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.viz-steps>li,.viz-outline>li{align-items:flex-start;gap:10px;line-height:1.35;display:flex}.viz-outline ul{font:500 15px/1.4 var(--body);margin:4px 0 0;padding-left:18px}.viz-part{font:700 16px var(--display)}.viz-outline>li.empty .viz-num{color:var(--ink);border:2px dashed var(--ink);background:0 0}.viz-outline>li.empty .viz-part{color:var(--muted)}.viz-cycle{aspect-ratio:1;width:min(100%,320px);margin:0 auto;position:relative}.viz-ring{width:100%;height:100%;position:absolute;inset:0}.viz-arc{fill:none;stroke:var(--viz-stroke);stroke-width:1.6px}.viz-arrowhead{fill:var(--viz-stroke)}.viz-stage{background:var(--viz-1);color:#1b2559;border:2px solid var(--viz-stroke);text-align:center;max-width:34%;font:600 13px/1.2 var(--display);border-radius:12px;padding:6px 8px;position:absolute;transform:translate(-50%,-50%)}.viz-stage.missing{background:var(--card);color:var(--ink);border-style:dashed;min-width:44px;font-size:20px}.viz-compare{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.viz-compare[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.viz-col{background:var(--viz-soft);border-radius:12px;flex-direction:column;gap:6px;min-width:0;padding:8px;display:flex}.viz-col.both{background:color-mix(in srgb, var(--viz-1) 35%, var(--card))}.viz-col.both .viz-col-label{color:var(--ink)}.viz-item{overflow-wrap:anywhere;font-size:14px;line-height:1.3}.viz-item.empty{color:var(--muted)}.viz-table-wrap{overflow-x:auto}.viz-table{border-collapse:separate;border-spacing:3px;width:100%;font-size:15px}.viz-table th{text-align:left;background:var(--primary);color:var(--on-primary);border-radius:6px;padding:6px 8px;font-size:14px}.viz-table td{background:var(--viz-soft);border-radius:6px;padding:6px 8px}.viz-table td.missing{outline:2px dashed var(--viz-stroke);text-align:center;background:0 0}.viz-table th.plain{background:0 0}.viz-atoms td{text-align:center;font:700 18px var(--display)}.viz-atoms th.viz-symbol{color:var(--ink);font:800 20px var(--display);background:0 0}.viz-tag{font:700 12px var(--body);white-space:nowrap;border-radius:999px;padding:3px 8px;display:inline-block}.viz-tag.same{background:var(--viz-1);color:#0c0f0d}.viz-tag.differ{color:#7a2e0e;background:#fde3d3}.viz-starters{flex-direction:column;gap:8px;display:flex}.viz-starter{text-align:left;border:2px solid var(--line);background:var(--viz-soft);min-height:44px;color:var(--ink);font:600 15px/1.4 var(--body);border-radius:12px;padding:10px 12px}button.viz-starter{cursor:pointer}.gap{color:var(--viz-2);font-weight:800}.screen[data-look=scholar] .gap{color:var(--viz-1)}.viz-bars{flex-direction:column;gap:12px;display:flex}.viz-bar-row{align-items:center;gap:10px;display:flex}.viz-bar-label{width:52px;font:700 19px var(--display);flex:none}.viz-bar{border:3px solid var(--viz-stroke);background:var(--card);border-radius:10px;flex:1;height:40px;display:grid;overflow:hidden}.viz-bar>span+span{border-left:3px solid var(--viz-stroke)}.viz-bar>span.on{background:var(--tone)}.viz-line{width:100%;height:auto;overflow:visible}.viz-stroke{stroke:var(--viz-stroke);stroke-width:.8px;stroke-linecap:round}.viz-text{font:600 4.2px var(--body);fill:var(--ink)}.viz-text.strong{font-weight:800}.viz-dot{fill:var(--tone);stroke:var(--viz-stroke);stroke-width:.6px}.viz-groups{gap:8px;display:grid}.viz-group{border:2px solid var(--viz-stroke);background:var(--viz-soft);border-radius:12px;justify-items:center;gap:4px;padding:8px;display:grid}.viz-thing{background:var(--tone);border:2px solid var(--viz-stroke);border-radius:50%;width:14px;height:14px}.viz-places{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.viz-place{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.viz-blocks{flex-wrap:wrap;align-items:flex-end;gap:3px;max-width:150px;display:flex}.viz-blocks>span{border:2px solid var(--viz-stroke)}.viz-blocks.cube>span{background:var(--viz-2);width:40px;height:40px;box-shadow:4px -4px 0 var(--viz-stroke)}.viz-blocks.flat>span{background:var(--viz-1);background-image:linear-gradient(var(--viz-stroke) 1px, transparent 1px), linear-gradient(90deg, var(--viz-stroke) 1px, transparent 1px);background-size:6.8px 6.8px;width:34px;height:34px}.viz-blocks.rod>span{background:var(--viz-2);width:9px;height:46px}.viz-blocks.unit>span{background:var(--viz-1);width:10px;height:10px}.viz-forces{width:min(100%,300px);height:auto;margin:0 auto;display:block;overflow:visible}.viz-object{fill:var(--primary)}.viz-text.on-object{fill:var(--on-primary);font-weight:800}.viz-force{stroke:var(--viz-stroke);stroke-width:1.8px;stroke-linecap:round}.words{flex-direction:column;gap:8px;display:flex}.words-label{font:600 14px var(--display);color:var(--muted)}.word-chips{flex-wrap:wrap;gap:8px;display:flex}.word-chip{border:var(--border);background:var(--card);min-height:44px;color:var(--ink);font:700 15px var(--body);cursor:pointer;border-radius:999px;padding:0 14px}.screen:not([data-look=explorer]) .word-chip{border:1px solid var(--line)}.word-chip.open{background:var(--primary);color:var(--on-primary)}.screen[data-look=explorer] .word-chip.open{color:var(--ink);background:#b9a7ff}.word-meaning{background:var(--card);border:2px dashed var(--line);border-radius:14px;padding:10px 12px;line-height:1.4}.ask-picture{align-self:flex-start}.working-check{background:var(--card);border:var(--border);box-shadow:var(--shadow);border-radius:var(--radius);flex-direction:column;gap:10px;padding:8px 14px 12px;display:flex}.screen:not([data-look=explorer]) .working-check{outline:1px solid var(--line)}.working-read{color:var(--muted);padding-top:6px;font-size:14px}.working-lines{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.working-line{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding:10px 0;display:flex}.screen[data-look=explorer] .working-line{border-bottom:3px dashed var(--viz-soft)}.working-line:last-child{border-bottom:0}.working-row{align-items:center;gap:10px;display:flex}.working-num{width:24px;color:var(--muted);text-align:center;flex:none;font-size:13px;font-weight:800}.working-text{min-width:0;font:700 19px/1.3 var(--display);overflow-wrap:anywhere;flex:1}.working-line.waits .working-text,.working-line.unclear .working-text{color:var(--muted)}.working-tag{font:700 12.5px var(--body);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.working-tag.right{background:var(--viz-1);color:#0c0f0d}.working-tag.look_again{color:#7a2e0e;background:#fde3d3}.working-tag.waits,.working-tag.unclear{background:var(--viz-soft);color:var(--muted)}.working-note{color:var(--muted);margin-left:34px;font-size:15px;line-height:1.45}.working-fix{background:var(--primary);min-height:44px;color:var(--on-primary);align-self:flex-start;margin-left:34px;padding:0 16px;font-size:14px}.working-misread summary{cursor:pointer;color:var(--muted);min-height:32px;font-size:14px}.working-misread-lines{flex-wrap:wrap;gap:12px;padding-top:6px;display:flex}.working-marks{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:10px;display:flex}.working-marks-head{color:var(--muted);justify-content:space-between;align-items:baseline;font-size:13px;font-weight:700;display:flex}.working-score{font:800 16px var(--display);color:var(--ink)}.working-marks ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.working-marks li{align-items:center;gap:10px;font-size:15px;line-height:1.35;display:flex}.working-marks li.open{font-weight:700}.working-mark{border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.working-marks li.met .working-mark{background:var(--viz-1);color:#0c0f0d}.working-marks li.open .working-mark{color:#7a2e0e;background:#fde3d3}.said-working{flex-direction:column;gap:2px;margin:0;padding:12px 16px 12px 34px;display:flex}.working-tools{flex-wrap:nowrap;gap:8px;display:flex}.working-tools .chip-btn{text-align:center;flex:1 1 0;justify-content:center;min-width:0;padding:4px 10px;font-size:14px;line-height:1.15}.talk-end{scroll-margin-bottom:170px}.working-pad{background:var(--card);border:var(--border);box-shadow:var(--shadow);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px;display:flex}.screen:not([data-look=explorer]) .working-pad{outline:1px solid var(--line)}.working-pad-title{font:700 16px/1.3 var(--display)}.working-pad-lines{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.working-pad-lines li{align-items:center;gap:8px;display:flex}.working-pad-lines input{border:2px solid var(--field-border);background:var(--field);min-width:0;height:48px;font:700 18px var(--display);color:var(--ink);border-radius:12px;flex:1;padding:0 12px}.working-remove{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;font-size:22px}.working-pad-actions{flex-wrap:wrap;gap:16px;display:flex}.working-keys{gap:6px;display:grid}.working-key{border:var(--border);background:var(--viz-soft);min-height:44px;color:var(--ink);font:700 19px var(--display);cursor:pointer;border-radius:12px}.screen:not([data-look=explorer]) .working-key{border:1px solid var(--line)}.working-pad-send{grid-template-columns:1fr 2fr;gap:8px;display:grid}.working-pad-send .btn{white-space:nowrap;padding-left:10px;padding-right:10px;font-size:16px}.working-guard{color:#7a2e0e;background:#fde3d3;border-radius:12px;margin-top:6px;padding:8px 12px;font-weight:700;line-height:1.4}.chip-pair{gap:8px;display:inline-flex}.card.garden{flex-direction:row;align-items:center;gap:12px;display:flex}.card.garden>div{flex:1;min-width:0}.card.garden h2{margin:0 0 2px;font-size:20px}.card.garden p{color:var(--muted);margin:0;font-size:15px;font-weight:700;line-height:1.3}.card.garden .btn{flex:none;align-self:center;width:auto;min-width:0;padding-inline:18px}.care-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.today-news{font:700 16px var(--display);flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.things.shop>div{background:var(--card);padding-bottom:10px}.things.shop>div[data-done=true]{background:#3dd6a3}.things.shop .game{align-self:stretch;margin-top:2px}.cost{align-items:center;gap:2px;font-weight:800;display:inline-flex}.prices{color:var(--muted);flex-wrap:wrap;gap:4px 14px;margin:0;font-size:14px;font-weight:700;display:flex}.prices span{align-items:center;gap:4px;display:inline-flex}.screen.care h2{margin:4px 0 0}.games>div{grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:6px}.game{font-size:14px}.den-tap{position:relative}.den-rope{pointer-events:none;transform-origin:50% 62%;width:136%;height:136%;animation:.55s linear 3 rope;position:absolute;inset:-14% -18% auto}.den-bubbles{pointer-events:none;width:34%;height:50%;position:absolute;bottom:30%;transform:translate(-50%)}.den-bubbles span{border:2px solid var(--ink);background:#bfe3ffbf;border-radius:50%;animation:1.7s ease-out both bubble;position:absolute;bottom:0}.spin{transform-box:fill-box;transform-origin:50% 100%;animation:1.2s linear infinite propeller}@keyframes rope{0%{transform:scaleY(1)}50%{transform:scaleY(-.72)}to{transform:scaleY(1)}}@keyframes bubble{0%{opacity:0;transform:translateY(0)scale(.4)}20%{opacity:1}to{opacity:0;transform:translateY(-120px)scale(1.1)}}@keyframes propeller{0%{transform:scaleX(1)}50%{transform:scaleX(-1)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.den-rope,.den-bubbles span,.spin{animation:none!important}}.document-card{background:var(--card);border:var(--border);box-shadow:var(--shadow);border-radius:var(--radius);align-items:center;gap:12px;padding:16px;display:flex}.screen:not([data-look=explorer]) .document-card{outline:1px solid var(--line)}.document-icon{background:var(--primary);width:48px;height:60px;color:var(--on-primary);font:800 13px var(--body);border-radius:8px;flex:none;justify-content:center;align-items:flex-end;padding-bottom:8px;display:inline-flex}.document-name{min-width:0;font:700 17px var(--display);overflow-wrap:anywhere;flex:1}.worksheet{z-index:2;background:var(--card);border:var(--border);box-shadow:var(--shadow);border-radius:var(--radius);padding:6px 12px;position:sticky;top:8px}.screen.tutor>.worksheet{z-index:3;box-shadow:var(--shadow), 0 -12px 0 0 var(--bg);animation:none;position:sticky}.screen.tutor>.tutor-top{z-index:4}.screen:not([data-look=explorer]) .worksheet{outline:1px solid var(--line)}.worksheet-list{max-height:46dvh;padding-bottom:6px;overflow-y:auto}.worksheet-head{width:100%;min-height:44px;color:var(--ink);font:700 16px var(--display);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.worksheet-head>:first-child{flex:1}.worksheet-now{align-items:center;gap:10px;min-height:52px;display:flex}.worksheet-now-text{min-width:0;font:600 14px/1.3 var(--body);flex-direction:column;flex:1;display:flex}.worksheet-now-text>:last-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.worksheet-now-label{font:700 12px var(--body);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.worksheet-toggle{min-height:44px;color:var(--ink);font:700 13px var(--body);cursor:pointer;text-align:right;background:0 0;border:0;flex-direction:column;flex:none;align-items:flex-end;gap:2px;padding:4px 6px;display:flex}.worksheet-count{font:700 12px var(--body);color:var(--muted);white-space:nowrap}.worksheet-part-name{font:700 13px var(--body);color:var(--muted);margin:8px 0 4px}.worksheet ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.worksheet-question{background:var(--viz-soft);width:100%;min-height:44px;color:var(--ink);text-align:left;cursor:pointer;font:600 14px/1.35 var(--body);border:2px solid #0000;border-radius:12px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.worksheet-question:disabled{cursor:default;opacity:.7}.worksheet-question.current{border-color:var(--viz-stroke)}.worksheet-question.solved{background:color-mix(in srgb, var(--viz-1) 40%, var(--card))}.worksheet-id{background:var(--primary);min-width:26px;height:26px;color:var(--on-primary);font:800 12px var(--body);border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.worksheet-question.solved .worksheet-id{background:var(--viz-1);color:#0c0f0d}.worksheet-text{overflow-wrap:anywhere;flex:1;min-width:0}.saved-sheets ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.saved-sheet{border-radius:calc(var(--radius) - 8px);border:2px solid var(--line);background:var(--viz-soft);width:100%;color:var(--ink);text-align:left;cursor:pointer;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.saved-sheet-title{font:700 16px var(--display)}.saved-sheet-bar{background:color-mix(in srgb, var(--line) 18%, transparent);border-radius:999px;height:8px;overflow:hidden}.saved-sheet-bar>span{background:var(--viz-2);border-radius:inherit;height:100%;display:block}.saved-sheet-count{font:700 13px var(--body);color:var(--muted)}.practice-card .eyebrow{color:var(--muted)}.parent-sheets{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:12px;display:flex}.parent-sheets h3{font:700 16px var(--display);margin:0}.parent-sheets p{margin:0;font-size:14px}.parent-sheets ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.parent-sheet{background:var(--bg);border-radius:12px;align-items:center;gap:10px;padding:8px 4px 8px 12px;display:flex}.parent-sheet>div{flex-direction:column;flex:1;min-width:0;display:flex}.parent-sheet .muted{font-size:13px}.star{color:#b8860b;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;width:44px;height:44px;font-size:24px}.star[aria-pressed=false]{color:var(--muted)}.star:disabled{opacity:.5}.waiting{flex-direction:column;align-items:center;gap:6px;padding:6px 0 2px;display:flex}.wait-stage{justify-content:center;align-items:center;height:128px;padding-top:24px;animation:.45s cubic-bezier(.2,.9,.3,1.3) both wait-in;display:flex}.wait-line{font:700 16px/1.35 var(--body);color:var(--ink);text-align:center;margin:0}.wait-row{align-items:center;gap:4px;display:flex}.wait-helper-box{justify-content:center;align-items:flex-end;display:flex;position:relative}@keyframes wait-in{0%{opacity:0;transform:translateY(12px)scale(.9)}to{opacity:1;transform:none}}.wait-pencil{animation:.8s ease-in-out infinite alternate wait-write}@keyframes wait-write{0%{transform:translate(0)rotate(0)}to{transform:translate(52px,4px)rotate(8deg)}}.wait-scribble{stroke-dasharray:220;stroke-dashoffset:220px;animation:1.6s ease-in-out infinite wait-draw}@keyframes wait-draw{60%,to{stroke-dashoffset:0}}.wait-book .wait-page{transform-origin:40px 30px;animation:1.2s ease-in-out infinite wait-flip}@keyframes wait-flip{0%,15%{transform:scaleX(1)}50%{transform:scaleX(.05)}85%,to{transform:scaleX(-1)}}.wait-stars svg{animation:1.2s ease-in-out infinite wait-twinkle}.wait-stars .s2{animation-delay:.2s}.wait-stars .s3{animation-delay:.4s}@keyframes wait-twinkle{0%,to{transform:translateY(0)scale(.9)rotate(0)}50%{transform:translateY(-16px)scale(1.15)rotate(20deg)}}.wait-helper-box>svg[role=img]{animation:1s ease-in-out infinite alternate wait-bob}@keyframes wait-bob{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.wait-juggle{width:110px;height:40px;position:absolute;top:-26px;left:50%;transform:translate(-50%)}.wait-juggle>svg{width:26px;height:26px;animation:1.2s linear infinite wait-arc;position:absolute;top:0;left:40px}.wait-juggle .j2{animation-delay:-.4s}.wait-juggle .j3{animation-delay:-.8s}@keyframes wait-arc{0%{transform:translate(-36px,26px)rotate(0)}25%{transform:translate(-18px,-8px)rotate(90deg)}50%{transform:translateY(-18px)rotate(180deg)}75%{transform:translate(18px,-8px)rotate(270deg)}to{transform:translate(36px,26px)rotate(360deg)}}.wait-peek{height:100px;overflow:hidden}.wait-peek>svg[role=img]{animation:1.6s ease-in-out infinite wait-peekaboo}@keyframes wait-peekaboo{0%,to{transform:translateY(80px)}30%,70%{transform:translateY(6px)rotate(-6deg)}50%{transform:translateY(6px)rotate(6deg)}}.wait-spin>svg[role=img]{animation:1.6s cubic-bezier(.5,0,.3,1.4) infinite wait-twirl}@keyframes wait-twirl{0%,30%{transform:rotate(0)scale(1)}60%{transform:rotate(360deg)scale(1.08)}to{transform:rotate(360deg)scale(1)}}.wait-upside{gap:0}.wait-upside>svg[role=img]{animation:2s ease-in-out infinite wait-flop}.wait-upside-book{z-index:1;width:54px;height:40px;position:absolute;bottom:6px}@keyframes wait-flop{0%,20%{transform:rotate(0)}40%,80%{transform:rotate(180deg)translateY(-8px)}to{transform:rotate(360deg)}}.wait-nap>svg[role=img]{animation:2.4s ease-in-out infinite wait-snooze}@keyframes wait-snooze{0%,60%{transform:rotate(-8deg)}70%{transform:translateY(-14px)rotate(0)}80%,to{transform:rotate(0)}}.wait-zzz{font:800 18px var(--display);color:var(--ink);animation:2.4s ease-in-out infinite wait-float;position:absolute;top:-6px;right:-26px}@keyframes wait-float{0%,60%{opacity:1;transform:translate(0)}70%,to{opacity:0;transform:translate(10px,-12px)}}.waiting.calm{font:600 15px var(--body);color:var(--muted);flex-direction:row;justify-content:flex-start;gap:12px}.wait-bar{background:color-mix(in srgb, var(--line) 50%, transparent);border-radius:999px;width:64px;height:6px;position:relative;overflow:hidden}.wait-bar>span{border-radius:inherit;background:var(--accent);width:40%;animation:1.4s ease-in-out infinite wait-slide;position:absolute;inset:0}@keyframes wait-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.waiting *,.wait-stage{animation:none!important}.wait-scribble{stroke-dashoffset:0}}.worksheet-question.started .worksheet-id{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 2px var(--primary)}.worksheet-started{font:700 11px var(--body);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;flex:none;align-self:center}.switch-note{background:color-mix(in srgb, var(--card) 70%, transparent);font:700 14px var(--body);color:var(--ink);border-radius:999px;align-self:center;margin:0;padding:6px 14px}.solved-next{align-items:center}.solved-next .btn{width:100%}.parent-sheets .row{align-items:center;gap:10px;display:flex}.parent-sheets .row .btn{width:auto;min-height:44px;padding:0 14px;font-size:15px}.parent-sheet-item{flex-direction:column;gap:6px;display:flex}.parent-sheet-open{text-align:left;min-width:0;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:0;display:flex}.parent-sheet-open:disabled{cursor:default}.sheet-badges{flex-wrap:wrap;gap:6px;display:flex}.sheet-badges .badge{padding:2px 8px;font-size:12px}.sheet-badges .badge.quiet{border:1px solid var(--line);color:var(--muted);background:0 0}.add-sheet,.sheet-detail{border:1px solid var(--line);background:var(--card);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.sheet-uses{border:0;flex-direction:column;gap:8px;margin:0;padding:0;font-size:15px;display:flex}.sheet-uses legend{margin-bottom:4px;font-weight:700}.sheet-uses label,.sheet-toggle{align-items:flex-start;gap:8px;display:flex}.sheet-part{font:700 13px var(--body);color:var(--muted);margin:6px 0 2px}.sheet-questions{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sheet-questions li{align-items:baseline;gap:8px;font-size:14px;display:flex}.sheet-mark{text-align:center;width:18px;color:var(--muted);flex:none}.sheet-mark.solved{color:#2a8a5a;font-weight:800}.sheet-mark.started{color:var(--ink)}.sheet-id{flex:none;min-width:22px;font-weight:700}.sheet-text{flex:1;min-width:0}.sheet-questions .link{min-height:32px;font-size:13px}.story-panel{background:var(--card);border:var(--border);border-radius:var(--radius);outline:1px solid var(--line);padding:4px 14px}.screen[data-look=explorer] .story-panel{outline:none}.story-panel summary{cursor:pointer;min-height:44px;font:700 15px var(--display);color:var(--ink);align-items:center;display:flex}.story-panel h3{font:700 17px var(--display);margin:4px 0 6px}.story-text{white-space:pre-wrap;max-height:40dvh;font:500 16px/1.6 var(--body);color:var(--ink);padding-bottom:10px;overflow-y:auto}