.demo-pay-banner{color:var(--el-ink);font-size:var(--t-caption);background:#e3b25c1a;border:1px solid #e3b25c8c;border-radius:.85rem;margin-top:1.5rem;padding:.9rem 1.1rem;line-height:1.55}.demo-pay-banner strong{color:#e3b25c}.demo-pay-summary{border:1px solid var(--el-line);background:#0a0a0c8c;border-radius:.85rem;gap:.75rem;margin:1.5rem 0;padding:1rem 1.1rem;display:grid}.demo-pay-summary>div{justify-content:space-between;gap:1rem;display:flex}.demo-pay-summary dt{color:var(--el-ink-3,#f0eae099);font-size:var(--t-caption)}.demo-pay-summary dd{color:var(--el-ink);text-align:right;margin:0}.demo-start{max-width:64rem}.demo-chapters{gap:1rem;margin-top:2rem;padding:0;list-style:none;display:grid}@media (min-width:760px){.demo-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}}.demo-chapter{border:1px solid var(--el-line-2,#f0eae029);width:100%;min-height:44px;color:var(--el-ink);text-align:left;cursor:pointer;background:#0a0a0c99;border-radius:1rem;gap:.35rem;padding:1rem 1.15rem;transition:border-color .2s,background .2s;display:grid}.demo-chapter:hover,.demo-chapter:focus-visible{background:#e3b25c12;border-color:#e3b25cb3}.demo-chapter-side{color:#e3b25c;letter-spacing:.14em;text-transform:uppercase;font-size:12px}.demo-chapter-title{font-family:var(--el-display);font-size:1.2rem;font-weight:600}.demo-chapter-steps{color:var(--el-ink-2,#f0eae0c7);font-size:14px;line-height:1.5}.demo-facts{color:var(--el-ink-2,#f0eae0c7);gap:.4rem;margin-top:1.5rem;font-size:15px;display:grid}.demo-facts code{color:#e3b25c;font-size:15px}.demo-left{gap:.6rem;margin-top:1.5rem;padding:0;list-style:none;display:grid}.demo-left li{border:1px solid var(--el-line-2,#f0eae029);color:var(--el-ink);background:#0a0a0c8c;border-radius:.85rem;padding:.85rem 1rem;line-height:1.5}.demo-left li strong{color:#e3b25c}.demo-mail{border:1px solid var(--el-line-2,#f0eae029);background:#0a0a0c99;border-radius:.85rem;margin-top:1rem;padding:1rem 1.1rem}.demo-mail h2{color:var(--el-ink);font-size:1.05rem;font-weight:600}.demo-mail pre{color:var(--el-ink-2,#f0eae0cc);font-family:var(--el-body);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:.75rem;font-size:14px;line-height:1.55}.demo-mail a{color:#e3b25c;text-underline-offset:3px;text-decoration:underline}.demo-tour{z-index:2147483000;right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));color:#f0eae0;width:min(380px,100vw - 32px);max-height:min(70vh,560px);font-family:var(--f-geist), ui-sans-serif, system-ui, sans-serif;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#18140ef7,#0a0a0cf7);border:1px solid #e3b25c8c;border-radius:18px;flex-direction:column;display:flex;position:fixed;box-shadow:0 24px 60px -20px #000000d9,0 0 0 1px #0006}.demo-tour[data-side=left]{right:auto;left:max(16px, env(safe-area-inset-left))}.demo-tour[data-side=top]{bottom:auto;top:max(16px, env(safe-area-inset-top))}.demo-tour-head{align-items:center;gap:8px;padding:12px 12px 0 16px;display:flex}.demo-tour-count{color:#e3b25c;letter-spacing:.12em;text-transform:uppercase;flex:1;font-size:12px;font-weight:600}.demo-tour-icon{color:#f0eae0;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;min-width:40px;min-height:40px;font-size:13px;display:inline-flex}.demo-tour-icon:hover,.demo-tour-icon:focus-visible{background:#e3b25c24}.demo-tour-body{padding:4px 16px 0;overflow-y:auto}.demo-tour-chapter{color:#f0eae0a8;margin-top:2px;font-size:12px}.demo-tour-title{font-family:var(--f-bricolage), ui-sans-serif, system-ui, sans-serif;margin-top:4px;font-size:20px;font-weight:600;line-height:1.2}.demo-tour-text{color:#f0eae0db;margin-top:8px;font-size:15px;line-height:1.5}.demo-tour-text+.demo-tour-text{margin-top:6px}.demo-tour-secret{border:1px dashed #e3b25c99;border-radius:10px;margin-top:10px;padding:8px 10px;font-size:14px}.demo-tour-secret code{color:#e3b25c;-webkit-user-select:all;user-select:all;font-size:15px}.demo-tour-off{color:#f0eae0bf;margin-top:10px;font-size:13px;line-height:1.45}.demo-tour-foot{gap:8px;padding:12px 16px 14px;display:flex}.demo-tour-button{color:#f0eae0;cursor:pointer;background:0 0;border:1px solid #f0eae040;border-radius:999px;flex:1;min-height:44px;padding:0 14px;font-size:14px;font-weight:500}.demo-tour-button:disabled{opacity:.4;cursor:default}.demo-tour-button-primary{color:#0a0a0c;background:#e3b25c;border-color:#e3b25c}.demo-tour-button:focus-visible,.demo-tour-icon:focus-visible,.demo-tour-list button:focus-visible{outline-offset:2px;outline:2px solid #e3b25c}.demo-tour-list{margin:8px 0 4px;padding:0;list-style:none}.demo-tour-list li+li{margin-top:2px}.demo-tour-list button{color:#f0eae0;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;gap:8px;width:100%;min-height:40px;padding:6px 10px;font-size:14px;display:flex}.demo-tour-list button:hover{background:#e3b25c1a}.demo-tour-list button[aria-current=true]{color:#e3b25c;background:#e3b25c29}.demo-tour-list small{color:#f0eae099;font-size:12px}.demo-tour-pill{z-index:2147483000;right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));color:#e3b25c;min-height:46px;font-family:var(--f-geist), ui-sans-serif, system-ui, sans-serif;cursor:pointer;background:#0a0a0cf0;border:1px solid #e3b25c;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex;position:fixed;box-shadow:0 14px 34px -16px #000000e6}.demo-spot{z-index:2147482990;pointer-events:none;border-radius:14px;transition:top .25s,left .25s,width .25s,height .25s;animation:2.4s ease-in-out infinite demo-spot-pulse;position:absolute;box-shadow:0 0 0 2px #e3b25c,0 0 0 6px #e3b25c40,0 0 34px 6px #e3b25c59}@keyframes demo-spot-pulse{50%{box-shadow:0 0 0 2px #e3b25c,0 0 0 9px #e3b25c2e,0 0 44px 10px #e3b25c47}}@media (prefers-reduced-motion:reduce){.demo-spot{transition:none;animation:none}}@media (max-width:520px){.demo-tour{left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));border-radius:16px;width:auto;max-height:46vh}.demo-tour[data-side=top]{top:max(8px, env(safe-area-inset-top))}.demo-tour-title{font-size:18px}.demo-tour-text{font-size:15px}.demo-tour-foot{padding:10px 12px 12px}}@media print{.demo-tour,.demo-tour-pill,.demo-spot{display:none!important}}