@layer stageshow{.ss-code{--ss-code-key:#7c3aed;--ss-code-str:#15803d;--ss-code-num:#b45309;--ss-code-fn:#2563eb;color:var(--ss-text-strong);font:11.5px/19px ui-monospace,SF Mono,Menlo,monospace}.ss-stage[data-theme=dark] .ss-code{--ss-code-key:#c4b5fd;--ss-code-str:#86efac;--ss-code-num:#fdba74;--ss-code-fn:#93c5fd}.ss-stage[data-palette=mono] .ss-code,.ss-stage[data-theme=blueprint] .ss-code{--ss-code-key:var(--ss-text-strong);--ss-code-str:var(--ss-text);--ss-code-num:var(--ss-text-strong);--ss-code-fn:var(--ss-text-strong)}.ss-code__line{opacity:0;padding-right:12px;transition:opacity .3s;display:flex}.ss-code__line[data-on]{opacity:1}.ss-code__num{text-align:right;font-variant-numeric:tabular-nums;width:30px;color:var(--ss-text-faint);flex-shrink:0;padding-right:10px}.ss-code__mark{width:16px;color:var(--ss-text-faint);flex-shrink:0}.ss-code__text{white-space:pre;flex:1;min-width:0;overflow:hidden}.ss-code__text[data-over]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 14px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 14px),#0000)}.ss-code__line[data-kind=add]{background:var(--ss-success-soft)}.ss-code__line[data-kind=add] .ss-code__mark{color:var(--ss-success-text)}.ss-code__line[data-kind=del]{background:var(--ss-danger-soft)}.ss-code__line[data-kind=del] .ss-code__mark{color:var(--ss-danger-text)}.ss-code__key{color:var(--ss-code-key)}.ss-code__str{color:var(--ss-code-str)}.ss-code__num+.ss-code__mark+.ss-code__text .ss-code__num,.ss-code__text .ss-code__num{width:auto;text-align:inherit;color:var(--ss-code-num);padding:0}.ss-code__fn{color:var(--ss-code-fn)}.ss-code__com{color:var(--ss-text-faint)}}.cloodot-skills{--pad:28px;--gap:14px;--tile:#f4f4f1;--ink:#17181a;--ink-2:#6b6d70;--line:#0000000f;--accent:#15803d;--accent-tint:#dcfce7;--accent-ground:#dcfce7;box-sizing:border-box;font-family:var(--cb-font,var(--font-outfit,system-ui, sans-serif));-webkit-font-smoothing:antialiased;background:0 0;container-type:inline-size}.cloodot-skills .sw-grid{gap:var(--gap);grid-template:"hero"440px"stat"280px"sets"300px"kinds"280px"trig"300px"build"360px"secret"300px/minmax(0,1fr);max-width:984px;margin:0 auto;display:grid}@container (width>=600px){.cloodot-skills .sw-grid{grid-template-rows:400px 320px 320px 360px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"hero hero""stat sets""kinds trig""build secret"}}@container (width>=900px){.cloodot-skills .sw-grid{grid-template-rows:400px 320px 320px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"hero hero stat""sets kinds trig""build build secret"}}@container (width<=599px){.cloodot-skills .sw-grid{--pad:24px}}.cloodot-skills .sw-tile{background:var(--tile);border-radius:22px;padding:0;position:relative;overflow:hidden}.cloodot-skills .sw-tile[data-tone=dark]{background:#101413}.cloodot-skills .sw-tile[data-tone=accent]{background:var(--accent-ground)}.cloodot-skills .sw-tile--hero{grid-area:hero}.cloodot-skills .sw-tile--stat{grid-area:stat}.cloodot-skills .sw-tile--sets{grid-area:sets}.cloodot-skills .sw-tile--kinds{grid-area:kinds}.cloodot-skills .sw-tile--trig{grid-area:trig}.cloodot-skills .sw-tile--build{grid-area:build}.cloodot-skills .sw-tile--secret{grid-area:secret}.cloodot-skills .sw-copy{z-index:1;max-width:380px;padding:24px var(--pad) 0;letter-spacing:-.012em;color:var(--ink-2);text-wrap:pretty;margin:0;font-size:17px;line-height:24px;position:relative}.cloodot-skills .sw-copy b{color:var(--ink);font-weight:600}.cloodot-skills .sw-tile--hero .sw-copy,.cloodot-skills .sw-tile--build .sw-copy{max-width:480px}.cloodot-skills .sw-tile[data-tone=accent] .sw-copy{color:#3d6b4c}.cloodot-skills .sw-tile[data-tone=accent] .sw-copy b{color:#14532d}.cloodot-skills .sw-picture{position:absolute;bottom:0}.cloodot-skills .sw-picture--edge{width:100%;left:0}.cloodot-skills .sw-stage .ss-stage{background:0 0;overflow:hidden}.cloodot-skills .sw-pill{height:24px;color:var(--ink-2);white-space:nowrap;background:#ececea;border-radius:12px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.cloodot-skills .sw-pill[data-done]{background:var(--accent-tint);color:var(--accent)}.cloodot-skills .sw-pill svg{flex:none}.cloodot-skills .sw-chip{height:26px;font-family:var(--ss-mono,ui-monospace, monospace);color:var(--ink);white-space:nowrap;background:#f0f0ed;border-radius:8px;align-items:center;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.cloodot-skills .sw-window{top:var(--pad);left:var(--pad);width:max(760px, calc(100% + var(--pad)));height:380px;position:absolute;box-shadow:0 0 0 1px #0000000f,0 10px 30px -10px #14281e2e,0 2px 6px #0000000a}.cloodot-skills .sw-window:not([data-wide]){width:100%;top:24px;left:24px}.cloodot-skills .sw-canvas{background:radial-gradient(circle,#d9dbd6 1px,#0000 1.2px) 0 0/16px 16px,#f8f8f6;height:100%;position:relative}.cloodot-skills .sw-step{box-sizing:border-box;background:#fff;border-radius:13px;align-items:center;gap:10px;width:228px;height:54px;padding:0 14px 0 12px;transition:box-shadow .35s,opacity .35s;display:flex;position:absolute;box-shadow:0 0 0 1px #00000012,0 4px 12px -6px #14281e2e}.cloodot-skills .sw-step[data-state=on]{box-shadow:0 0 0 1.5px var(--accent), 0 6px 18px -6px #15803d59}.cloodot-skills .sw-step[data-state=skip]{opacity:.5}.cloodot-skills .sw-step-icon{width:28px;height:28px;color:var(--ink-2);background:#f0f0ed;border-radius:8px;flex:none;place-items:center;transition:background-color .3s,color .3s;display:grid}.cloodot-skills .sw-step[data-state=on] .sw-step-icon,.cloodot-skills .sw-step[data-state=done] .sw-step-icon{background:var(--accent);color:#fff}.cloodot-skills .sw-step-text{flex-direction:column;min-width:0;display:flex}.cloodot-skills .sw-step-kind{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);font-size:10px;font-weight:600;line-height:14px}.cloodot-skills .sw-step-name{color:var(--ink);font-size:13px;font-weight:500;line-height:17px}.cloodot-skills .sw-out{display:grid}.cloodot-skills .sw-out-text{color:var(--accent);font-size:11.5px;font-weight:500;line-height:16px}.cloodot-skills .sw-runbox{z-index:1;position:absolute;top:14px;left:16px}.cloodot-skills .sw-window:not([data-wide]) .sw-runbox{top:12px;left:20px}.cloodot-skills .sw-window[data-wide] .sw-step--trig{top:12px;left:170px}.cloodot-skills .sw-window[data-wide] .sw-step--cond{top:84px;left:170px}.cloodot-skills .sw-window[data-wide] .sw-step--yes{width:172px;top:158px;left:16px}.cloodot-skills .sw-window[data-wide] .sw-step--no{width:172px;top:158px;left:380px}.cloodot-skills .sw-window:not([data-wide]) .sw-step--trig{top:48px;left:20px}.cloodot-skills .sw-window:not([data-wide]) .sw-step--cond{top:120px;left:20px}.cloodot-skills .sw-window:not([data-wide]) .sw-step--no{top:192px;left:20px}.cloodot-skills .sw-wires{pointer-events:none;position:absolute;inset:0}.cloodot-skills .sw-line{--ss-accent:var(--accent)}.cloodot-skills .sw-line--muted{--ss-accent:#b5b8b2}.cloodot-skills .sw-stat{box-sizing:border-box;height:100%;padding:24px var(--pad) 28px;flex-direction:column;display:flex}.cloodot-skills .sw-stat-lead{letter-spacing:-.012em;color:#f4f5f4;max-width:240px;font-size:17px;font-weight:600;line-height:24px}.cloodot-skills .sw-stat-number{letter-spacing:-.045em;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;margin-top:auto;font-size:84px;font-weight:600;line-height:1;display:block}.cloodot-skills .sw-stat-unit{letter-spacing:-.02em;color:#7fd3b8;font-size:52px}.cloodot-skills .sw-stat-label{color:#9da3a1;max-width:250px;margin-top:12px;font-size:15px;line-height:21px}.cloodot-skills .sw-picture--sets{left:var(--pad);width:460px}.cloodot-skills .sw-sets{grid-template-columns:256px;gap:10px;display:grid;position:absolute;top:6px;left:0}.cloodot-skills .sw-set{box-sizing:border-box;background:#fff;border-radius:13px;align-items:center;gap:10px;height:50px;padding:0 10px 0 12px;display:flex;box-shadow:0 0 0 1px #0000000d,0 4px 12px -8px #14281e33}.cloodot-skills .sw-set:nth-child(2){transform:translate(22px)}.cloodot-skills .sw-set:nth-child(3){transform:translate(8px)}.cloodot-skills .sw-set img{object-fit:contain;flex:none;width:22px;height:22px}.cloodot-skills .sw-set-name{min-width:0;color:var(--ink);white-space:nowrap;flex:1;font-size:13px;font-weight:500;line-height:17px}.cloodot-skills .sw-set-state{flex:none}.cloodot-skills .sw-get{background:var(--ink);color:#fff;white-space:nowrap;border-radius:13px;align-items:center;gap:4px;height:26px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.cloodot-skills .sw-get[data-done]{background:var(--accent-tint);color:var(--accent)}.cloodot-skills .sw-kinds{left:var(--pad);right:var(--pad);gap:6px;display:grid;position:absolute;bottom:28px}.cloodot-skills .sw-kind{letter-spacing:-.03em;color:#14532d;white-space:nowrap;align-items:center;gap:12px;font-size:34px;font-weight:600;line-height:44px;display:flex}.cloodot-skills .sw-kind svg{color:#3d6b4c;flex:none}.cloodot-skills .sw-kind[data-act] svg{color:var(--accent)}.cloodot-skills .sw-fan{position:absolute;inset:0}.cloodot-skills .sw-trigs{top:6px;left:var(--pad);justify-items:start;gap:8px;display:grid;position:absolute}.cloodot-skills .sw-trig{height:32px;color:var(--ink);white-space:nowrap;background:#fff;border-radius:16px;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:13px;font-weight:500;transition:background-color .35s,color .35s,box-shadow .35s;display:inline-flex;box-shadow:0 0 0 1px #0000000d}.cloodot-skills .sw-trig svg{color:#b5b8b2;flex:none;transition:color .35s}.cloodot-skills .sw-trig[data-lit]{background:var(--accent);color:#fff;box-shadow:0 6px 16px -6px #15803d73}.cloodot-skills .sw-trig[data-lit] svg{color:#fff}.cloodot-skills .sw-flow{top:62px;right:var(--pad);width:48px;height:48px;color:var(--ink-2);background:#fff;border-radius:14px;place-items:center;transition:background-color .3s .6s,color .3s .6s;display:grid;position:absolute;box-shadow:0 0 0 1px #0000000f,0 6px 16px -8px #14281e40}.cloodot-skills .sw-flow[data-on]{background:var(--accent);color:#fff}.cloodot-skills .sw-build{top:8px;left:var(--pad);grid-template-columns:minmax(0,1fr);gap:14px;display:grid;position:absolute;bottom:0;right:0}.cloodot-skills .sw-build[data-wide]{grid-template-columns:200px minmax(0,1fr)}.cloodot-skills .sw-build:not([data-wide]){grid-template-rows:auto 1fr;gap:12px}.cloodot-skills .sw-build:not([data-wide]) .sw-spec{padding-top:0}.cloodot-skills .sw-build:not([data-wide]) .sw-spec-text{font-size:14px;line-height:19px}.cloodot-skills .sw-spec{flex-direction:column;gap:6px;padding-top:4px;display:flex}.cloodot-skills .sw-spec-label{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);font-size:11px;font-weight:600;line-height:14px}.cloodot-skills .sw-spec-text{color:var(--ink);white-space:normal;font-size:15px;font-weight:500;line-height:21px}.cloodot-skills .sw-io{gap:8px;margin-top:12px;display:grid}.cloodot-skills .sw-io-row{align-items:center;gap:8px;display:flex}.cloodot-skills .sw-io-label{width:28px;color:var(--ink-2);font-size:12px;font-weight:500}.cloodot-skills .sw-io .sw-chip{box-shadow:0 0 0 1px var(--line);background:#fff}.cloodot-skills .sw-code{background:#151a19;border-radius:14px 0 0;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 10px 30px -12px #00000059}.cloodot-skills .sw-code-bar{justify-content:space-between;align-items:center;gap:10px;height:38px;padding:0 16px;display:flex;box-shadow:inset 0 -1px #ffffff12}.cloodot-skills .sw-code-file{font-family:var(--ss-mono,ui-monospace, monospace);color:#c7ccca;font-size:12px}.cloodot-skills .sw-code-state{color:#8c9391;white-space:nowrap;align-items:center;gap:4px;font-size:12px;font-weight:500;display:inline-flex}.cloodot-skills .sw-code-state[data-ok]{color:#7fd3b8}.cloodot-skills .sw-code-lines{color:#dde2e0;--ss-code-key:#7fd3b8;background:0 0;padding:12px 0;font-size:12.5px;line-height:21px}.cloodot-skills .sw-card{top:14px;left:var(--pad);box-sizing:border-box;width:calc(100% - 2 * var(--pad));background:#fff;border-radius:16px;max-width:420px;height:210px;padding:18px;position:absolute;box-shadow:0 0 0 1px #0000000d,0 10px 26px -10px #14281e33}.cloodot-skills .sw-card-label{font-family:var(--ss-mono,ui-monospace, monospace);color:var(--ink-2);font-size:12px;font-weight:600;line-height:16px}.cloodot-skills .sw-key{height:44px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);background:#f6f6f3;border-radius:12px;align-items:center;gap:10px;margin-top:10px;padding:0 14px;display:flex}.cloodot-skills .sw-key svg{flex:none}.cloodot-skills .sw-key-value{font-family:var(--ss-mono,ui-monospace, monospace);letter-spacing:.02em;color:var(--ink);white-space:nowrap;font-size:14px}.cloodot-skills .sw-note{box-shadow:inset 0 1px 0 var(--line);color:var(--ink-2);margin-top:14px;padding-top:14px;font-size:13px;line-height:18px;display:block}.cloodot-skills .sw-scopes{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}
