#page-title{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:800;line-height:1.1;color:var(--sidebar-foreground);position:relative;margin:0;font-size:clamp(1.1rem,2vw,1.25rem);display:flex;flex-direction:column;align-items:center}#page-title .word{display:inline-block;opacity:0;transform:translateY(8px)}#page-title.play .word.point{animation:titleFadeUp .38s cubic-bezier(.25,.8,.25,1) 40ms both}#page-title.play .word.tap{animation:titleFadeUp .38s cubic-bezier(.25,.8,.25,1) .24s both}#page-title.play .word.done{animation:titleFadeUp .38s cubic-bezier(.25,.8,.25,1) .44s both}#page-title.play .word.rest{animation:titleFadeUp .38s cubic-bezier(.25,.8,.25,1) .64s both}@keyframes titleFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#page-title.play .word.done:after{content:"";display:block;height:2px;margin-top:4px;border-radius:999px;background:linear-gradient(90deg,#1a73e8,#10b981);transform-origin:left;transform:scaleX(0);animation:titleUnderline .6s cubic-bezier(.25,.8,.25,1) .6s both}@keyframes titleUnderline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}#page-title:after{content:"";position:absolute;inset:0;border-radius:6px;pointer-events:none;background:linear-gradient(115deg,transparent,rgba(255,255,255,0) 40%,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 60%,transparent);transform:translateX(-120%);opacity:0}#page-title.play:after{animation:titleSweep 1.2s cubic-bezier(.25,.8,.25,1) .9s both}@keyframes titleSweep{0%{opacity:0;transform:translateX(-120%)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateX(120%)}}#page-title.animated .word,#page-title:not(.play) .word{opacity:1;transform:none}#page-title.animated .word.done:after{content:"";display:block;height:2px;margin-top:4px;border-radius:999px;background:linear-gradient(90deg,#1a73e8,#10b981);transform:scaleX(1)}@media (prefers-reduced-motion:reduce){#page-title .word{opacity:1;transform:none}#page-title.play .word.done,#page-title.play .word.done:after,#page-title.play .word.point,#page-title.play .word.rest,#page-title.play .word.tap,#page-title:after{animation:none!important}}body.camera-open #page-title{display:none!important}