.installed-page[data-v-535335f3]{--surface: rgba(8, 9, 10, .035);--surface-hover: rgba(8, 9, 10, .065);--border: rgba(8, 9, 10, .12);--border-hover: rgba(8, 9, 10, .26);--text: var(--text-primary);--text-dim: var(--text-secondary);--text-faint: var(--text-tertiary);--button-hover-bg: rgba(8, 9, 10, .09);--button-hover-border: rgba(8, 9, 10, .28);--panel-bg: rgba(255, 255, 255, .64);--panel-soft-bg: rgba(8, 9, 10, .03);--field-bg: rgba(255, 255, 255, .72);--field-empty-border: rgba(8, 9, 10, .18);--line-bg: rgba(8, 9, 10, .1);--arrow-bg: rgba(244, 247, 245, .92);--diff-remove-bg: rgba(220, 38, 38, .11);--diff-remove-text: #9f2f26;--diff-add-bg: rgba(22, 163, 74, .12);--diff-add-text: #1f7a3c;--kbd-bg: rgba(8, 9, 10, .06);--kbd-border: rgba(8, 9, 10, .16);min-height:100vh}[data-theme=dark]{--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .16);--text: #e2e2e2;--text-dim: #777;--text-faint: #444;--button-hover-bg: rgba(255, 255, 255, .12);--button-hover-border: rgba(255, 255, 255, .24);--panel-bg: rgba(0, 0, 0, .3);--panel-soft-bg: rgba(255, 255, 255, .02);--field-bg: rgba(255, 255, 255, .04);--field-empty-border: rgba(255, 255, 255, .08);--line-bg: rgba(255, 255, 255, .06);--arrow-bg: rgba(18, 18, 18, .9);--diff-remove-bg: rgba(248, 81, 73, .08);--diff-remove-text: #f0887a;--diff-add-bg: rgba(63, 185, 80, .08);--diff-add-text: #7ee787;--kbd-bg: rgba(255, 255, 255, .1);--kbd-border: rgba(255, 255, 255, .15)}.hero[data-v-535335f3]{display:flex;justify-content:center;padding:160px 24px 100px}.hero-inner[data-v-535335f3]{max-width:480px;text-align:center;display:flex;flex-direction:column;align-items:center}.hero-check[data-v-535335f3]{width:56px;height:56px;margin-bottom:28px;opacity:0;transform:scale(.6);transition:all .7s cubic-bezier(.16,1,.3,1)}.hero-check.visible[data-v-535335f3]{opacity:1;transform:scale(1)}.check-ring[data-v-535335f3]{stroke:var(--text-dim);stroke-dasharray:140;stroke-dashoffset:140;animation:drawRing-535335f3 .9s cubic-bezier(.65,0,.35,1) .2s forwards}.check-mark[data-v-535335f3]{stroke:var(--text);stroke-dasharray:40;stroke-dashoffset:40;animation:drawMark-535335f3 .45s cubic-bezier(.65,0,.35,1) .8s forwards}@keyframes drawRing-535335f3{to{stroke-dashoffset:0}}@keyframes drawMark-535335f3{to{stroke-dashoffset:0}}.hero-title[data-v-535335f3]{font-family:Space Grotesk,sans-serif;font-size:clamp(30px,5vw,42px);font-weight:600;letter-spacing:0;color:var(--text);margin:0 0 12px;animation:fadeUp-535335f3 .6s ease .3s both}.hero-sub[data-v-535335f3]{font-size:16px;line-height:1.6;color:var(--text-dim);margin:0 0 32px;max-width:380px;animation:fadeUp-535335f3 .6s ease .45s both}.hero-actions[data-v-535335f3]{display:flex;gap:12px;animation:fadeUp-535335f3 .5s ease .6s both}.btn-primary[data-v-535335f3]{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border:1px solid var(--border-hover);border-radius:8px;background:var(--surface-hover);color:var(--text);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease}.btn-primary[data-v-535335f3]:hover{background:var(--button-hover-bg);border-color:var(--button-hover-border)}.btn-ghost[data-v-535335f3]{display:inline-flex;align-items:center;padding:10px 22px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-dim);font-size:14px;font-weight:500;text-decoration:none;transition:all .15s ease}.btn-ghost[data-v-535335f3]:hover{color:var(--text);border-color:var(--border-hover)}.hero-hint[data-v-535335f3]{display:flex;align-items:flex-start;gap:10px;margin-top:20px;font-size:14px;line-height:1.5;color:var(--text);padding:14px 18px;border-radius:10px;background:var(--surface-hover);border:1px solid var(--border-hover);text-align:left;max-width:400px;animation:fadeUp-535335f3 .3s ease both}.hint-icon[data-v-535335f3]{flex-shrink:0;margin-top:2px;color:var(--text-dim)}.hero-hint strong[data-v-535335f3]{color:var(--text)}.hero-hint kbd[data-v-535335f3]{padding:2px 6px;border-radius:4px;background:var(--kbd-bg);border:1px solid var(--kbd-border);font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text)}.challenge-play.copied[data-v-535335f3]{background:var(--surface-hover);border-color:var(--button-hover-border);color:var(--text)}.challenges[data-v-535335f3]{max-width:720px;margin:0 auto;padding:0 24px 80px}.challenges-header[data-v-535335f3]{text-align:center;margin-bottom:40px}.challenges-header h2[data-v-535335f3]{font-family:Space Grotesk,sans-serif;font-size:clamp(24px,4vw,32px);font-weight:600;letter-spacing:0;color:var(--text);margin:0 0 8px}.challenges-header p[data-v-535335f3]{font-size:15px;color:var(--text-dim);margin:0}.carousel-viewport[data-v-535335f3]{position:relative;overflow:hidden;border-radius:16px;border:1px solid var(--border);background:var(--surface)}.carousel-track[data-v-535335f3]{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}.challenge-card[data-v-535335f3]{min-width:100%;padding:28px;box-sizing:border-box}.challenge-top[data-v-535335f3]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.challenge-label[data-v-535335f3]{display:block;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px}.challenge-title[data-v-535335f3]{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:500;color:var(--text);margin:0;line-height:1.4;max-width:400px}.challenge-play[data-v-535335f3]{width:44px;height:44px;border-radius:50%;border:1px solid var(--border-hover);background:var(--surface);color:var(--text-dim);cursor:pointer;display:grid;place-items:center;flex-shrink:0;margin-left:16px;transition:all .2s ease}.challenge-play[data-v-535335f3]:hover{background:var(--surface-hover);color:var(--text);border-color:var(--button-hover-border)}.carousel-arrow[data-v-535335f3]{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--arrow-bg);color:var(--text-dim);cursor:pointer;display:grid;place-items:center;z-index:2;transition:all .15s ease}.carousel-arrow[data-v-535335f3]:hover:not(:disabled){color:var(--text);border-color:var(--border-hover)}.carousel-arrow[data-v-535335f3]:disabled{opacity:.3;cursor:default}.carousel-prev[data-v-535335f3]{left:12px}.carousel-next[data-v-535335f3]{right:12px}.carousel-dots[data-v-535335f3]{display:flex;justify-content:center;gap:8px;margin-top:20px}.dot[data-v-535335f3]{width:6px;height:6px;border-radius:50%;border:none;background:var(--text-faint);cursor:pointer;padding:0;transition:all .2s ease}.dot.active[data-v-535335f3]{background:var(--text-dim);transform:scale(1.3)}.challenge-demo[data-v-535335f3]{border-radius:10px;border:1px solid var(--border);background:var(--panel-bg);overflow:hidden}.demo-diff[data-v-535335f3]{font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.7}.diff-file[data-v-535335f3]{padding:10px 16px;font-size:11px;color:var(--text-dim);border-bottom:1px solid var(--border);background:var(--panel-soft-bg)}.diff-line[data-v-535335f3]{padding:1px 16px;display:flex;gap:8px;color:var(--text-dim)}.diff-ln[data-v-535335f3]{color:var(--text-faint);min-width:24px;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.diff-sign[data-v-535335f3]{min-width:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.diff-remove[data-v-535335f3]{background:var(--diff-remove-bg);color:var(--diff-remove-text)}.diff-add[data-v-535335f3]{background:var(--diff-add-bg);color:var(--diff-add-text)}.demo-page[data-v-535335f3]{font-size:12px}.page-bar[data-v-535335f3]{display:flex;align-items:center;gap:6px;padding:8px 14px;border-bottom:1px solid var(--border);background:var(--panel-soft-bg)}.page-dot[data-v-535335f3]{width:8px;height:8px;border-radius:50%;background:var(--text-faint)}.page-url[data-v-535335f3]{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-faint);margin-left:8px}.page-body[data-v-535335f3]{padding:16px}.page-heading[data-v-535335f3]{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600;color:var(--text);margin-bottom:10px}.page-text[data-v-535335f3]{font-size:12px;line-height:1.6;color:var(--text-dim);margin-bottom:8px}.page-text.dim[data-v-535335f3]{color:var(--text-faint)}.demo-form[data-v-535335f3]{padding:16px}.form-row[data-v-535335f3]{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.form-row[data-v-535335f3]:last-child{border-bottom:none}.form-row label[data-v-535335f3]{font-size:12px;color:var(--text-dim);min-width:80px;font-weight:500}.form-input[data-v-535335f3]{flex:1;padding:6px 10px;border-radius:4px;font-size:12px;font-family:JetBrains Mono,monospace;min-height:20px}.form-input.filled[data-v-535335f3]{color:var(--text);background:var(--field-bg);border:1px solid var(--border)}.form-input.empty[data-v-535335f3]{color:var(--text-faint);background:transparent;border:1px dashed var(--field-empty-border)}.starters[data-v-535335f3]{max-width:960px;margin:0 auto;padding:40px 24px 80px}.starters-header[data-v-535335f3]{text-align:center;margin-bottom:40px}.starters-header h2[data-v-535335f3]{font-family:Space Grotesk,sans-serif;font-size:clamp(24px,4vw,32px);font-weight:600;letter-spacing:0;color:var(--text);margin:0 0 8px}.starters-header p[data-v-535335f3]{font-size:15px;color:var(--text-dim);margin:0}.starters-grid[data-v-535335f3]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.starter-card[data-v-535335f3]{border-radius:14px;border:1px solid var(--border);background:var(--surface);overflow:hidden;cursor:pointer;transition:all .2s ease}.starter-card[data-v-535335f3]:hover{border-color:var(--border-hover);background:var(--surface-hover)}.starter-preview[data-v-535335f3]{border-bottom:1px solid var(--border);padding:0;background:var(--panel-bg)}.preview-chrome[data-v-535335f3]{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border)}.preview-dots[data-v-535335f3]{display:flex;gap:4px}.preview-dots span[data-v-535335f3]{width:6px;height:6px;border-radius:50%;background:var(--text-faint)}.preview-url[data-v-535335f3]{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-faint);margin-left:6px}.preview-body[data-v-535335f3]{display:flex;gap:8px;padding:12px;min-height:100px}.preview-sidebar[data-v-535335f3]{width:30%;display:flex;flex-direction:column;gap:6px;padding-right:8px;border-right:1px solid var(--border)}.preview-content[data-v-535335f3]{flex:1;display:flex;flex-direction:column;gap:6px}.preview-line[data-v-535335f3]{height:6px;border-radius:3px;background:var(--line-bg)}.starter-desc[data-v-535335f3]{padding:16px;font-size:14px;line-height:1.5;color:var(--text);margin:0}.starter-try[data-v-535335f3]{display:block;width:calc(100% - 32px);margin:0 16px 16px;padding:10px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease}.starter-try[data-v-535335f3]:hover{border-color:var(--border-hover);color:var(--text);background:var(--surface)}.shortcut-footer[data-v-535335f3]{text-align:center;padding:40px 24px 80px}.shortcut-footer p[data-v-535335f3]{font-size:13px;color:var(--text-faint);margin:0}.shortcut-footer kbd[data-v-535335f3]{padding:2px 6px;border-radius:4px;background:var(--kbd-bg);border:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-dim)}@keyframes fadeUp-535335f3{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero[data-v-535335f3]{padding:120px 24px 60px}.starters-grid[data-v-535335f3]{grid-template-columns:1fr}.hero-actions[data-v-535335f3]{flex-direction:column;width:100%}.btn-primary[data-v-535335f3],.btn-ghost[data-v-535335f3]{width:100%;justify-content:center}}@media(min-width:769px)and (max-width:1024px){.starters-grid[data-v-535335f3]{grid-template-columns:repeat(2,1fr)}}