.gravel-tutorial-toolbar{position:sticky;top:10px;z-index:9999;width:min(960px,calc(100% - 24px));margin:10px auto 18px;direction:rtl;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;border:1px solid transparent;border-radius:15px;background:linear-gradient(rgba(255,255,255,.9),rgba(249,253,252,.9)) padding-box,linear-gradient(120deg,rgba(10,170,168,.65),rgba(118,93,221,.26),rgba(244,185,66,.55)) border-box;box-shadow:0 8px 28px rgba(10,52,62,.11),0 0 22px rgba(44,205,194,.06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-family:Vazirmatn,Tahoma,"Segoe UI",sans-serif;color:#173942}
.gravel-tutorial-toolbar a,.gravel-tutorial-toolbar button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 11px;border:0;border-radius:10px;background:transparent;color:inherit;text-decoration:none;font:700 13px/1.5 Vazirmatn,Tahoma,"Segoe UI",sans-serif;cursor:pointer;transition:.18s ease}.gravel-tutorial-toolbar a:hover,.gravel-tutorial-toolbar button:hover{background:#e9f7f4;color:#087d83}.gravel-tutorial-toolbar .gravel-toolbar-brand{font-weight:900}.gravel-share-status{position:fixed;z-index:10000;bottom:22px;left:50%;transform:translateX(-50%);background:#0b303b;color:#fff;padding:9px 16px;border-radius:999px;font:700 13px Vazirmatn,Tahoma,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.2)}
@media(max-width:520px){.gravel-tutorial-toolbar{top:6px}.gravel-tutorial-toolbar .gravel-toolbar-brand span{display:none}.gravel-tutorial-toolbar a,.gravel-tutorial-toolbar button{padding-inline:9px}}
@media(prefers-reduced-motion:reduce){.gravel-tutorial-toolbar a,.gravel-tutorial-toolbar button{transition:none}}