.tutorial-highlight{position:fixed;z-index:1200;pointer-events:none;border:2px solid #60efc3;border-radius:10px;box-shadow:0 0 0 100vmax rgba(0,5,12,.58)}
.tutorial-panel{position:fixed;z-index:1300;left:calc(100% - 400px);top:90px;width:380px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 100px);overflow:auto;background:#101c29;color:#e5edf6;border:1px solid #60efc3;border-radius:14px;padding:20px;box-shadow:0 12px 50px #0009;font-size:14px;line-height:1.55}
.tutorial-panel h3{margin:6px 0 12px;color:#9fffe0}.tutorial-panel p{margin:12px 0}.tutorial-panel .btn{display:inline-block;margin:8px 8px 0 0;white-space:normal}.tutorial-panel:focus{outline:2px solid #fff;outline-offset:3px}.tutorial-eyebrow{font-size:11px;letter-spacing:.1em;color:#60efc3}.tutorial-notice{padding:10px;border-left:3px solid #f6c76c;background:#ffffff08}.tutorial-training{border:1px dashed #60efc3;margin:16px 0;padding:20px}.tutorial-training h3{color:#9fffe0}.tutorial-panel[hidden],.tutorial-highlight[hidden]{display:none!important}
@media(max-width:700px){.tutorial-panel{left:12px;right:12px;top:auto;bottom:calc(88px + env(safe-area-inset-bottom));width:auto;max-width:none;max-height:42dvh;padding:14px}.tutorial-panel p{margin:8px 0}}
@media(prefers-reduced-motion:reduce){.tutorial-panel,.tutorial-highlight{animation:none;transition:none;scroll-behavior:auto}}

.tutorial-terminal-result{white-space:pre-wrap;color:#9fffe0;border-left:2px solid #60efc3;padding:8px;margin:8px 0}