.demo[data-astro-cid-yppanwcj]{--orange:#f0a05a;--green:#2fb463;--green-ink:#1c7a44;margin:32px 0 36px}.stage[data-astro-cid-yppanwcj]{background:var(--bg-alt);border:1px solid var(--border);border-radius:24px;gap:14px;padding:18px;transition:opacity .5s;display:grid}.demo[data-astro-cid-yppanwcj][data-step="6"] .stage[data-astro-cid-yppanwcj]{opacity:0}.browser[data-astro-cid-yppanwcj]{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #14141408,0 12px 32px #1414140f}.chrome[data-astro-cid-yppanwcj]{border-bottom:1px solid var(--border);background:#f6f4f0;align-items:center;gap:12px;padding:10px 12px;display:flex}.lights[data-astro-cid-yppanwcj]{gap:6px;display:flex}.lights[data-astro-cid-yppanwcj] i[data-astro-cid-yppanwcj]{background:#ddd8d1;border-radius:50%;width:10px;height:10px}.url[data-astro-cid-yppanwcj]{background:var(--card);min-width:0;color:var(--muted);white-space:nowrap;border-radius:8px;flex:1;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:flex;overflow:hidden}.url[data-astro-cid-yppanwcj] svg[data-astro-cid-yppanwcj]{fill:none;stroke:currentColor;stroke-width:2.4px;flex:none;width:11px;height:11px}.page[data-astro-cid-yppanwcj]{grid-template-columns:.8fr 1.2fr;min-height:236px;display:grid;position:relative}.problem[data-astro-cid-yppanwcj]{border-right:1px solid var(--border);flex-direction:column;gap:9px;padding:18px;display:flex}.p-title[data-astro-cid-yppanwcj]{margin:0;font-size:15px;font-weight:650}.pill[data-astro-cid-yppanwcj]{color:var(--green-ink);background:#e6f4eb;border-radius:999px;align-self:flex-start;margin-bottom:4px;padding:2px 9px;font-size:11px;font-weight:600}.line[data-astro-cid-yppanwcj]{background:#ece8e2;border-radius:4px;height:7px;display:block}.w90[data-astro-cid-yppanwcj]{width:90%}.w85[data-astro-cid-yppanwcj]{width:85%}.w75[data-astro-cid-yppanwcj]{width:75%}.w60[data-astro-cid-yppanwcj]{width:60%}.w45[data-astro-cid-yppanwcj]{width:45%}.w40[data-astro-cid-yppanwcj]{width:40%}.example[data-astro-cid-yppanwcj]{background:#f6f4f0;border-radius:10px;gap:7px;margin-top:6px;padding:10px;display:grid}.editor[data-astro-cid-yppanwcj]{background:#fcfbf9;flex-direction:column;padding:16px 16px 14px;display:flex}pre[data-astro-cid-yppanwcj]{color:#3a3a3a;white-space:pre;margin:0;font:12px/1.65 ui-monospace,SF Mono,Menlo,monospace;overflow:hidden}pre[data-astro-cid-yppanwcj] b[data-astro-cid-yppanwcj]{color:#9b5de5;font-weight:500}.result[data-astro-cid-yppanwcj]{height:22px;margin-top:auto;font-size:13px;font-weight:650;position:relative}.result[data-astro-cid-yppanwcj]>span[data-astro-cid-yppanwcj]{opacity:0;transition:opacity .25s,transform .25s;position:absolute;left:0;transform:translateY(4px)}.judging[data-astro-cid-yppanwcj]{color:var(--muted)}.accepted[data-astro-cid-yppanwcj]{color:var(--green-ink)}.result[data-astro-cid-yppanwcj] .runtime[data-astro-cid-yppanwcj]{color:var(--muted);font-weight:500;left:76px}.demo[data-astro-cid-yppanwcj][data-step="2"] .judging[data-astro-cid-yppanwcj],.demo[data-astro-cid-yppanwcj]:is([data-step="3"],[data-step="4"],[data-step="5"],[data-step="6"]) [data-astro-cid-yppanwcj]:is(.accepted,.runtime){opacity:1;transform:none}.actions[data-astro-cid-yppanwcj]{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.btn[data-astro-cid-yppanwcj]{border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;transition:transform .12s,filter .12s}.run[data-astro-cid-yppanwcj]{background:var(--bg-alt);color:var(--ink)}.submit[data-astro-cid-yppanwcj]{background:var(--green);color:#fff}.demo[data-astro-cid-yppanwcj][data-step="2"] .submit[data-astro-cid-yppanwcj]{filter:brightness(.9);transform:scale(.94)}.cursor[data-astro-cid-yppanwcj]{width:22px;height:22px;fill:var(--ink);stroke:#fff;stroke-width:1.5px;stroke-linejoin:round;transform:translate(calc(var(--cx,300px) - 160px), calc(var(--cy,200px) - 120px));filter:drop-shadow(0 2px 3px #0003);transition:transform .95s cubic-bezier(.45,0,.2,1);position:absolute;top:0;left:0}.demo[data-astro-cid-yppanwcj]:not([data-step="0"]) .cursor[data-astro-cid-yppanwcj]{transform:translate(var(--cx,300px), var(--cy,200px))}.demo[data-astro-cid-yppanwcj].still .cursor[data-astro-cid-yppanwcj]{display:none}.toast[data-astro-cid-yppanwcj]{background:var(--card);border:1px solid var(--border);opacity:0;border-radius:16px;gap:10px;width:250px;max-width:calc(100% - 24px);padding:12px 12px 14px;transition:opacity .3s,transform .3s ease-out;display:flex;position:absolute;top:12px;right:12px;overflow:hidden;transform:translateY(-10px);box-shadow:0 12px 36px #00000024,0 1px 3px #0000000f}.demo[data-astro-cid-yppanwcj]:is([data-step="4"],[data-step="5"],[data-step="6"]) .toast[data-astro-cid-yppanwcj]{opacity:1;transform:none}.badge[data-astro-cid-yppanwcj]{background:var(--orange);color:#fff;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid}.badge[data-astro-cid-yppanwcj] svg[data-astro-cid-yppanwcj],.check[data-astro-cid-yppanwcj] svg[data-astro-cid-yppanwcj]{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.t-text[data-astro-cid-yppanwcj]{flex-direction:column;min-width:0;display:flex}.t-title[data-astro-cid-yppanwcj]{font-size:13px;font-weight:600}.t-sub[data-astro-cid-yppanwcj]{color:var(--muted);font-size:11.5px}.t-note[data-astro-cid-yppanwcj]{color:var(--ink-2);margin-top:5px;font-size:11.5px;font-weight:600}.t-bar[data-astro-cid-yppanwcj]{background:var(--orange);transform-origin:0;height:3px;position:absolute;bottom:0;left:0;right:0}.demo[data-astro-cid-yppanwcj]:is([data-step="4"],[data-step="5"],[data-step="6"]) .t-bar[data-astro-cid-yppanwcj]{transition:transform 6s linear;transform:scaleX(0)}.demo[data-astro-cid-yppanwcj].still .t-bar[data-astro-cid-yppanwcj]{transition:none;transform:scaleX(.6)}.synced[data-astro-cid-yppanwcj]{grid-template-columns:1fr 1fr;gap:14px;display:grid}.label[data-astro-cid-yppanwcj]{letter-spacing:.8px;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:700}.app[data-astro-cid-yppanwcj]{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px}.app[data-astro-cid-yppanwcj] .label[data-astro-cid-yppanwcj]{color:var(--faint)}.row[data-astro-cid-yppanwcj]{align-items:center;gap:10px;padding:7px 0;display:flex}.row[data-astro-cid-yppanwcj]+.row[data-astro-cid-yppanwcj]{border-top:1px solid var(--border)}.dot[data-astro-cid-yppanwcj]{border-radius:50%;flex:none;width:9px;height:9px}.r-text[data-astro-cid-yppanwcj]{flex-direction:column;flex:1;min-width:0;display:flex}.r-name[data-astro-cid-yppanwcj]{font-size:13px;font-weight:600}.r-meta[data-astro-cid-yppanwcj]{color:var(--muted);font-size:11.5px;position:relative}.r-meta[data-astro-cid-yppanwcj] .after[data-astro-cid-yppanwcj]{opacity:0;color:var(--ink);font-weight:600;position:absolute;left:0}.check[data-astro-cid-yppanwcj]{color:#0000;border:2px solid #e4e0da;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;transition:background .3s,border-color .3s,color .3s,transform .3s;display:grid}.check[data-astro-cid-yppanwcj].done,.demo[data-astro-cid-yppanwcj]:is([data-step="5"],[data-step="6"]) .lc[data-astro-cid-yppanwcj] .check[data-astro-cid-yppanwcj]{background:var(--c);border-color:var(--c);color:#fff}.demo[data-astro-cid-yppanwcj][data-step="5"]:not(.still) .lc[data-astro-cid-yppanwcj] .check[data-astro-cid-yppanwcj]{animation:.4s ease-out pop}.ring[data-astro-cid-yppanwcj]{fill:none;stroke:#e4e0da;stroke-width:2.5px;flex:none;width:24px;height:24px;transform:rotate(-90deg)}.ring[data-astro-cid-yppanwcj] .fill[data-astro-cid-yppanwcj]{stroke-dasharray:5 8;stroke-linecap:round}.r-meta[data-astro-cid-yppanwcj] span[data-astro-cid-yppanwcj]{transition:opacity .3s}.demo[data-astro-cid-yppanwcj]:is([data-step="5"],[data-step="6"]) .lc[data-astro-cid-yppanwcj] .before[data-astro-cid-yppanwcj]{opacity:0}.demo[data-astro-cid-yppanwcj]:is([data-step="5"],[data-step="6"]) .lc[data-astro-cid-yppanwcj] .after[data-astro-cid-yppanwcj]{opacity:1}.tracker[data-astro-cid-yppanwcj]{background:#16151a;border-radius:16px;flex-direction:column;padding:14px;display:flex}.tracker[data-astro-cid-yppanwcj] .label[data-astro-cid-yppanwcj]{color:#ffffff73}.grid[data-astro-cid-yppanwcj]{grid-template-columns:repeat(var(--days), 1fr);flex:1;align-content:center;gap:4px;display:grid}.grid[data-astro-cid-yppanwcj] i[data-astro-cid-yppanwcj]{aspect-ratio:1;background:#ffffff12;border-radius:50%;transition:background .3s,box-shadow .3s}.grid[data-astro-cid-yppanwcj] i[data-astro-cid-yppanwcj].on,.demo[data-astro-cid-yppanwcj]:is([data-step="5"],[data-step="6"]) .grid[data-astro-cid-yppanwcj] i[data-astro-cid-yppanwcj].today{background:var(--c);box-shadow:0 0 6px var(--c)}.demo[data-astro-cid-yppanwcj][data-step="5"]:not(.still) .grid[data-astro-cid-yppanwcj] i[data-astro-cid-yppanwcj].today{animation:.5s ease-out pop}@keyframes pop{40%{transform:scale(1.35)}}figcaption[data-astro-cid-yppanwcj]{margin-top:14px}.steps[data-astro-cid-yppanwcj]{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.steps[data-astro-cid-yppanwcj] li[data-astro-cid-yppanwcj]{counter-increment:step;border-top:2px solid var(--border);color:var(--faint);padding-top:10px;font-size:13px;line-height:1.4;transition:color .3s,border-color .3s}.steps[data-astro-cid-yppanwcj] li[data-astro-cid-yppanwcj]:before{content:counter(step) ". ";font-weight:700}.steps[data-astro-cid-yppanwcj] li[data-astro-cid-yppanwcj].done{color:var(--muted)}.steps[data-astro-cid-yppanwcj] li[data-astro-cid-yppanwcj].active{color:var(--ink);border-color:var(--ink)}.steps[data-astro-cid-yppanwcj] strong[data-astro-cid-yppanwcj]{font-weight:650}@media (max-width:640px){.stage[data-astro-cid-yppanwcj]{border-radius:20px;padding:12px}.page[data-astro-cid-yppanwcj]{grid-template-columns:1fr;min-height:220px}.problem[data-astro-cid-yppanwcj]{display:none}pre[data-astro-cid-yppanwcj]{font-size:11px}.synced[data-astro-cid-yppanwcj]{grid-template-columns:1fr}.steps[data-astro-cid-yppanwcj]{grid-template-columns:1fr 1fr}}