.vibe-preview{--paper:#04060a;--paper-2:#0e131e;--card:#0a0e16;--ink:#eef2f8;--ink-soft:#98a3b5;--line:#96aac824;--line-2:#96aac847;--a1:#55c8ff;--a2:#55c8ff;--a3:#1b6fc4;--accent:var(--a2);--accent-ink:#9fe0ff;--tint:#55c8ff17;--shadow:0 0 0 0 transparent;--shadow-glow:0 18px 40px -24px #000c;--btn-bg:var(--accent);--btn-fg:#04060a;--cta-bg:var(--card);--cta-fg:var(--ink);--grain-opacity:0;--grain-blend:normal;--ease:cubic-bezier(.22,.68,.18,1);background-color:var(--paper);color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body),system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;isolation:isolate;min-height:100dvh;position:relative;overflow-x:clip}html:has(.vibe-preview){background:#04060a}.vibe-preview :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.vibe-preview ::selection{color:#fff;background:#55c8ff52}.vibe-grain:before{content:"";z-index:-1;pointer-events:none;opacity:var(--grain-opacity);mix-blend-mode:var(--grain-blend);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.font-display{font-family:var(--font-display),system-ui,sans-serif}.font-serif{font-family:var(--font-serif),Georgia,serif}.vibe-eyebrow{font-family:var(--font-display),sans-serif;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);font-size:.75rem;font-weight:600}.vibe-wordmark{font-family:var(--font-display),sans-serif;letter-spacing:-.045em;color:var(--ink);font-weight:700;line-height:.92}.vibe-grad-text{color:var(--accent)}.vibe-serif-accent,.vibe-logo{color:var(--ink)}.vibe-blob{display:none}.vibe-rise{opacity:0;animation:vibe-rise .55s var(--ease)forwards}@keyframes vibe-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vibe-reveal{opacity:0;transition:opacity .45s var(--ease),transform .45s var(--ease);transform:translateY(10px)}.vibe-reveal.is-in{opacity:1;transform:none}.vibe-btn{font-family:var(--font-display),sans-serif;letter-spacing:.16em;text-transform:uppercase;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:.7rem;font-size:.8125rem;font-weight:600;line-height:1.2;display:inline-flex}.vibe-btn--primary{color:var(--btn-fg);background:var(--btn-bg);border-color:var(--btn-bg);padding:.95rem 1.7rem}.vibe-btn--primary:hover{background:var(--accent-ink);border-color:var(--accent-ink)}.vibe-btn--ghost{color:var(--ink);border-color:var(--line-2);background:#55c8ff0a;padding:.95rem 1.5rem}.vibe-btn--ghost:hover{border-color:var(--accent);color:var(--ink)}.vibe-btn .vibe-arrow{transition:transform .3s var(--ease)}.vibe-btn:hover .vibe-arrow{transform:translate(4px)}.vibe-btn--sm{letter-spacing:.14em;padding:.6rem 1.1rem;font-size:.75rem}.vibe-grad-bg{background-image:none;background-color:var(--accent)}.vibe-check-a,.vibe-check-b{stop-color:var(--accent)}.vibe-card{background:var(--card);border:1px solid var(--line);box-shadow:none;transition:border-color .3s var(--ease),background .3s var(--ease);border-radius:2px;position:relative}.vibe-card:before{content:"";background:var(--accent);height:1px;opacity:var(--card-edge,0);pointer-events:none;position:absolute;top:-1px;left:-1px;right:-1px}.vibe-card--hover:hover{border-color:var(--line-2);background:color-mix(in srgb,var(--ink)3%,var(--card))}.vibe-stepline{transform-origin:0;transition:transform 1.1s var(--ease);transform:scaleX(0)}.vibe-stepline.is-in{transform:scaleX(1)}.vibe-acc-body{transition:grid-template-rows .4s var(--ease);grid-template-rows:0fr;display:grid}.vibe-acc-body.is-open{grid-template-rows:1fr}.vibe-acc-body>div{overflow:hidden}@media (max-height:800px){.vibe-preview .vibe-hero{padding-top:2.5rem;padding-bottom:3rem}.vibe-preview .vibe-hero .vibe-wordmark{font-size:clamp(2.4rem,9vw,5.5rem)}}.pb-bubble{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--accent);box-shadow:var(--shadow);border-radius:.9rem;padding:1.5rem 1.6rem;position:relative}.pb-kw{font:inherit;color:var(--ink);cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:color-mix(in srgb,var(--accent)70%,transparent);text-decoration-color:color-mix(in srgb,var(--accent)70%,transparent);text-underline-offset:4px;transition:background .25s var(--ease),color .25s var(--ease);background:0 0;border-radius:.35em;margin:0 -.26em;padding:.05em .3em;font-weight:600}.pb-kw:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.pb-kw.is-active{color:var(--accent-ink);background:var(--tint);text-decoration-style:solid;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.pb-stage{aspect-ratio:4/3;position:relative}.pb-frame{z-index:1;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--paper-2);border-radius:1rem;position:absolute;inset:0;overflow:hidden}.pb-photo{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.pb-placeholder{background:radial-gradient(55% 55% at 30% 32%,color-mix(in srgb,var(--a1)55%,transparent),transparent 70%),radial-gradient(55% 55% at 70% 66%,color-mix(in srgb,var(--a3)55%,transparent),transparent 70%),radial-gradient(45% 45% at 55% 45%,color-mix(in srgb,var(--a2)45%,transparent),transparent 70%),linear-gradient(160deg,#15101f,#0b0810);place-items:center;display:grid;position:absolute;inset:0}.pb-placeholder:before{content:"";border:1px solid #ffffff24;border-radius:.8rem;position:absolute;inset:12% 18%;box-shadow:inset 0 0 60px #0006}.pb-placeholder-tag{font-family:var(--font-display),sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#fff9;background:#00000052;border-radius:999px;padding:.35rem .75rem;font-size:.68rem;position:relative}.pb-dim{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease);display:block;position:absolute;inset:0}.pb-dim[data-on=true]{opacity:1}.pb-dot{cursor:pointer;z-index:3;opacity:1;width:34px;height:34px;transition:opacity .35s var(--ease);background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.pb-stage[data-active=true] .pb-dot:not(.is-active){opacity:0;pointer-events:none}.pb-dot-ring{animation:pb-idle 2.6s var(--ease)infinite;transition:transform .3s var(--ease);background:#fff;border-radius:50%;position:absolute;inset:0;transform:scale(.5);box-shadow:0 0 0 2px #1c1b18e6,0 2px 8px #00000073}.pb-dot:hover .pb-dot-ring,.pb-dot:focus-visible .pb-dot-ring{animation:none;transform:scale(.66)}.pb-dot.is-active .pb-dot-ring{animation:none;transform:scale(.82)}@keyframes pb-idle{0%,to{transform:scale(.5)}50%{transform:scale(.62)}}.pb-sat{pointer-events:none;z-index:2;background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #1c1b18e6,0 2px 6px #0006}.pb-callout{text-align:center;opacity:0;visibility:hidden;pointer-events:none;width:max-content;max-width:220px;transition:opacity .3s var(--ease),transform .3s var(--ease);z-index:4;background:#1c1b18f2;border:1px solid #1c1b18;border-radius:.7rem;padding:.5rem .8rem;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,6px);box-shadow:0 12px 30px -12px #00000073}.pb-dot.is-active .pb-callout{opacity:1;visibility:visible;transform:translate(-50%)}.pb-callout-label{font-family:var(--font-display),sans-serif;color:#fff;font-size:.85rem;font-weight:600;display:block}.pb-callout-sub{color:#ffffffb3;margin-top:1px;font-size:.72rem;display:block}.pb-hint{text-align:center;color:var(--ink-soft);margin-top:.9rem;font-size:.8rem}.pb-hint-kw{color:var(--ink);-webkit-text-decoration:underline dotted color-mix(in srgb,var(--accent)70%,transparent);-webkit-text-decoration:underline dotted color-mix(in srgb,var(--accent)70%,transparent);text-decoration:underline dotted color-mix(in srgb,var(--accent)70%,transparent);text-underline-offset:3px;font-weight:600}.pb-hero .pb-stage{max-width:440px;margin-inline:auto}.pb-frame--cutout{box-shadow:none;background:0 0;border:0;border-radius:0}.pb-frame--cutout .pb-dim{-webkit-mask-image:url(/preview/build-shop.webp);mask-image:url(/preview/build-shop.webp);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pb-floor{z-index:0;pointer-events:none;background:radial-gradient(50% 50% at 50% 52%,#0f111bf5 0%,#0f111bd9 58%,#0f111b00 80%);height:34%;position:absolute;bottom:-2%;left:-10%;right:-10%}@media (prefers-reduced-motion:reduce){.vibe-preview *,.vibe-preview :before,.vibe-preview :after{transition:none!important;animation:none!important}.vibe-rise,.vibe-reveal{opacity:1;transform:none}.vibe-stepline{transform:scaleX(1)}}
.vibe-preview{--ok:#5fd49b;--warn:#f2b45a;--danger:#ff7d7d;--info:var(--accent);--field-bg:color-mix(in srgb,var(--paper)55%,var(--card));--field-border:var(--line-2);--ring:0 0 0 3px color-mix(in srgb,var(--accent)22%,transparent)}.vibe-preview.vibe-form-page{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.vibe-label{color:var(--ink);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.vibe-error-text{color:var(--danger);margin-top:.25rem;font-size:.875rem}.vibe-note{color:color-mix(in srgb,var(--ink-soft)80%,transparent);font-size:.75rem}.vibe-input{background:var(--field-bg);border:1px solid var(--field-border);width:100%;color:var(--ink);transition:border-color .3s var(--ease),box-shadow .3s var(--ease);border-radius:2px;padding:.7rem 1rem}.vibe-input::placeholder{color:color-mix(in srgb,var(--ink-soft)65%,transparent)}.vibe-input:focus-visible{border-color:color-mix(in srgb,var(--a2)70%,var(--line));box-shadow:var(--ring);outline:none}.vibe-input:disabled{opacity:.5;cursor:not-allowed}textarea.vibe-input{resize:vertical}.vibe-input--money{padding-left:2rem}.vibe-input--sm{padding:.4rem .75rem;font-size:.875rem}.vibe-input--error{border-color:color-mix(in srgb,var(--danger)60%,var(--line))}.vibe-input--error:focus-visible{border-color:color-mix(in srgb,var(--danger)75%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--danger)25%,transparent)}.vibe-native-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2398a3b5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .9rem center;background-repeat:no-repeat;padding-right:2.5rem}.vibe-form-page input[type=checkbox],.vibe-form-page input[type=radio]{accent-color:var(--accent);flex-shrink:0;width:1rem;height:1rem}.vibe-pop{background:var(--card);border:1px solid var(--line);border-radius:2px;overflow:hidden;box-shadow:0 18px 40px -20px #000000d9}.vibe-option{text-align:left;width:100%;color:var(--ink-soft);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.vibe-option:hover,.vibe-option:focus-visible{background:color-mix(in srgb,var(--a2)12%,transparent);color:var(--ink);outline:none}.vibe-option.is-selected{background:color-mix(in srgb,var(--a2)18%,transparent);color:var(--ink);font-weight:500}.vibe-choice{border:1px solid var(--line);cursor:pointer;transition:border-color .3s var(--ease),background .3s var(--ease),box-shadow .3s var(--ease);background:0 0;border-radius:2px;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.vibe-choice:hover{border-color:color-mix(in srgb,var(--ink)30%,var(--line))}.vibe-choice.is-checked{border-color:color-mix(in srgb,var(--a2)60%,var(--line));background:color-mix(in srgb,var(--a2)10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--a2)45%,transparent)}.vibe-choice:has(input:focus-visible){box-shadow:var(--ring)}.vibe-choice--sm{padding:.75rem}.vibe-chip{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;transition:border-color .3s var(--ease),background .3s var(--ease),color .3s var(--ease);border-radius:2px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.vibe-chip:hover{border-color:color-mix(in srgb,var(--ink)30%,var(--line));color:var(--ink)}.vibe-chip.is-on{border-color:color-mix(in srgb,var(--a2)60%,var(--line));background:color-mix(in srgb,var(--a2)12%,transparent);color:var(--ink)}.vibe-chip.is-disabled{cursor:not-allowed;opacity:.45}.vibe-chip.is-disabled:hover{border-color:var(--line);color:var(--ink-soft)}.vibe-step-btn{border:1px solid var(--line);width:1.75rem;height:1.75rem;color:var(--ink-soft);cursor:pointer;transition:border-color .3s var(--ease),color .3s var(--ease);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.vibe-step-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--a2)60%,var(--line));color:var(--ink)}.vibe-step-btn:disabled{opacity:.4;cursor:not-allowed}.vibe-banner{--c:var(--info);background:color-mix(in srgb,var(--c)8%,var(--card));border:1px solid color-mix(in srgb,var(--c)30%,transparent);color:color-mix(in srgb,var(--c)55%,var(--ink));border-radius:2px;padding:.8rem 1rem;font-size:.875rem}.vibe-banner strong{color:color-mix(in srgb,var(--c)90%,var(--ink))}.vibe-banner--info{--c:var(--info)}.vibe-banner--good{--c:var(--ok)}.vibe-banner--warn{--c:var(--warn)}.vibe-banner--danger{--c:var(--danger)}.vibe-banner--loud{border-color:color-mix(in srgb,var(--c)60%,transparent)}.vibe-panel{background:var(--paper-2);border:1px solid var(--line);border-radius:2px;padding:1.25rem}.vibe-panel--sm{padding:.8rem 1rem}.vibe-panel--tint-a1{background:linear-gradient(180deg,color-mix(in srgb,var(--a1)8%,var(--paper-2)),var(--paper-2))}.vibe-panel--tint-a2{background:linear-gradient(180deg,color-mix(in srgb,var(--a2)8%,var(--paper-2)),var(--paper-2))}.vibe-panel--tint-a3{background:linear-gradient(180deg,color-mix(in srgb,var(--a3)8%,var(--paper-2)),var(--paper-2))}.vibe-card--section{--card-edge:0;scroll-margin-top:8.5rem}.vibe-card--section:before{transition:opacity .6s var(--ease)}.vibe-card--section.is-active{--card-edge:1}.vibe-card.vibe-card--tint-a2{background:linear-gradient(180deg,color-mix(in srgb,var(--a2)6%,var(--card)),var(--card))}.vibe-card.vibe-card--tint-a3{background:linear-gradient(180deg,color-mix(in srgb,var(--a3)6%,var(--card)),var(--card))}.vibe-meter{background:color-mix(in srgb,var(--ink)12%,transparent);border-radius:999px;height:6px;overflow:hidden}.vibe-meter__fill{height:100%;transition:width .6s var(--ease);border-radius:999px}.vibe-meter__fill--ok{background:var(--ok)}.vibe-meter__fill--tight{background:var(--warn)}.vibe-meter__fill--insufficient{background:var(--danger)}.vibe-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.vibe-mobile-bar{z-index:30;border-top:1px solid var(--line);background:color-mix(in srgb,var(--paper)82%,transparent);-webkit-backdrop-filter:blur(12px)saturate(140%);backdrop-filter:blur(12px)saturate(140%);position:fixed;bottom:0;left:0;right:0}.vibe-num{font-family:var(--font-display),sans-serif;font-variant-numeric:tabular-nums}