.guide-hero{max-width:60ch;margin-bottom:20px}.guide-wrap{container-type:inline-size}.gt{grid-template-columns:minmax(230px,290px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.gt-list{gap:4px;display:grid}.gt-list button{border-radius:var(--radius-xl);width:100%;color:var(--foreground);font:inherit;text-align:start;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px 14px;transition:background-color .2s,border-color .2s;display:grid;position:relative}.gt-list button:hover{background:var(--muted)}.gt-list button.on{background:var(--card);border-color:var(--border);box-shadow:var(--shadow-xs)}.gt-list button:focus-visible{outline:2px solid var(--primary-ink);outline-offset:2px}.gt-n{background:var(--muted);width:30px;height:30px;color:var(--muted-foreground);font-weight:700;font-size:var(--fs-sm);border-radius:50%;place-items:center;display:grid}.gt-list button.on .gt-n{background:var(--primary);color:#fff}.gt-list button.seen .gt-n{background:var(--primary-soft);color:var(--primary-ink)}.gt-tl{gap:1px;min-width:0;display:grid}.gt-tl b{font-weight:600;font-size:var(--fs-sm)}.gt-tl small{color:var(--muted-foreground);font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gt-bar{inset-inline:12px;background:var(--muted);border-radius:99px;height:3px;position:absolute;bottom:6px;overflow:hidden}.gt-bar span{background:var(--primary);transform-origin:100%;height:100%;animation:linear both gt-fill;display:block}@keyframes gt-fill{0%{transform:scaleX(0)}}.gt-main{border-radius:var(--radius-card);background:var(--card);border:1px solid var(--border);grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:center;gap:28px;padding:24px;display:grid}.gt-stage{background:radial-gradient(circle at 1px 1px,#ffffff17 1px,#0000 0) 0 0/16px 16px,linear-gradient(150deg,#0d2a22,#04805b 120%);border-radius:22px;place-items:center;padding:26px 22px;display:grid;position:relative;overflow:hidden}.gt-glow{aspect-ratio:1;filter:blur(60px);opacity:.35;top:-20%;background:#10b981;border-radius:50%;width:70%;position:absolute;inset-inline-start:-10%}.gt-screen{background:var(--card);width:100%;max-width:300px;height:420px;color:var(--foreground);animation:gt-screen .45s var(--ease) both;border-radius:26px;position:relative;overflow:hidden;box-shadow:0 30px 60px -24px #0009,0 0 0 6px #ffffff0f}@keyframes gt-screen{0%{opacity:0;transform:translateY(10px)scale(.98)}}.gt-copy h2{font-size:var(--fs-2xl);margin:0 0 .4em}.gt-copy>p:not(.gt-step){color:var(--muted-foreground);max-width:46ch;margin:0 0 1.2em}.gt-step{font-size:var(--fs-sm);color:var(--primary-ink);margin:0 0 .4em;font-weight:600}.gt-ctl{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.gt-ctl .icon-btn{border:1px solid var(--border);width:44px;height:44px}.gt-ctl .gt-play{background:var(--primary);color:#fff;border-color:#0000}.gt-try{margin-inline-start:8px}.gt-paused .gt-bar span,.gt-paused .gt-screen,.gt-paused .gt-screen *{animation-play-state:paused!important}@container (max-width:1060px){.gt{grid-template-columns:minmax(0,1fr);gap:12px}.gt-list{scrollbar-width:none;grid-auto-columns:minmax(170px,1fr);grid-auto-flow:column;padding-bottom:2px;overflow-x:auto}.gt-list::-webkit-scrollbar{display:none}}@container (max-width:640px){.gt-main{grid-template-columns:minmax(0,1fr);gap:18px;padding:14px}.gt-stage{padding:18px 14px}.gt-screen{height:380px}.gt-list{grid-auto-columns:140px}.gt-tl small{display:none}}.guide-text{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;margin-top:28px;display:grid}.guide-text article{align-content:start;gap:8px;display:grid}.guide-text h3{align-items:center;gap:8px;margin:0;display:flex}.guide-text h3 .gt-n{background:var(--primary-soft);width:26px;height:26px;color:var(--primary-ink)}.guide-text ul{color:var(--muted-foreground);font-size:var(--fs-sm);margin:0;padding-inline-start:1.2em}.guide-text p{margin:0}.guide-text .more{justify-self:start}.gs{--gs-amber:#b45309}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .gs{--gs-amber:#fbbf24}}:root[data-theme=dark] .gs{--gs-amber:#fbbf24}.gs{flex-direction:column;gap:10px;height:100%;padding:16px 14px;font-size:12px;line-height:1.6;display:flex;position:relative}.gs-top{align-items:center;gap:8px;min-height:28px;display:flex}.gs-logo{color:#fff;background:#05805b;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;font-size:14px;font-weight:800;display:grid}.gs-line{background:var(--muted);border-radius:99px;height:7px;display:block}.gs-line.w40{width:40%}.gs-line.w55{width:55%}.gs-line.w65{width:65%}.gs-line.w80{width:80%}.gs-top>.gs-line{width:70px}.gs-lines{flex:1;gap:6px;min-width:0;display:grid}.gs-cover{color:#fff;border-radius:12px;place-items:center;height:64px;display:grid;position:relative}.gs-cover.sm{border-radius:10px;flex:none;width:40px;height:40px}.gs-cover.big{border-radius:16px;height:120px}.gs-cover.t0{background:linear-gradient(140deg,#0d2a22,#10b981)}.gs-cover.t1{background:linear-gradient(140deg,#1e1b4b,#6366f1)}.gs-cover.t2{background:linear-gradient(140deg,#3b0764,#c026d3)}.gs-cover.t3{background:linear-gradient(140deg,#422006,#f59e0b)}.gs-card{background:var(--background);border:1px solid var(--border);border-radius:14px;gap:8px;padding:8px;display:grid}.gs-chip{background:var(--muted);color:var(--muted-foreground);white-space:nowrap;border-radius:99px;flex:none;padding:2px 8px;font-size:10px}.gs-chip.ok{background:var(--primary-soft);color:var(--primary-ink);font-weight:600}.gs-btn{background:var(--primary);color:#fff;border-radius:10px;place-items:center;height:34px;padding:0 14px;font-weight:600;display:grid}.gs-btn.sm{height:26px;margin-inline-start:auto;padding:0 10px;font-size:11px}.gs-btn.wide{margin-top:auto}.gs-toast{inset-inline:14px;background:var(--foreground);color:var(--background);border-radius:12px;align-items:center;gap:6px;padding:9px 12px;font-weight:600;display:flex;position:absolute;bottom:14px}.gs-tap{z-index:5;pointer-events:none;opacity:0;background:#10b98159;border:2px solid #fff;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;display:block;position:absolute;box-shadow:0 4px 14px #0000004d}.sw{display:inline-grid}.sw>*{grid-area:1/1}.sw .b{opacity:0}@keyframes gs-in{0%{opacity:0;transform:translateY(10px)}}@keyframes gs-pop{0%{opacity:0;transform:scale(.9)}}@keyframes gs-show{0%{opacity:0}to{opacity:1}}@keyframes gs-out{to{opacity:0;transform:translateY(-6px)}}@keyframes gs-hide{to{opacity:0;visibility:hidden}}@keyframes gs-grow{0%{transform:scaleX(0)}}@keyframes gs-press{50%{transform:scale(.92)}}@keyframes gs-glow{50%{box-shadow:0 0 0 7px var(--primary-soft)}}@keyframes gs-spin{to{transform:rotate(1turn)}}@keyframes gs-reveal{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes gs-blink{50%{opacity:0}}@keyframes gs-mark{to{background:var(--primary-soft);color:var(--primary-ink);font-weight:600}}@keyframes gs-on{to{background:var(--primary);color:#fff;border-color:#0000}}.gs-field .gs-pill{border:1px solid var(--border);border-radius:9px;align-items:center;gap:4px;margin-inline-start:auto;padding:4px 8px;font-size:11px;animation:.4s 1.1s gs-press,.3s 3.4s forwards gs-on;display:flex}.gs-field .sw .a{animation:.25s 3.4s both gs-out}.gs-field .sw .b{animation:.3s 3.5s both gs-show}.gs-menu{z-index:3;background:var(--card);border:1px solid var(--border);transform-origin:0 0;width:150px;animation:gs-pop .3s var(--ease) 1.3s both, gs-hide .25s 3.4s forwards;border-radius:12px;gap:2px;padding:6px;display:grid;position:absolute;top:52px;left:14px;box-shadow:0 14px 30px -12px #00000059}.gs-menu span{border-radius:8px;padding:5px 8px}.gs-menu .pick{animation:.2s 2.9s forwards gs-mark}.gs-head{margin-top:4px}.gs-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.gs-grid .c0,.gs-grid .c1{grid-row:1}.gs-grid .c2,.gs-grid .c3{grid-row:2}.gs-grid .c0,.gs-grid .c2{grid-column:1}.gs-grid .c1,.gs-grid .c3{grid-column:2}.gs-grid .old{animation:.3s 3.7s forwards gs-hide}.gs-grid .old.c1,.gs-grid .old.c3{animation-delay:3.8s}.gs-grid .new{animation:gs-in .45s var(--ease) 4s both}.gs-grid .new.c1{animation-delay:4.1s}.gs-grid .new.c2{animation-delay:4.2s}.gs-grid .new.c3{animation-delay:4.3s}.tap-field{animation:tap-field 8s var(--ease) both}@keyframes tap-field{0%{opacity:0;top:85%;left:60%}6%{opacity:1}13%{top:9%;left:20%;transform:scale(1)}15%{transform:scale(.75)}17%{transform:scale(1)}32%{top:37%;left:22%;transform:scale(1)}35%{transform:scale(.75)}38%{opacity:1;transform:scale(1)}46%,to{opacity:0;top:37%;left:22%}}.gs-input{border:1px solid var(--primary-ink);height:38px;box-shadow:0 0 0 3px var(--primary-soft);color:var(--muted-foreground);border-radius:11px;align-items:center;gap:6px;padding:0 10px;display:flex}.gs-typed{color:var(--foreground);font-weight:500;animation:1.5s steps(12,end) .6s both gs-reveal}.gs-caret{background:var(--primary-ink);width:1.5px;height:16px;animation:1s step-end infinite gs-blink}.gs-results{gap:6px;animation:.3s 4.1s forwards gs-hide;display:grid}.gs-row{border:1px solid var(--border);animation:gs-in .4s var(--ease) 2.3s both;border-radius:12px;align-items:center;gap:8px;padding:6px;display:flex}.gs-row.r1{animation-delay:2.45s}.gs-row.r2{animation-delay:2.6s}.gs-row.r0{animation:gs-in .4s var(--ease) 2.3s both, gs-mark .2s 3.6s forwards, gs-press .3s 3.6s}.gs-open{animation:gs-in .45s var(--ease) 4.3s both;gap:10px;display:grid;position:absolute;inset:106px 14px auto}.gs-open .gs-btn{animation:1.2s 5.4s 2 gs-glow}.gs-uni{background:#fff;border-radius:50%;width:22px;height:22px;position:absolute;bottom:8px;left:8px;box-shadow:0 2px 6px #0000004d}.tap-search{animation:tap-search 8s var(--ease) both}@keyframes tap-search{0%,36%{opacity:0;top:80%;left:50%}40%{opacity:1}45%{top:30%;left:55%;transform:scale(1)}47%{transform:scale(.75)}50%{opacity:1;transform:scale(1)}56%,to{opacity:0;top:30%;left:55%}}.gs-player{color:#fff;background:linear-gradient(150deg,#0d2a22,#04805b);border-radius:16px;place-items:center;height:150px;display:grid;position:relative}.gs-playbtn{background:#ffffff2e;border-radius:50%;place-items:center;width:52px;height:52px;animation:.3s .8s gs-press,.3s 1.1s forwards gs-hide;display:grid}.gs-q{background:#0006;border-radius:7px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;animation:.3s 2.9s gs-press;display:flex;position:absolute;top:8px;left:8px}.gs-learn .gs-q .sw .a{animation:.2s 3s both gs-out}.gs-learn .gs-q .sw .b{animation:.2s 3.1s both gs-show}.gs-track{inset-inline:10px;background:#ffffff40;border-radius:99px;height:4px;position:absolute;bottom:10px;overflow:hidden}.gs-fill{background:var(--primary);transform-origin:100%;height:100%;display:block}.gs-learn .gs-fill{animation:5s linear 1.1s both gs-grow}.gs-lessons{gap:6px;display:grid}.gs-lesson{background:var(--background);border-radius:11px;align-items:center;gap:8px;padding:7px 9px;display:flex}.gs-check{border:1.5px solid var(--border);color:#0000;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.gs-lesson.l0 .gs-check{background:var(--primary);color:#fff;border-color:#0000}.gs-lesson.l1 .gs-check{animation:.25s 4s forwards gs-on}.gs-lesson.l2 .gs-check{animation:.25s 6s forwards gs-on}.gs-lesson.l1{animation:.3s 1.1s forwards gs-mark}.gs-streak{color:var(--gs-amber);background:#f59e0b26;border-radius:99px;align-self:flex-start;align-items:center;gap:6px;padding:5px 10px;font-weight:600;animation:1s 6.3s gs-glow;display:flex}.gs-streak .sw .a{animation:.25s 6.3s both gs-out}.gs-streak .sw .b{animation:.3s 6.4s both gs-show}.tap-learn{animation:tap-learn 8s var(--ease) both}@keyframes tap-learn{0%{opacity:0;top:70%;left:50%}5%{opacity:1}10%{top:21%;left:50%;transform:scale(1)}11%{transform:scale(.75)}13%{transform:scale(1)}33%{top:6%;left:20%;transform:scale(1)}36%{transform:scale(.75)}38%{opacity:1;transform:scale(1)}44%,to{opacity:0;top:6%;left:20%}}.gs-note{border:1px solid var(--border);animation:gs-in .4s var(--ease) .3s both;border-radius:13px;align-items:center;gap:9px;padding:9px;display:flex}.gs-note.n1{animation-delay:.45s}.gs-note.n2{animation-delay:.6s}.gs-note.n3{animation-delay:.75s}.gs-doc{background:var(--primary-soft);width:34px;height:40px;color:var(--primary-ink);border-radius:8px;flex:none;place-items:center;display:grid}.gs-dl{background:var(--muted);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid;position:relative}.gs-dl>*{grid-area:1/1}.gs-note.n0 .gs-dl{animation:.3s 1.8s gs-press,.3s 3.3s forwards gs-on}.gs-dl .i1{animation:.2s 2s forwards gs-hide}.gs-ring{border:2px solid var(--primary);opacity:0;border-top-color:#0000;border-radius:50%;width:18px;height:18px;animation:.1s 2s both gs-show,.6s linear 2s 2 gs-spin,.1s 3.2s forwards gs-hide}.gs-dl .i2{animation:.3s 3.3s both gs-pop}.gs-ok{background:var(--primary-soft);color:var(--primary-ink);animation:gs-pop .35s var(--ease) 3.9s both;border-radius:99px;align-self:flex-start;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.tap-notes{animation:tap-notes 8s var(--ease) both}@keyframes tap-notes{0%,10%{opacity:0;top:70%;left:50%}14%{opacity:1}21%{top:24%;left:16%;transform:scale(1)}23%{transform:scale(.75)}26%{opacity:1;transform:scale(1)}32%,to{opacity:0;top:24%;left:16%}}.gs-form{gap:7px;display:grid}.gs-form .gs-field{border:1px solid var(--border);animation:gs-in .4s var(--ease) .3s both;border-radius:10px;gap:2px;padding:6px 9px;display:grid}.gs-form .gs-field+.gs-field{animation-delay:.5s}.gs-lbl{color:var(--muted-foreground);font-size:10px}.gs-val{font-weight:600}.gs-up{border:1px solid var(--border);background:var(--background);animation:gs-in .4s var(--ease) 1s both;border-radius:13px;align-items:center;gap:9px;padding:9px;display:flex}.gs-upmain{flex:1;gap:4px;min-width:0;display:grid;position:relative}.gs-upname{justify-content:space-between;gap:6px;font-size:11px;font-weight:600;display:flex}.gs-share .gs-track{background:var(--muted);height:5px;position:static}.gs-share .gs-fill{animation:8s linear both share-fill;transform:scaleX(0)}@keyframes share-fill{0%,15%{transform:scaleX(0)}33%{background:var(--primary);transform:scaleX(.6)}34%,47%{background:#d97706;transform:scaleX(.6)}48%{background:var(--primary)}68%,to{background:var(--primary);transform:scaleX(1)}}@property --gs-n{syntax:"<integer>";inherits:false;initial-value:0}.gs-pct{--gs-n:0;counter-reset:gs-n var(--gs-n);font-variant-numeric:tabular-nums;animation:8s linear both share-pct}.gs-pct:after{content:counter(gs-n, persian) "٪"}@keyframes share-pct{0%,15%{--gs-n:0}33%,47%{--gs-n:60}68%,to{--gs-n:100}}.gs-upline{color:var(--muted-foreground);min-height:15px;font-size:10px}.gs-upline .sw .a{opacity:0;color:var(--gs-amber);animation:.2s 2.7s both gs-show,.2s 3.8s forwards gs-hide}.gs-upline .sw .b{color:var(--primary-ink);font-weight:600;animation:.3s 5.5s both gs-show}.gs-upic{background:var(--muted);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.gs-share .gs-btn{animation:1s 5.9s gs-glow,.3s 6.1s gs-press,.2s 6.4s forwards gs-hide}.gs-upic .sw{place-items:center;display:grid}.gs-upic .sw .a{animation:.2s 5.5s forwards gs-hide}.gs-upic .sw .b{color:var(--primary-ink);animation:.2s 5.5s both gs-show}.gs-share .gs-toast{animation:gs-in .4s var(--ease) 6.4s both}.gs-assoc{border:1px solid var(--border);animation:gs-in .4s var(--ease) .3s both;border-radius:14px;align-items:center;gap:9px;padding:10px;display:flex}.gs-alogo{color:#fff;background:linear-gradient(140deg,#1e1b4b,#6366f1);border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:grid}.gs-join{border:1px solid var(--primary-ink);color:var(--primary-ink);border-radius:9px;flex:none;padding:5px 10px;font-size:11px;font-weight:600;animation:.3s 1.5s gs-press,.3s 1.7s forwards gs-on}.gs-join .sw .a{animation:.2s 1.7s both gs-out}.gs-join .sw .b{align-items:center;gap:3px;animation:.25s 1.8s both gs-show;display:inline-flex}.gs-event{background:var(--background);animation:gs-in .4s var(--ease) 2.4s both;border-radius:13px;align-items:center;gap:9px;padding:9px;display:flex}.gs-event.e2{animation-delay:4.5s}.gs-date{background:var(--card);border:1px solid var(--border);border-radius:10px;flex:none;place-items:center;width:40px;padding:3px 0;line-height:1.2;display:grid}.gs-date b{font-size:15px}.gs-date small{color:var(--muted-foreground);font-size:9px}.gs-event .gs-chip.ok{animation:gs-pop .3s var(--ease) 3.8s both}.gs-community .gs-toast{animation:gs-in .4s var(--ease) 4.1s both}.tap-community{animation:tap-community 8s var(--ease) both}@keyframes tap-community{0%{opacity:0;top:75%;left:50%}6%{opacity:1}16%{top:19%;left:17%;transform:scale(1)}18%{transform:scale(.75)}21%{transform:scale(1)}42%{top:37%;left:16%;transform:scale(1)}45%{transform:scale(.75)}48%{opacity:1;transform:scale(1)}54%,to{opacity:0;top:37%;left:16%}}.gs-cert{justify-content:center}.gs-paper{color:#1f2937;animation:gs-pop .5s var(--ease) .4s both;background:#fbf7ec;border:1px solid #e9dfc5;border-radius:14px;justify-items:center;gap:10px;padding:26px 16px 70px;display:grid;position:relative;box-shadow:inset 0 0 0 5px #fbf7ec,inset 0 0 0 6px #d9c89c}.gs-ptitle{color:#04805b;font-size:13px;font-weight:800}.gs-pname{font-size:20px;font-weight:800;animation:1.1s steps(8,end) 1.2s both gs-reveal}.gs-rule{transform-origin:50%;border-top:1.5px dashed #c9b37a;width:60%;animation:.5s 2.3s both gs-grow}.gs-lines.c{justify-items:center;width:80%;animation:.4s 2.6s both gs-in}.gs-paper .gs-line{background:#e9dfc5}.gs-seal{color:#fff;background:#04805b;border-radius:50%;place-items:center;width:44px;height:44px;animation:.45s cubic-bezier(.3,1.6,.5,1) 3.3s both cert-stamp;display:grid;position:absolute;bottom:10px;right:12px;box-shadow:0 0 0 3px #fbf7ec,0 0 0 4px #04805b}@keyframes cert-stamp{0%{opacity:0;transform:scale(2.2)rotate(-25deg)}}.gs-qr{color:#374151;animation:.3s 3.9s both gs-pop;position:absolute;bottom:12px;left:12px}.gs-skills{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.gs-skills .gs-chip{animation:gs-pop .3s var(--ease) 4.6s both}.gs-skills .s1{animation-delay:4.8s}.gs-skills .s2{animation-delay:5s}.gs-teach .pub{animation:.3s 4.6s gs-press,1s 4.6s gs-glow}.gs-sec{border:1px solid var(--border);animation:gs-in .4s var(--ease) .3s both;border-radius:13px;gap:6px;padding:9px;display:grid}.gs-sec.s2{animation-delay:.5s}.gs-sec b{font-size:12px}.gs-item{background:var(--background);animation:gs-in .35s var(--ease) .8s both;border-radius:9px;align-items:center;gap:6px;padding:6px 8px;display:flex}.gs-item.i1{animation-delay:1s}.gs-item.i3{animation-delay:1.2s}.gs-item.drag{animation:teach-drag 8s var(--ease) both}@keyframes teach-drag{0%,20%{opacity:0;transform:translate(-18px,70px)rotate(-3deg);box-shadow:0 12px 24px -8px #00000059}24%{opacity:1;transform:translate(-18px,70px)rotate(-3deg)}42%{transform:translate(0)rotate(0);box-shadow:0 12px 24px -8px #00000059}46%,to{opacity:1;box-shadow:none;transform:none}}.gs-teach .gs-toast{animation:gs-in .4s var(--ease) 5.1s both}.tap-teach{animation:tap-teach 8s var(--ease) both}@keyframes tap-teach{0%,18%{opacity:0;top:62%;left:40%}22%{opacity:1;top:62%;left:40%}42%{opacity:1;top:39%;left:46%}47%{opacity:0;top:39%;left:46%}50%{opacity:0;top:75%;left:50%}54%{opacity:1}57%{top:7%;left:12%;transform:scale(1)}59%{transform:scale(.75)}61%{opacity:1;transform:scale(1)}66%,to{opacity:0;top:7%;left:12%}}@media (prefers-reduced-motion:reduce){.gt-screen,.gt-screen *{animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.gs-tap,.gs-caret,.gt-bar{display:none}}