.dg-page [hidden]{display:none!important}html[data-lang=both] .dg-title .l-ckb{display:block;font-size:.82em;font-weight:550;color:var(--ink-3)}.lab-head.dg-head{max-width:1200px}.dg-head .page-lead{max-width:50rem}.dg-title{display:flex;align-items:center;gap:12px}.dg-title>.lab-ico{width:38px;height:38px;padding:8px;border-radius:12px;color:var(--accent);background:var(--accent-soft);box-sizing:content-box}.dg-app{max-width:1200px;margin-inline:auto;padding-inline:20px;display:grid;gap:12px}@media(max-width:719px){.dg-app{padding-inline:12px}}.dg-bar{position:sticky;top:calc(var(--header-h) + 6px);z-index:6;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev);box-shadow:var(--shadow);padding:12px 16px;display:grid;gap:6px}.dg-bar.is-shake{animation:dg-shake .35s}@keyframes dg-shake{25%{transform:translate(-4px)}60%{transform:translate(4px)}}.dg-bar-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.dg-step{font-size:.78rem;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}.dg-step:lang(ckb),.dg-step .u-ckb{text-transform:none;letter-spacing:0}.dg-dots{display:flex;gap:5px;list-style:none;margin:0;padding:0}.dg-dots li{width:9px;height:9px;border-radius:50%;background:var(--line-2)}.dg-dots li.is-now{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dg-dots li.is-first{background:var(--ok)}.dg-dots li.is-helped{background:var(--warn)}.dg-dots li.is-shown{background:var(--ink-3)}.dg-do{font-size:1.04rem;font-weight:600;line-height:1.5}html[data-lang=both] .dg-do .l-ckb,html[data-lang=both] .dg-say .l-ckb,html[data-lang=both] .dg-res-msg .l-ckb{display:block;font-weight:500;color:var(--ink-2);margin-top:2px}.dg-do code,.dg-say code{font-family:var(--font-mono);font-size:.92em;padding:1px 6px;border-radius:6px;background:var(--bg-sunk);color:var(--ink);border:1px solid var(--line);direction:ltr;unicode-bidi:isolate}.dg-bar-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:38px}.dg-say{flex:1 1 18rem;min-width:0}.dg-say p{margin:0;padding:7px 11px;border-radius:10px;font-size:.92rem;line-height:1.5}.dg-say p+p{margin-top:6px}.dg-say p.is-ok{background:var(--ok-bg);color:var(--ink)}.dg-say p.is-ok>b{color:var(--ok)}.dg-say p.is-bad{background:var(--bad-bg);color:var(--ink)}.dg-say p.is-tip{background:var(--warn-bg);color:var(--ink)}.dg-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-inline-start:auto}.dg-actions .lab-tool,.dg-res-actions .lab-tool{border:1px solid var(--line-2)}.dg-actions .lab-tool--primary,.dg-res-actions .lab-tool--primary{border-color:transparent}[dir=rtl] .dg-flip{transform:scaleX(-1)}@media(max-width:719px){.dg-bar{padding:10px 12px;top:calc(var(--header-h) + 4px)}.dg-do{font-size:.97rem}}.dg-stage{position:relative;border:1px solid var(--line-2);border-radius:var(--radius-lg);background:var(--bg-sunk);height:clamp(460px,calc(100svh - var(--header-h) - 190px),720px);display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);overflow:hidden}.dg-screen,.dg-sheet{grid-area:1 / 1;min-width:0;min-height:0;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);overflow:auto;isolation:isolate}.dg-screen[hidden],.dg-sheet[hidden]{display:none}.dg-sheet{overflow:auto;background:var(--bg)}.dg-note{margin:0;font-size:.82rem;color:var(--ink-3)}html[data-lang=both] .dg-note.l-ckb{margin-top:-6px}.dg-pulse{outline:3px solid var(--warn)!important;outline-offset:2px;animation:dg-pulse 1.2s ease-in-out infinite;position:relative;z-index:3}svg .dg-pulse,.dg-pulse:is(rect,path,circle,ellipse,polygon,g){outline:none!important;stroke:var(--warn)!important;stroke-width:3px}@keyframes dg-pulse{50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--warn) 30%,transparent)}}@media(prefers-reduced-motion:reduce){.dg-pulse,.dg-bar.is-shake{animation:none}}.dg-quiz{width:min(100%,44rem);margin:0 auto;padding:22px 18px 26px;align-self:start}.dg-quiz-help{margin:0 0 12px;color:var(--ink-3);font-size:.86rem}.dg-options{display:grid;gap:9px}.dg-option{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:start;font:inherit;font-size:.95rem;line-height:1.5;padding:12px 14px;border:1.5px solid var(--line-2);border-radius:12px;background:var(--bg-elev);color:var(--ink);cursor:pointer}.dg-option:hover:not(:disabled){border-color:var(--accent)}.dg-option:focus-visible,.dg-chip:focus-visible,.dg-bin-h:focus-visible,.dg-arrow:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.dg-mark{flex:none;width:18px;height:18px;margin-top:2px;border:2px solid var(--line-2);border-radius:50%}.dg-quiz--multi .dg-mark{border-radius:5px}.dg-option[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.dg-option[aria-pressed=true] .dg-mark{border-color:var(--accent);background:var(--accent) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"><path d="m5 12.5 4.5 4.5L19 7.5"/></svg>') center / 12px no-repeat}.dg-option.is-ok{border-color:var(--ok);background:var(--ok-bg);opacity:1}.dg-option.is-ok .dg-mark{border-color:var(--ok);background:var(--ok) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"><path d="m5 12.5 4.5 4.5L19 7.5"/></svg>') center / 12px no-repeat}.dg-option.is-bad{border-color:var(--bad);background:var(--bad-bg)}.dg-option.is-bad .dg-mark{border-color:var(--bad);background:var(--bad) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3.5" stroke-linecap="round"><path d="M7 7l10 10M17 7 7 17"/></svg>') center / 11px no-repeat}.dg-option:disabled{cursor:default}.dg-option:disabled:not(.is-ok):not(.is-bad){opacity:.6}.dg-quiz-foot{display:flex;justify-content:flex-end;margin-top:14px}.dg-check{padding:9px 18px}.dg-pool{display:flex;flex-wrap:wrap;gap:8px;padding:12px;margin-bottom:12px;border:1.5px dashed var(--line-2);border-radius:12px;min-height:52px}.dg-pool[hidden]{display:none}.dg-chip{font:inherit;font-size:.9rem;line-height:1.4;text-align:start;padding:8px 12px;border:1.5px solid var(--line-2);border-radius:10px;background:var(--bg-elev);color:var(--ink);cursor:pointer;max-width:100%}.dg-chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft)}.dg-chip.is-bad{border-color:var(--bad);background:var(--bad-bg)}.dg-chip.is-ok{border-color:var(--ok);background:var(--ok-bg);cursor:default}.dg-bins{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}.dg-bin{border:1.5px solid var(--line-2);border-radius:12px;background:var(--bg-elev);min-height:120px;display:flex;flex-direction:column;cursor:pointer}.dg-bins.is-picking .dg-bin{border-color:var(--accent);border-style:dashed}.dg-bin-h{font:inherit;font-weight:700;font-size:.92rem;text-align:start;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:var(--bg-tint);color:var(--ink);border-radius:11px 11px 0 0;cursor:pointer}.dg-bin-list{display:flex;flex-direction:column;gap:6px;padding:8px;flex:1}.dg-order{list-style:none;margin:0;padding:0;display:grid;gap:8px}.dg-order li{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 12px;border:1.5px solid var(--line-2);border-radius:12px;background:var(--bg-elev)}.dg-order li.is-bad{border-color:var(--bad);background:var(--bad-bg)}.dg-order li.is-ok{border-color:var(--ok);background:var(--ok-bg)}.dg-order-n{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--bg-sunk);font-weight:700;font-size:.82rem}.dg-order-t{flex:1;font-size:.93rem;line-height:1.45}.dg-arrows{display:flex;gap:4px}.dg-arrow{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line-2);border-radius:9px;background:var(--bg);color:var(--ink);cursor:pointer}.dg-arrow:disabled{opacity:.35;cursor:default}.dg-arrow .pa-ico{width:18px;height:18px}.dg-result{width:min(100%,44rem);margin:0 auto;padding:26px 18px 30px;align-self:start;text-align:center}.dg-score{--p: 0;display:inline-flex;align-items:baseline;justify-content:center;width:118px;height:118px;border-radius:50%;padding-top:38px;box-sizing:border-box;background:radial-gradient(closest-side,var(--bg) 79%,transparent 80% 100%),conic-gradient(var(--ok) calc(var(--p) * 1%),var(--line) 0);direction:ltr}.dg-score b{font-size:2.1rem;line-height:1}.dg-score span{font-size:1.05rem;color:var(--ink-3);font-weight:650}.dg-res-h{font-size:1.15rem;margin:14px 0 4px}.dg-res-msg{color:var(--ink-2);margin:0 auto 16px;max-width:34rem}.dg-res-list{list-style:none;margin:0 0 18px;padding:0;text-align:start;border:1px solid var(--line);border-radius:12px;background:var(--bg-elev)}.dg-res-list li{display:flex;align-items:center;gap:10px;padding:9px 12px;font-size:.92rem}.dg-res-list li+li{border-top:1px solid var(--line)}.dg-res-ico{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%}.dg-res-ico .pa-ico{width:15px;height:15px}.is-first>.dg-res-ico{background:var(--ok-bg);color:var(--ok)}.is-helped>.dg-res-ico{background:var(--warn-bg);color:var(--warn)}.is-shown>.dg-res-ico,.is-todo>.dg-res-ico{background:var(--bg-sunk);color:var(--ink-3)}.dg-res-t{flex:1;min-width:0}.dg-res-s{font-size:.78rem;color:var(--ink-3);text-align:end}.dg-res-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.dg-res-actions a.lab-tool{text-decoration:none}.dg-res-lessons{margin-top:22px;text-align:start}.dg-res-lessons h3{font-size:.95rem;margin:0 0 6px}.dg-more{max-width:1200px;margin:34px auto 0;padding-inline:20px;display:grid;gap:18px 40px;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));align-items:start}.dg-skills{margin:10px 0 0;padding-inline-start:1.4em;line-height:1.65;color:var(--ink-2)}html[data-lang=both] .dg-skills .l-ckb,html[data-lang=both] .dg-lessons .l-ckb{display:block;font-size:.9em;color:var(--ink-3)}.dg-lessons{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}.dg-lessons li{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg-elev)}.dg-lessons a{font-weight:650;color:var(--accent-ink);text-decoration:none}.dg-lessons a:hover{text-decoration:underline}.dg-lesson-course{display:block;font-size:.82rem;color:var(--ink-3)}.pa{font-size:.9rem;line-height:1.4;color:var(--ink);min-width:0;min-height:0}.pa :is(h1,h2,h3,h4){font-family:inherit;letter-spacing:normal}:where(.pa) :where(button,input,textarea,select){font:inherit;color:inherit}.pa-ico{width:18px;height:18px;flex:none}.pa-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border:1px solid var(--line-2);border-radius:8px;background:var(--bg-elev);cursor:pointer;white-space:nowrap;line-height:1.2}.pa-btn:hover{background:var(--bg-sunk)}.pa-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)!important;font-weight:650}.pa-btn--primary:hover{background:var(--accent-ink)}.pa-btn--ghost{border-color:transparent;background:transparent}.pa-icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer}.pa-icon-btn:hover{background:var(--bg-sunk)}.pa-btn:focus-visible,.pa-icon-btn:focus-visible,.pa-field:focus-visible,.pa-row:focus-visible,.pa-menu button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.pa-field{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--line-2);border-radius:8px;background:var(--bg-elev)}.pa-field:focus{border-color:var(--accent)}.pa-ltr{direction:ltr;unicode-bidi:isolate;text-align:left}.pa-menu{position:absolute;z-index:20;min-width:180px;padding:5px;border:1px solid var(--line-2);border-radius:10px;background:var(--bg-elev);box-shadow:var(--shadow-lg);display:grid}.pa-menu[hidden]{display:none}.pa-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:0;border-radius:7px;background:transparent;text-align:start;cursor:pointer}.pa-menu button:hover{background:var(--bg-sunk)}.pa-menu hr{border:0;border-top:1px solid var(--line);margin:4px 2px}.pa-row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:start;cursor:pointer}.pa-row:hover{background:var(--bg-sunk)}.pa-row[aria-current=true],.pa-row[aria-pressed=true]{background:var(--accent-soft)}.pa-avatar{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-weight:700;font-size:.8rem}.pa-badge{display:inline-block;padding:1px 7px;border-radius:99px;font-size:.72rem;font-weight:700;background:var(--bg-sunk);color:var(--ink-2)}.pa-muted{color:var(--ink-3)}.pa-toast{position:absolute;inset-inline:0;bottom:14px;margin-inline:auto;width:max-content;max-width:calc(100% - 28px);z-index:30;padding:9px 14px;border-radius:10px;background:var(--ink);color:var(--bg);font-size:.86rem;box-shadow:var(--shadow-lg)}.pa-toast[hidden]{display:none}.pa-switch{position:relative;flex:none;width:40px;height:22px;border-radius:99px;border:0;padding:0;background:var(--line-2);cursor:pointer}.pa-switch:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:inset-inline-start .15s}.pa-switch[aria-checked=true]{background:var(--accent)}.pa-switch[aria-checked=true]:after{inset-inline-start:21px}