.demo[data-astro-cid-33tpx54o]{border-radius:var(--r-lg);background:var(--surface);width:100%;box-shadow:var(--shadow-panel);color:var(--slate-600);transition:transform .3s var(--ease), box-shadow .3s var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.demo[data-astro-cid-33tpx54o]:hover{transform:translateY(-3px)}.demo--mini[data-astro-cid-33tpx54o]{border:1px solid var(--line);box-shadow:var(--shadow-1);border-radius:var(--r-md)}.demo--mini[data-astro-cid-33tpx54o]:hover{box-shadow:var(--shadow-2);transform:none}.demo-bar[data-astro-cid-33tpx54o]{align-items:center;gap:var(--s-3);background:var(--surface-2);border-bottom:1px solid var(--line);padding:10px 14px;display:flex}.demo--mini[data-astro-cid-33tpx54o] .demo-bar[data-astro-cid-33tpx54o]{gap:var(--s-2);padding:6px 8px}.demo-dots[data-astro-cid-33tpx54o]{flex:none;gap:6px;display:inline-flex}.demo-dots[data-astro-cid-33tpx54o] i[data-astro-cid-33tpx54o]{background:var(--slate-300);border-radius:50%;width:10px;height:10px}.demo--mini[data-astro-cid-33tpx54o] .demo-dots[data-astro-cid-33tpx54o] i[data-astro-cid-33tpx54o]{width:6px;height:6px}.demo-address[data-astro-cid-33tpx54o]{border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);min-width:0;height:28px;color:var(--slate-600);flex:1;align-items:center;gap:6px;padding:0 12px;font-size:.76rem;display:inline-flex}.demo--mini[data-astro-cid-33tpx54o] .demo-address[data-astro-cid-33tpx54o]{height:18px;padding:0 8px;font-size:.6rem}.demo-address[data-astro-cid-33tpx54o] .demo-lock{width:12px;height:12px;color:var(--teal-700)}.demo--mini[data-astro-cid-33tpx54o] .demo-address[data-astro-cid-33tpx54o] .demo-lock{width:9px;height:9px}.demo-address-text[data-astro-cid-33tpx54o]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.demo-body[data-astro-cid-33tpx54o]{background:var(--surface);display:block;position:relative}.demo-body[data-astro-cid-33tpx54o] img[data-astro-cid-33tpx54o]{width:100%;height:auto}.demo-mock[data-astro-cid-33tpx54o]{padding-bottom:var(--s-2);display:block}.demo-title[data-astro-cid-33tpx54o]{padding:var(--s-4) var(--s-4) var(--s-3);letter-spacing:-.01em;color:var(--slate-950);font-size:1.05rem;font-weight:800;line-height:1.3;display:block}.demo-mock[data-astro-cid-33tpx54o] .task-title{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.demo-more[data-astro-cid-33tpx54o]{padding:var(--s-3) var(--s-4) var(--s-2);border-top:1px solid var(--line-soft);font-family:var(--font-code);color:var(--slate-500);font-size:.76rem;display:block}.demo--mini[data-astro-cid-33tpx54o] .demo-title[data-astro-cid-33tpx54o]{padding:8px 10px 6px;font-size:.72rem}.demo--mini[data-astro-cid-33tpx54o] .demo-mock[data-astro-cid-33tpx54o]{padding-bottom:0}.demo--mini[data-astro-cid-33tpx54o] .demo-mock[data-astro-cid-33tpx54o] .phase-head{padding:4px 10px}.demo--mini[data-astro-cid-33tpx54o] .demo-mock[data-astro-cid-33tpx54o] .phase-name,.demo--mini[data-astro-cid-33tpx54o] .demo-mock[data-astro-cid-33tpx54o] .phase-count{font-size:.56rem}.demo--mini[data-astro-cid-33tpx54o] .demo-mock[data-astro-cid-33tpx54o] .task{grid-template-columns:12px 10px minmax(0,1fr);gap:6px;padding:5px 10px}.demo--mini[data-astro-cid-33tpx54o] .demo-mock[data-astro-cid-33tpx54o] .check{border-radius:3px;width:11px;height:11px}.demo--mini[data-astro-cid-33tpx54o] .demo-mock[data-astro-cid-33tpx54o] .task-num{padding-top:0;font-size:.55rem}.demo--mini[data-astro-cid-33tpx54o] .demo-mock[data-astro-cid-33tpx54o] .task-title{font-size:.62rem}.demo-overlay[data-astro-cid-33tpx54o]{padding:var(--s-7) var(--s-4) var(--s-4);background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--ink-900) 55%, transparent));opacity:0;transition:opacity .25s var(--ease);pointer-events:none;justify-content:center;display:flex;position:absolute;inset:auto 0 0}.demo-overlay-pill[data-astro-cid-33tpx54o]{align-items:center;gap:var(--s-2);border-radius:var(--r-pill);background:var(--teal-500);height:42px;color:var(--ink-950);box-shadow:var(--shadow-btn-primary);transition:transform .25s var(--ease);padding:0 18px;font-size:.92rem;font-weight:700;display:inline-flex;transform:translateY(6px)}.demo-overlay-pill[data-astro-cid-33tpx54o] .demo-overlay-icon{width:17px;height:17px}.demo[data-astro-cid-33tpx54o]:hover .demo-overlay[data-astro-cid-33tpx54o],.demo[data-astro-cid-33tpx54o]:focus-visible .demo-overlay[data-astro-cid-33tpx54o]{opacity:1}.demo[data-astro-cid-33tpx54o]:hover .demo-overlay-pill[data-astro-cid-33tpx54o],.demo[data-astro-cid-33tpx54o]:focus-visible .demo-overlay-pill[data-astro-cid-33tpx54o]{transform:none}.demo--mini[data-astro-cid-33tpx54o] .demo-overlay[data-astro-cid-33tpx54o]{display:none}@media (hover:none),(width<=760px){.demo-overlay[data-astro-cid-33tpx54o]{opacity:1;padding-top:var(--s-6)}.demo-overlay-pill[data-astro-cid-33tpx54o]{height:38px;font-size:.86rem;transform:none}}@media (width<=520px){.demo-mock[data-astro-cid-33tpx54o] .phase-name{font-size:.68rem}}