.vibe-preview{--ok:#1a7f4e;--warn:#b45309;--danger:#b91c1c;--info:var(--accent);--field-bg:color-mix(in srgb,var(--paper)45%,var(--card));--field-border:var(--line);--ring:0 0 0 3px color-mix(in srgb,var(--accent)22%,transparent)}.vibe-preview.vibe-form-page{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.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:.75rem;padding:.6rem 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{border-radius:.5rem;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='%235c5852' 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);box-shadow:var(--shadow);border-radius:.9rem;overflow:hidden}.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:.9rem;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:0 0 0 1px color-mix(in srgb,var(--a2)45%,transparent),0 10px 30px -18px color-mix(in srgb,var(--a2)60%,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:.7rem;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-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)7%,var(--card));border:1px solid color-mix(in srgb,var(--c)30%,transparent);color:color-mix(in srgb,var(--c)75%,var(--ink));border-radius:.9rem;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:.9rem;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}
