#pf-tutorial{width:min(1000px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:20px;background:var(--card);color:var(--ink);box-shadow:0 24px 100px #0004;overflow:auto}
#pf-tutorial::backdrop{background:rgba(12,30,25,.65)}
body.pft-is-open{overflow:hidden}
#pf-tutorial .pft-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:28px 32px;border-bottom:1px solid var(--line);background:var(--soft)}
#pf-tutorial .pft-kicker{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--acc)}
#pf-tutorial h2{font-size:25px;line-height:1.25;margin:8px 0}
#pf-tutorial .pft-head p{margin:0;color:var(--mute);font-size:13px}
#pf-tutorial .pft-head button{flex-shrink:0}
#pf-tutorial .pft-body{display:grid;grid-template-columns:245px minmax(0,1fr)}
#pf-tutorial .pft-index{padding:22px 16px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
#pf-tutorial .pft-index button{border:1px solid transparent;border-radius:9px;background:transparent;color:var(--mute);text-align:left;font-size:12px;line-height:1.5;padding:12px;cursor:pointer}
#pf-tutorial .pft-index button:hover{background:var(--soft);color:var(--ink)}
#pf-tutorial .pft-index button[aria-current]{background:var(--soft);border-color:var(--acc);color:var(--ink);font-weight:700}
#pf-tutorial .pft-lesson{padding:24px 32px 30px;min-width:0}
#pft-progress{font-size:11px;color:var(--acc);font-weight:700;margin:0 0 10px}
#pf-tutorial #pft-title{font-size:24px;line-height:1.25;margin:0 0 12px}
#pft-intro{color:var(--mute);font-size:14px;margin:0 0 22px}
#pf-tutorial #pft-steps{padding-left:24px}
#pft-steps li{padding-left:6px;margin:0 0 18px;font-size:14px}
#pft-steps li::marker{color:var(--acc);font-weight:800}
#pft-steps p{margin:4px 0 0;color:var(--mute);line-height:1.65}
#pft-tip{background:var(--soft);border-left:3px solid var(--acc);border-radius:4px;padding:14px 16px;font-size:13px;line-height:1.65;margin:22px 0}
#pf-tutorial .pft-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 32px;border-top:1px solid var(--line)}
#pft-count{font-size:12px;color:var(--mute)}
#pf-tutorial button:disabled{opacity:.4;cursor:default}
@media(max-width:650px){#pf-tutorial .pft-head{padding:20px;gap:10px}#pf-tutorial h2{font-size:21px}#pf-tutorial .pft-body{grid-template-columns:1fr}#pf-tutorial .pft-index{display:flex;flex-direction:row;overflow:auto;padding:12px;border-right:0;border-bottom:1px solid var(--line)}#pf-tutorial .pft-index button{flex:0 0 165px;font-size:11px}#pf-tutorial .pft-lesson{padding:22px 20px}#pf-tutorial .pft-footer{padding:16px 20px}#pf-tutorial #pft-title{font-size:22px}.topactions{flex-wrap:wrap}}