.guide-trigger{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #36584b;border-radius:9px;background:#10221c;color:#dff4ea;cursor:pointer}.guide-trigger span{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--mint);color:#092116;font-weight:900}.guide-trigger b{font:700 9px Manrope;white-space:nowrap}.guide-trigger:hover{border-color:var(--mint)}
.user-guide{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:22px;background:rgba(2,8,6,.78);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:.22s}.user-guide.show{opacity:1;pointer-events:auto}.guide-shell{width:min(1080px,96vw);height:min(780px,92vh);display:flex;flex-direction:column;border:1px solid #36594b;border-radius:19px;background:#0a1512;box-shadow:0 32px 100px #000b;overflow:hidden}.guide-head{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 25px;border-bottom:1px solid var(--line2);background:linear-gradient(120deg,#132c23,#0c1915)}.guide-head h2{margin:5px 0 5px;font:750 23px Manrope}.guide-head p{margin:0;color:var(--muted);font-size:10px}.guide-layout{display:grid;grid-template-columns:250px 1fr;min-height:0;flex:1}.guide-index{padding:15px;border-right:1px solid var(--line2);overflow:auto;background:#09120f}.guide-index button{display:grid;grid-template-columns:29px 1fr;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:10px;background:transparent;color:#8fa49b;text-align:left;cursor:pointer}.guide-index button:hover{background:#10201b;color:var(--text)}.guide-index button.active{background:#163126;color:var(--text)}.guide-index i{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#14251f;color:var(--mint);font-style:normal;font-weight:800}.guide-index b{font:700 10px Manrope}.guide-index small{display:block;margin-top:2px;color:#657a71;font-size:7px}.guide-content{display:flex;flex-direction:column;min-width:0;padding:22px 27px}.guide-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;color:var(--muted);font-size:8px}.guide-progress>div{height:5px;border-radius:6px;background:#192a24;overflow:hidden}.guide-progress>div i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--mint),#8a7dff);transition:width .25s}.guide-progress em{color:var(--mint);font-style:normal;font-weight:800}.guide-content #guideStage{min-height:0;flex:1;padding:22px 2px;overflow:auto}.guide-hero{display:grid;grid-template-columns:64px 1fr;gap:17px;align-items:center;padding:18px;border:1px solid #294a3d;border-radius:14px;background:linear-gradient(145deg,#13271f,#0d1916)}.guide-hero>span{display:grid;place-items:center;width:64px;height:64px;border-radius:17px;background:#1d3b30;color:var(--mint);font-size:27px}.guide-hero h3{margin:0 0 6px;font:750 22px Manrope}.guide-hero p{margin:0;color:#a8bbb2;font-size:10px;line-height:1.6}.guide-learn{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.guide-learn article{padding:14px;border:1px solid var(--line);border-radius:11px;background:#0d1916}.guide-learn b{display:block;margin-bottom:5px;color:#d9e9e2;font-size:10px}.guide-learn p{margin:0;color:var(--muted);font-size:9px;line-height:1.55}.guide-checklist{margin:13px 0 0;padding:0;list-style:none}.guide-checklist li{display:flex;gap:9px;padding:8px 0;border-bottom:1px solid var(--line);color:#a8bbb2;font-size:9px}.guide-checklist li:before{content:'✓';display:grid;place-items:center;flex:0 0 20px;height:20px;border-radius:7px;background:#173226;color:var(--mint);font-weight:900}.guide-practice{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px;padding:13px 15px;border:1px dashed #477260;border-radius:11px;background:#10201b}.guide-practice span{display:flex;flex-direction:column}.guide-practice b{font-size:10px}.guide-practice small{margin-top:3px;color:var(--muted);font-size:8px}.guide-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:15px;border-top:1px solid var(--line2)}.guide-actions button:disabled{opacity:.35;pointer-events:none}
@media(max-width:900px){.guide-shell{height:94vh}.guide-layout{grid-template-columns:1fr}.guide-index{display:flex;gap:6px;border-right:0;border-bottom:1px solid var(--line2);overflow-x:auto}.guide-index button{min-width:150px}.guide-content{padding:17px}.guide-learn{grid-template-columns:1fr}.guide-trigger b{display:none}}
@media(max-width:600px){.user-guide{padding:0}.guide-shell{width:100vw;height:100vh;border:0;border-radius:0}.guide-head{padding:17px}.guide-head h2{font-size:18px}.guide-practice{align-items:flex-start;flex-direction:column}.guide-practice button{width:100%}.guide-actions .text-btn{display:none}}