.tut-spot{z-index:60;outline:2px solid var(--chrome-accent,#d6cfbd);outline-offset:0;pointer-events:none;border-radius:0;transition:transform .18s,width .18s,height .18s;position:fixed;top:0;left:0;box-shadow:0 0 0 200vmax #0a0e148c}.tut-spot.none{outline:0;box-shadow:0 0 0 200vmax #0a0e1459;width:0!important;height:0!important}.tut-spot.pulse:after{content:"";border:2px solid var(--chrome-accent,#d6cfbd);border-radius:0;animation:1.4s ease-out infinite tut-pulse;position:absolute;inset:-4px}@keyframes tut-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}.tut-bubble{z-index:61;background:var(--surface,#fff);color:var(--ink,#1d2733);border:1px solid var(--line,#d3d9e0);font-size:var(--fs-md);border-radius:0;padding:12px 14px 10px;line-height:1.55;transition:transform .18s;position:fixed;top:0;left:0;box-shadow:0 10px 30px #00000047}.tut-head{font-size:var(--fs-xs);letter-spacing:.03em;color:var(--chrome-accent,#d6cfbd);justify-content:space-between;align-items:baseline;gap:8px;font-weight:600;display:flex}.tut-head small{color:var(--ink-3,#8a96a4);font-weight:500}.tut-bubble h3{font-size:var(--fs-xl);margin:4px 0 6px}.tut-body p{margin:0 0 6px}.tut-body kbd{border:1px solid var(--line,#d3d9e0);background:var(--surface-2,#f3f5f8);min-width:18px;font:500 var(--fs-xs) var(--font-mono,monospace);text-align:center;border-bottom-width:2px;border-radius:0;padding:0 5px;display:inline-block}.tut-body b{color:var(--ink,#1d2733)}.tut-actions{align-items:center;gap:6px;margin-top:10px;display:flex}.tut-grow{flex:1}.tut-actions button{font-size:var(--fs-sm);cursor:pointer;border-radius:0;padding:5px 12px;font-weight:600}.tut-quiet{border:1px solid var(--line,#d3d9e0);background:var(--surface,#fff);color:var(--ink-2,#5b6878)}.tut-quiet:hover{background:var(--surface-2,#f3f5f8);color:var(--ink,#1d2733)}.tut-primary{border:1px solid var(--chrome-accent,#d6cfbd);background:var(--chrome-accent,#d6cfbd);color:var(--on-accent,#14181e)}.tut-primary:hover{filter:brightness(1.08)}.tut-bubble.waiting h3:before{content:"▶ ";color:var(--chrome-accent,#d6cfbd)}.tut-note{z-index:61;background:var(--tip-bg,#1c222b);max-width:min(460px,100vw - 24px);color:var(--ink,#eef2f6);border:1px solid var(--line,#262e38);font-size:var(--fs-md);border-radius:0;padding:8px 14px;transition:opacity .5s;position:fixed;bottom:54px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0000004d}.tut-note.out{opacity:0}.tut-section{padding-bottom:0}.tut-section .tut-sub{border-top:0;margin-top:0;padding-top:0}.tut-list{gap:4px;display:grid}.tut-row{border:1px solid var(--line);background:var(--surface-2);border-radius:0;align-items:center;gap:8px;padding:6px 8px;display:flex}.tut-row .tut-name{min-width:0;font-size:var(--fs-md);color:var(--ink);flex:1}.tut-row .tut-name small{color:var(--ink-3);font-size:var(--fs-xs);display:block}.tut-row .tut-check{color:#2d7a52;text-align:center;width:16px;font-weight:700}.tut-row button{flex:none}@media (prefers-reduced-motion:reduce){.tut-spot,.tut-bubble{transition:none}.tut-spot.pulse:after{animation:none}}
