.tutorial_overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;pointer-events:auto}.tutorial_dim{background:rgba(0,0,0,.75)}.tutorial_dim,.tutorial_spotlight_svg{position:fixed;top:0;left:0;width:100%;height:100%;animation:tutorialFadeIn .3s ease}.tutorial_spotlight_svg{pointer-events:none}.tutorial_spotlight_ring{animation:tutorialPulseRing 2s ease-in-out infinite}@keyframes tutorialPulseRing{0%,to{stroke-opacity:.6}50%{stroke-opacity:1;stroke-width:3}}.tutorial_tooltip{position:fixed;width:360px;background:linear-gradient(135deg,rgba(15,25,45,.97),rgba(10,18,35,.98));border:1px solid rgba(80,180,240,.25);border-radius:16px;padding:1.5rem;z-index:10001;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(41,142,188,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.tutorial_tooltip,.tutorial_tooltip.entering{animation:tutorialTooltipIn .3s ease}@keyframes tutorialTooltipIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes tutorialFadeIn{0%{opacity:0}to{opacity:1}}.tutorial_tooltip_header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.tutorial_step_icon{font-size:1.5rem;line-height:1}.tutorial_step_count{font-family:var(--gowun-batang),serif;font-size:.75rem;color:rgba(150,200,240,.5);margin-left:auto;letter-spacing:.05em}.tutorial_close_btn{background:none;border:none;color:rgba(150,200,240,.4);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.tutorial_close_btn:hover{color:rgba(150,200,240,.8);background:rgba(150,200,240,.1)}.tutorial_title{font-size:1.15rem;font-weight:600;color:rgba(220,240,255,.95);margin:0 0 .5rem}.tutorial_desc,.tutorial_title{font-family:var(--gowun-batang),serif}.tutorial_desc{font-size:.85rem;line-height:1.65;color:rgba(150,200,240,.7);margin:0 0 1rem}.tutorial_progress{display:flex;align-items:center;gap:6px;margin-bottom:1rem;justify-content:center}.tutorial_dot{width:8px;height:8px;border-radius:50%;background:rgba(80,150,200,.2);transition:all .3s ease}.tutorial_dot.active{width:24px;border-radius:4px;background:rgba(41,142,188,.8)}.tutorial_dot.done{background:rgba(41,142,188,.4)}.tutorial_actions{display:flex;gap:.75rem;justify-content:flex-end}.tutorial_btn{font-family:var(--gowun-batang),serif;font-size:.85rem;padding:.5rem 1.25rem;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none}.tutorial_btn_back{background:rgba(80,150,200,.1);border:1px solid rgba(80,150,200,.2);color:rgba(150,200,240,.7)}.tutorial_btn_back:hover{background:rgba(80,150,200,.15);color:rgba(150,200,240,.9)}.tutorial_btn_next{background:rgba(41,142,188,.3);border:1px solid rgba(41,142,188,.4);color:rgba(220,240,255,.9)}.tutorial_btn_next:hover{background:rgba(41,142,188,.45)}.tutorial_btn_finish{background:linear-gradient(135deg,rgba(41,142,188,.4),rgba(60,180,220,.3));border:1px solid rgba(41,142,188,.5);color:rgba(220,240,255,.95);font-weight:600}.tutorial_btn_finish:hover{background:linear-gradient(135deg,rgba(41,142,188,.55),rgba(60,180,220,.4))}@media (max-width:768px){.tutorial_tooltip{width:calc(100vw - 2rem);max-width:360px;left:50%!important;transform:translateX(-50%)}}