.tutorial-overlay{position:fixed;inset:0;z-index:9400;display:none;place-items:center;padding:18px;background:rgba(24,43,41,.65);backdrop-filter:blur(14px)}.tutorial-overlay.open{display:grid;animation:tutorial-in .22s ease both}.tutorial-card{width:min(620px,calc(100vw - 26px));max-height:calc(100vh - 36px);overflow:auto;padding:26px;border-radius:25px;color:#344638;box-shadow:0 34px 95px rgba(19,38,34,.31)}.tutorial-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:20px}.tutorial-progress i{height:5px;border-radius:99px;background:rgba(78,101,71,.08)}.tutorial-progress i.done{background:rgba(111,145,94,.42)}.tutorial-progress i.active{background:#6f915f}.tutorial-hero{display:flex;align-items:center;gap:14px;text-align:left}.tutorial-icon{width:56px;height:56px;flex:0 0 auto;border-radius:18px;display:grid;place-items:center;color:#edf5e5;background:linear-gradient(145deg,#789866,#536e51);box-shadow:0 12px 28px rgba(66,90,61,.2)}.tutorial-icon svg{width:27px;height:27px;stroke-width:1.7}.tutorial-hero h2{margin:4px 0 0;font-size:27px;letter-spacing:-.035em}.tutorial-text{margin:18px 0 14px;font-size:10px;line-height:1.62;color:#6f7c6d;text-align:left}.tutorial-tips{display:grid;gap:6px;margin-bottom:21px}.tutorial-tips div{display:grid;grid-template-columns:16px 1fr;align-items:start;gap:7px;padding:7px 9px;border-radius:10px;background:rgba(82,105,75,.05);font-size:8.5px;line-height:1.42;color:#697767;text-align:left}.tutorial-tips svg{width:12px;height:12px;margin-top:1px;color:#759068;stroke-width:2.1}.tutorial-actions{padding-top:14px;border-top:1px solid rgba(75,98,69,.08);display:flex;align-items:center;justify-content:space-between;gap:9px}.tutorial-actions>div{display:flex;gap:7px}.tutorial-actions button{appearance:none;min-height:42px;padding:0 14px;border:1px solid rgba(75,98,69,.1);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font:850 9px/1 system-ui,sans-serif;letter-spacing:.035em;color:#5d7059;background:rgba(82,105,75,.065)}.tutorial-actions button.primary{color:#fff9e8;background:#58765c;border-color:#58765c}.tutorial-actions button.quiet{background:transparent}.tutorial-actions button:disabled{opacity:.35;cursor:default}.tutorial-actions svg{width:14px;height:14px}.tutorial-card::-webkit-scrollbar{width:8px}.tutorial-card::-webkit-scrollbar-thumb{border-radius:99px;background:rgba(73,95,68,.16)}body.reduce-motion .tutorial-overlay.open{animation:none}@keyframes tutorial-in{from{opacity:0;transform:scale(.987)}to{opacity:1;transform:scale(1)}}@media(max-width:620px){.tutorial-overlay{padding:10px}.tutorial-card{padding:19px 14px;max-height:calc(100vh - 20px)}.tutorial-icon{width:48px;height:48px;border-radius:15px}.tutorial-icon svg{width:23px;height:23px}.tutorial-hero h2{font-size:22px}.tutorial-text{margin-top:14px}.tutorial-actions{align-items:stretch}.tutorial-actions>div{display:grid;grid-template-columns:1fr 1fr;flex:1}.tutorial-actions>button{padding:0 10px}.tutorial-actions button{min-height:40px}}