.in-lesson .toolcol>button[aria-label*=position i],.in-lesson .toolcol>button[aria-label*=location i]{opacity:.35;pointer-events:none}.lesson{z-index:40;pointer-events:none;position:fixed;inset:0}.lesson>*{pointer-events:auto}.lesson-acts button{border-radius:var(--r-md);border:1px solid var(--c-border-strong);color:var(--c-text);padding:8px 14px;font-weight:650}.lesson-card{border-radius:var(--r-lg);background:var(--c-surface-heavy);border:1px solid var(--c-border);box-shadow:var(--shadow-panel);color:var(--c-text-dim);font-size:calc(14px * var(--ui-scale));flex-direction:column;gap:6px;padding:18px;animation:.4s ease-out lesson-fade;display:flex;position:absolute;top:50%;left:16px;right:16px;transform:translateY(-50%)}.lesson-card>b{color:var(--c-text);font-size:calc(20px * var(--ui-scale))}.lesson-stamp{color:var(--c-good)!important;font-size:calc(26px * var(--ui-scale))!important}.lesson-acts{gap:10px;margin-top:8px;display:flex}.lesson-acts .lesson-go{background:var(--c-accent);color:var(--c-on-accent);border-color:var(--c-accent)}.lesson-pulse{animation:1.4s ease-in-out infinite lesson-pulse}@keyframes lesson-pulse{0%,to{box-shadow:0 0 0 0 rgba(var(--c-accent-rgb), .9)}60%{box-shadow:0 0 0 14px rgba(var(--c-accent-rgb), 0)}}.drill{z-index:45;pointer-events:none;position:fixed;inset:0}.drill-words{left:50%;bottom:calc(var(--barh,0px) + 84px + env(safe-area-inset-bottom));border-radius:var(--r-lg);background:var(--c-surface-heavy);border:1px solid var(--c-accent);max-width:min(60vw,260px);box-shadow:var(--shadow-panel);color:var(--c-text);font-size:calc(15px * var(--ui-scale));pointer-events:auto;align-items:center;gap:10px;padding:8px 8px 8px 14px;font-weight:650;line-height:1.25;animation:.3s ease-out lesson-in;display:flex;position:absolute;transform:translate(-50%)}.drill-words small{color:var(--c-text-dim);font-size:calc(11.5px * var(--ui-scale));font-weight:500;display:block}.drill-words button{width:30px;height:30px;color:var(--c-text-dim);border-radius:50%;flex:none;font-size:18px}.drill-done{border-color:var(--c-good)}.drill-finger{z-index:60;opacity:0;pointer-events:none;width:0;height:0;position:fixed}.drill-finger .gf-hand{transform-origin:13px 1px;filter:drop-shadow(0 4px 8px #0009);position:absolute;top:-1px;left:-13px}.drill-finger .gf-hand path{fill:#fffdf6;stroke:#1b1f17;stroke-width:1.6px;stroke-linejoin:round}.drill-finger .gf-tip{border:3px solid var(--c-accent);opacity:0;border-radius:50%;width:36px;height:36px;position:absolute;top:-18px;left:-18px}.drill-finger.drill-tap,.drill-finger.drill-hold,.drill-finger.drill-drag{animation:1.7s ease-out gf-show}.drill-finger.drill-hold{animation-duration:2.1s}.drill-finger.drill-drag{animation-duration:2.2s}.drill-tap .gf-hand{animation:1.7s ease-out gf-press}.drill-tap .gf-tip{animation:1.7s ease-out gf-ripple}.drill-hold .gf-hand{animation:2.1s ease-out gf-hold}.drill-hold .gf-tip{animation:2.1s linear gf-fill}.drill-drag .gf-hand{animation:2.2s ease-out gf-drag}@keyframes gf-show{0%{opacity:0}12%,82%{opacity:1}to{opacity:0}}@keyframes gf-press{0%{transform:translate(26px,34px)}32%{transform:translate(0)}42%{transform:scale(.86)}56%,to{transform:scale(1)}}@keyframes gf-ripple{0%,40%{opacity:0;transform:scale(.4)}44%{opacity:1}80%,to{opacity:0;transform:scale(1.6)}}@keyframes gf-hold{0%{transform:translate(26px,34px)}25%{transform:translate(0)}32%,78%{transform:scale(.86)}90%,to{transform:scale(1)}}@keyframes gf-fill{0%,30%{opacity:0;transform:scale(.5)}34%{opacity:1;transform:scale(.5)}60%,78%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(1.15)}}@keyframes gf-drag{0%{transform:translate(26px,34px)}20%{transform:translate(0)}26%,86%{transform:scale(.86)}to{transform:scale(1)}}.lesson-pulse{outline-offset:3px;outline:3px solid var(--c-accent)!important}.tour-bar{border-top:1px solid rgba(var(--c-ink-rgb), .14);border-radius:0 0 var(--r-md) var(--r-md);color:var(--c-text);flex-direction:column;gap:7px;margin:3px -4px -4px;padding:9px 6px 6px 10px;display:flex}.tour-segs{gap:5px;padding-right:4px;display:flex}.tour-segs>i{background:rgba(var(--c-ink-rgb), .18);border-radius:3px;flex:1;height:6px;transition:background .4s}.tour-segs>i.done{background:var(--c-accent)}.tour-segs>i.now{background:rgba(var(--c-accent-rgb), .55);animation:1.6s ease-in-out infinite tour-now}@keyframes tour-now{50%{background:rgba(var(--c-accent-rgb), .22)}}.tour-row{align-items:center;gap:9px;min-height:30px;display:flex}.tour-step{font-size:calc(12px * var(--ui-scale));font-variant-numeric:tabular-nums;flex:none;font-weight:650}.tour-words{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.tour-words>b{font-size:calc(14.5px * var(--ui-scale));white-space:nowrap;text-overflow:ellipsis;font-weight:700;animation:.3s ease-out lesson-fade;overflow:hidden}.tour-words>small{color:var(--c-text-dim);font-size:calc(12px * var(--ui-scale))}.tour-words em{color:var(--c-accent);font-style:normal;font-weight:700}.tour-go{border-radius:var(--r-sm);background:var(--c-accent);color:var(--c-on-accent);font-weight:750;font-size:calc(13.5px * var(--ui-scale));flex:none;padding:6px 13px;animation:.3s ease-out lesson-fade}.tour-x{border-radius:var(--r-sm);min-width:28px;height:28px;color:var(--c-text-dim);font-size:calc(15px * var(--ui-scale));flex:none;padding:0 6px;font-weight:650}.tour-check{background:var(--c-accent);width:24px;height:24px;color:var(--c-on-accent);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:900;animation:.35s ease-out tour-check-in;display:grid}@keyframes tour-check-in{0%{opacity:0;transform:scale(.6)}}.tour-won .tour-words>b{animation:.4s ease-out lesson-fade}.gf-pinch{z-index:60;pointer-events:none;width:0;height:0;position:fixed}.gf-pinch>i{opacity:0;background:#fffdf6d9;border:2px solid #1b1f17;border-radius:50%;width:30px;height:30px;margin:-15px;position:absolute;box-shadow:0 4px 10px #0000008c}.gf-pinch.on>i:first-child{animation:1.6s ease-in-out gf-pinch-a}.gf-pinch.on>i:last-child{animation:1.6s ease-in-out gf-pinch-b}.gf-tilt{z-index:60;pointer-events:none;width:0;height:0;position:fixed}.gf-tilt>i{opacity:0;background:#fffdf6d9;border:2px solid #1b1f17;border-radius:50%;width:30px;height:30px;margin:-15px;position:absolute;box-shadow:0 4px 10px #0000008c}.gf-tilt>i:first-child{left:-30px}.gf-tilt>i:last-child{left:30px}.gf-tilt.on>i{animation:1.6s ease-in-out gf-tilt}@keyframes gf-tilt{0%{opacity:0;transform:translateY(40px)}15%{opacity:1;transform:translateY(40px)}80%{opacity:1;transform:translateY(-90px)}to{opacity:0;transform:translateY(-90px)}}@keyframes gf-pinch-a{0%{opacity:0;transform:translate(-70px,-70px)}15%{opacity:1;transform:translate(-70px,-70px)}80%{opacity:1;transform:translate(-18px,-18px)}to{opacity:0;transform:translate(-18px,-18px)}}@keyframes gf-pinch-b{0%{opacity:0;transform:translate(70px,70px)}15%{opacity:1;transform:translate(70px,70px)}80%{opacity:1;transform:translate(18px,18px)}to{opacity:0;transform:translate(18px,18px)}}.topcard.welcome{border-radius:var(--r-md)}.welcome-acts{padding-top:4px}.welcome-signin{padding-top:10px}.tour-skip{border-radius:var(--r-sm);border:1px solid rgba(var(--c-ink-rgb), .3);color:var(--c-text-dim);font-weight:650;font-size:calc(13px * var(--ui-scale));flex:none;padding:5px 11px;animation:.3s ease-out lesson-fade}.tour-alone>.tour-bar{border-radius:var(--r-md);border-top:0;margin:-4px}
