.tone{--tone:oklch(0.58 0.17 var(--hue));--tone-ink:oklch(0.42 0.14 var(--hue));--tone-soft:oklch(0.95 0.035 var(--hue));--tone-line:oklch(0.86 0.07 var(--hue))}html[data-theme=dark] .tone{--tone:oklch(0.72 0.15 var(--hue));--tone-ink:oklch(0.86 0.09 var(--hue));--tone-soft:oklch(0.27 0.045 var(--hue));--tone-line:oklch(0.38 0.07 var(--hue))}.profe{overflow:visible}.profe .profe-look{transform:translate(var(--lx,0),var(--ly,0));transition:transform .18s ease-out}.profe .profe-body,.profe .profe-cap,.profe .profe-eyes,.profe .profe-mouth,.profe .profe-tassel{transform-box:fill-box}.profe .profe-eyes{transform-origin:center}.profe .profe-brows{transform-box:fill-box}.profe .profe-body{transform-origin:50% 100%}.profe .profe-cap{transform-origin:50% 80%}.profe .profe-tassel{transform-origin:0 0}.profe .profe-mouth{transform-origin:center}.profe .profe-cheek,.profe .profe-happy-eyes,.profe .profe-mouth,.profe .profe-smile{opacity:0;transition:opacity .16s}.profe[data-mood=cheer] .profe-cheek,.profe[data-mood=cheer] .profe-smile,.profe[data-mood=happy] .profe-cheek,.profe[data-mood=happy] .profe-smile,.profe[data-mood=talk] .profe-mouth{opacity:1}.profe[data-mood=cheer] .profe-eyes,.profe[data-mood=happy] .profe-eyes{opacity:0}.profe[data-mood=cheer] .profe-happy-eyes,.profe[data-mood=happy] .profe-happy-eyes{opacity:1}.profe[data-mood=think] .profe-look{transform:translate(16px,-16px)}.profe[data-mood=happy] .profe-brows,.profe[data-mood=think] .profe-brows{transform:translateY(-14px)}.profe[data-mood=oops] .profe-mouth{opacity:1;transform:scale(.7,.9)}.profe[data-mood=oops] .profe-brows{transform:translateY(-18px)}.profe .profe-brows{transition:transform .2s ease-out}@media (prefers-reduced-motion:no-preference){.profe .profe-body{animation:profe-bob 4.2s ease-in-out infinite}.profe .profe-eyes{animation:profe-blink 5.2s infinite}.profe .profe-tassel{animation:profe-tassel 3.4s ease-in-out infinite}.profe[data-mood=talk] .profe-mouth{animation:profe-talk .32s ease-in-out infinite alternate}.profe[data-mood=think] .profe-body{animation:profe-tilt 2.4s ease-in-out infinite}.profe[data-mood=happy] .profe-body{animation:profe-hop .9s cubic-bezier(.3,.7,.4,1) 2}.profe[data-mood=cheer] .profe-body{animation:profe-hop .7s cubic-bezier(.3,.7,.4,1) 3}.profe[data-mood=cheer] .profe-cap{animation:profe-toss 1.6s cubic-bezier(.25,.8,.35,1) 1}.profe[data-mood=oops] .profe-body{animation:profe-shake .5s ease-in-out 1}}@keyframes profe-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes profe-blink{0%,93%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}@keyframes profe-tassel{0%,to{transform:rotate(-4deg)}50%{transform:rotate(6deg)}}@keyframes profe-talk{0%{transform:scaleY(.35)}to{transform:scaleY(1.1)}}@keyframes profe-tilt{0%,to{transform:rotate(0)}50%{transform:rotate(-3deg)}}@keyframes profe-hop{0%,to{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1.04,.94)}50%{transform:translateY(-80px) scale(.97,1.04)}80%{transform:translateY(0) scale(1.03,.96)}}@keyframes profe-toss{0%{transform:translateY(0) rotate(0)}40%{transform:translateY(-260px) rotate(-200deg)}70%{transform:translateY(-110px) rotate(-340deg)}to{transform:translateY(0) rotate(-1turn)}}@keyframes profe-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.profe-caret:after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-.15em;background:currentColor}@media (prefers-reduced-motion:no-preference){.profe-caret:after{animation:caret .9s steps(1) infinite}}@keyframes caret{50%{opacity:0}}@media (prefers-reduced-motion:no-preference){.node-next:before{content:"";position:absolute;inset:-6px;border-radius:inherit;border:2px solid var(--tone,var(--color-accent));animation:node-ring 1.8s ease-out infinite}.stamp-in{animation:stamp-in .52s cubic-bezier(.2,1.4,.4,1) both}.pop-in{animation:pop-in .42s cubic-bezier(.2,1.2,.4,1) both}.xp-float{animation:xp-float 1.4s ease-out both}.shake{animation:shake .4s ease-in-out}}@keyframes node-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@keyframes stamp-in{0%{opacity:0;transform:scale(1.8) rotate(-18deg)}to{opacity:1;transform:scale(1) rotate(-6deg)}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}@keyframes xp-float{0%{opacity:0;transform:translateY(6px)}20%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-18px)}}@keyframes shake{0%,to{transform:none}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.cue[data-active=true]{background:var(--color-accent-soft);color:var(--color-ink)}.cue[data-active=true] .cue-time{color:var(--color-accent)}.tip-card{background:#fff6d6;color:#3d2f00}html[data-theme=dark] .tip-card{background:#2b2410;color:#f5e3a6}.ink-pressed[aria-pressed=true],.ink-solid{background-color:#0b0b0c;color:#ffffff}.ink-solid-hover:hover{background-color:#2a2a2e}html[data-theme=dark] .ink-pressed[aria-pressed=true],html[data-theme=dark] .ink-solid{background-color:#f4f4f5;color:#0b0b0c}html[data-theme=dark] .ink-solid-hover:hover{background-color:#d4d4d8}