.vibe-stage{--vibe-ink:oklch(15% .045 264);--vibe-ink-2:oklch(21% .06 266);--vibe-veil:oklch(98% .02 250/.07);--vibe-line:oklch(98% .02 250/.16);--vibe-text:oklch(97.5% .01 250);--vibe-text-dim:oklch(97.5% .01 250/.7);--vibe-text-faint:oklch(97.5% .01 250/.46);--vibe-gold:oklch(86% .11 88);--vibe-gold-deep:oklch(66% .12 74);z-index:60;color:var(--vibe-text);background:radial-gradient(105% 70% at 8% -8%, oklch(42% .13 262/.75), transparent 62%), radial-gradient(95% 75% at 95% 4%, oklch(44% .09 205/.6), transparent 66%), radial-gradient(120% 90% at 50% 115%, oklch(30% .09 285/.75), transparent 72%), linear-gradient(180deg, var(--vibe-ink-2), var(--vibe-ink) 58%, oklch(11% .035 262));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;position:fixed;inset:0;overflow:hidden auto}.vibe-stage:after{content:"";pointer-events:none;mix-blend-mode:screen;background-image:radial-gradient(oklch(99% 0 0/.04) 1px,#0000 1px);background-size:3px 3px;position:fixed;inset:0}.vibe-ambient{z-index:0;pointer-events:none;opacity:.72;position:fixed;inset:0;overflow:hidden}.vibe-ambient-title{color:#0000;width:100%;font-family:var(--font-serif,serif);letter-spacing:.12em;-webkit-text-stroke:1px color-mix(in oklab, var(--vibe-gold) 16%, transparent);text-shadow:0 0 70px color-mix(in oklab, var(--vibe-gold) 8%, transparent);white-space:nowrap;justify-content:center;gap:.24em;font-size:clamp(5.5rem,19vw,19rem);font-weight:500;line-height:.78;animation:10s ease-in-out infinite vibe-ambient-breathe;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.vibe-ambient-portrait{opacity:.2;width:clamp(7rem,13vw,13rem);height:clamp(15rem,31vw,30rem);filter:drop-shadow(0 0 25px color-mix(in oklab, var(--vibe-gold) 15%, transparent));position:absolute;top:50%;transform:translateY(-42%)}.vibe-ambient-man{animation:12s ease-in-out infinite vibe-person-left;left:clamp(-2.5rem,4vw,7rem)}.vibe-ambient-woman{animation:12s ease-in-out infinite vibe-person-right;right:clamp(-2.5rem,4vw,7rem)}.vibe-ambient-head,.vibe-ambient-hair,.vibe-ambient-shoulders{border:1px solid color-mix(in oklab, var(--vibe-gold) 55%, transparent);display:block;position:absolute}.vibe-ambient-head{aspect-ratio:.75;background:color-mix(in oklab, var(--vibe-gold) 3%, transparent);border-radius:48% 52% 48% 48%;width:39%;top:7%;left:50%;transform:translate(-50%)}.vibe-ambient-man .vibe-ambient-head{transform:translate(-44%)rotate(3deg)}.vibe-ambient-woman .vibe-ambient-head{transform:translate(-56%)rotate(-3deg)}.vibe-ambient-hair{z-index:-1;background:color-mix(in oklab, var(--vibe-ink) 72%, transparent);border-radius:55% 48% 70% 32%;width:48%;height:38%;top:4%;left:42%;transform:translate(-50%)rotate(5deg)}.vibe-ambient-shoulders{background:linear-gradient(180deg, color-mix(in oklab, var(--vibe-gold) 5%, transparent), transparent 75%);border-radius:52% 52% 0 0;width:100%;height:58%;bottom:0;left:50%;transform:translate(-50%)}.vibe-ambient-thread{transform-origin:50%;background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--vibe-gold) 36%, transparent), transparent);width:70%;height:1px;animation:7s ease-in-out infinite vibe-thread;position:absolute;top:49%;left:15%}.vibe-ambient-spark{background:var(--vibe-gold);width:.32rem;height:.32rem;box-shadow:0 0 20px color-mix(in oklab, var(--vibe-gold) 70%, transparent);border-radius:999px;animation:5.5s ease-in-out infinite vibe-spark;position:absolute;top:49%;left:50%}.vibe-ambient-spark-two{margin:-3.5rem 0 0 5rem;animation-delay:-1.8s}.vibe-ambient-spark-three{margin:4.5rem 0 0 -4rem;animation-delay:-3.6s}@keyframes vibe-ambient-breathe{0%,to{opacity:.42;transform:translate(-50%,-50%)scale(.985)}50%{opacity:.72;transform:translate(-50%,-50%)scale(1)}}@keyframes vibe-person-left{0%,to{transform:translate(-.5rem,-42%)}50%{transform:translate(.65rem,-43%)}}@keyframes vibe-person-right{0%,to{transform:translate(.5rem,-42%)}50%{transform:translate(-.65rem,-43%)}}@keyframes vibe-thread{0%,to{opacity:.18;transform:scaleX(.6)}50%{opacity:.7;transform:scaleX(1)}}@keyframes vibe-spark{0%,to{opacity:0;transform:translateY(1rem)scale(.5)}45%{opacity:.8}65%{opacity:.25;transform:translateY(-1.25rem)scale(1)}}@media (width<=639px){.vibe-ambient-title{flex-direction:column;align-items:center;gap:.05em;font-size:clamp(6rem,30vw,9rem);line-height:.72}.vibe-ambient-portrait{opacity:.16;width:7.5rem;height:16rem;top:57%}.vibe-ambient-man{left:-3.25rem}.vibe-ambient-woman{right:-3.25rem}.vibe-ambient-thread{width:84%;top:55%;left:8%}}.vibe-wrap{z-index:1;width:100%;max-width:46rem;padding:max(1.15rem, env(safe-area-inset-top)) 1.15rem max(1.6rem, env(safe-area-inset-bottom));margin:auto;position:relative}.vibe-exit{top:max(.85rem, env(safe-area-inset-top));z-index:3;border:1px solid var(--vibe-line);background:var(--vibe-veil);font-size:var(--text-mini);letter-spacing:.2em;text-transform:uppercase;color:var(--vibe-text-faint);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .8rem;transition:color .2s,border-color .2s;display:inline-flex;position:fixed;right:1rem}.vibe-exit:hover{color:var(--vibe-text);border-color:color-mix(in oklab, var(--vibe-gold) 50%, transparent)}@media (width>=640px){.vibe-eyebrow{letter-spacing:.32em}.vibe-wrap{padding:2.5rem 2rem}}.vibe-eyebrow{font-size:var(--text-mini);letter-spacing:.24em;text-transform:uppercase;color:var(--vibe-text-faint)}.vibe-wordmark{font-family:var(--font-serif,serif);letter-spacing:.14em;background:linear-gradient(180deg, var(--vibe-gold) 0%, oklch(93% .05 88) 42%, var(--vibe-gold-deep) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(3.2rem,18vw,6.5rem);line-height:.9}.vibe-prompt{font-family:var(--font-serif,serif);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(1.6rem,6.4vw,2.4rem);line-height:1.16}.vibe-dim{color:var(--vibe-text-dim)}.vibe-faint{color:var(--vibe-text-faint)}.vibe-gold{color:var(--vibe-gold)}.vibe-card{border:1px solid var(--vibe-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(oklch(98% .02 250/.075),oklch(98% .02 250/.025));border-radius:1.6rem;padding:1.4rem 1.25rem;position:relative;box-shadow:inset 0 1px oklch(99% 0 0/.08),0 40px 90px -44px oklch(9% .04 264/.9)}@media (width>=640px){.vibe-card{padding:2rem 1.9rem}}.vibe-panel{border:1px solid var(--vibe-line);background:var(--vibe-veil);border-radius:1.1rem;padding:.9rem 1rem}.vibe-chip{border:1px solid var(--vibe-line);background:var(--vibe-veil);font-size:var(--text-mini);letter-spacing:.2em;text-transform:uppercase;color:var(--vibe-text-dim);border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem;display:inline-flex}.vibe-chip-gold{border-color:color-mix(in oklab, var(--vibe-gold) 45%, transparent);color:var(--vibe-gold)}.vibe-btn{letter-spacing:.22em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;min-height:3rem;padding:.85rem 1.6rem;font-size:.82rem;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,background .22s,color .22s,opacity .2s;display:inline-flex}.vibe-btn:disabled{opacity:.4}.vibe-btn-primary{color:oklch(16% .045 264);box-shadow:0 18px 40px -20px color-mix(in oklab, var(--vibe-gold) 70%, transparent);background:linear-gradient(oklch(88% .11 90),oklch(70% .12 76))}.vibe-btn-primary:hover:not(:disabled){box-shadow:0 22px 52px -20px color-mix(in oklab, var(--vibe-gold) 85%, transparent);transform:translateY(-1px)}.vibe-btn-ghost{color:var(--vibe-text-dim);border-color:var(--vibe-line);background:0 0}.vibe-btn-ghost:hover:not(:disabled){color:var(--vibe-text);border-color:color-mix(in oklab, var(--vibe-gold) 40%, transparent)}.vibe-quiet{font-size:var(--text-mini);letter-spacing:.2em;text-transform:uppercase;color:var(--vibe-text-faint);transition:color .2s}.vibe-quiet:hover{color:var(--vibe-text-dim)}.vibe-input{resize:none;border:1px solid var(--vibe-line);width:100%;min-height:8.5rem;color:var(--vibe-text);background:oklch(98% .02 250/.04);border-radius:1rem;outline:none;padding:.95rem 1rem;font-size:1rem;line-height:1.6;transition:border-color .2s,box-shadow .2s}.vibe-input:focus-visible{border-color:color-mix(in oklab, var(--vibe-gold) 55%, transparent);box-shadow:0 0 0 3px color-mix(in oklab, var(--vibe-gold) 18%, transparent)}.vibe-option{text-align:left;border:1px solid var(--vibe-line);width:100%;color:var(--vibe-text);background:oklch(98% .02 250/.035);border-radius:1rem;padding:1rem 1.1rem;font-size:1rem;line-height:1.5;transition:border-color .2s,background .2s,transform .2s cubic-bezier(.22,1,.36,1)}.vibe-option:hover{border-color:color-mix(in oklab, var(--vibe-gold) 45%, transparent);transform:translateY(-1px)}.vibe-option[data-selected=true]{border-color:color-mix(in oklab, var(--vibe-gold) 70%, transparent);background:color-mix(in oklab, var(--vibe-gold) 12%, transparent)}.vibe-track{background:var(--vibe-line);border-radius:999px;width:100%;height:2px;overflow:hidden}.vibe-track>span{background:linear-gradient(90deg, var(--vibe-gold-deep), var(--vibe-gold));border-radius:999px;height:100%;transition:width .52s cubic-bezier(.22,1,.36,1);display:block}.vibe-journey{align-items:center;gap:.45rem;display:flex}.vibe-journey-node{border:1px solid var(--vibe-line);width:1.6rem;height:1.6rem;font-size:var(--text-mini);letter-spacing:.06em;color:var(--vibe-text-faint);border-radius:999px;place-items:center;transition:all .32s;display:grid}.vibe-journey-node[data-state=active]{border-color:color-mix(in oklab, var(--vibe-gold) 70%, transparent);color:var(--vibe-gold);box-shadow:0 0 0 4px color-mix(in oklab, var(--vibe-gold) 12%, transparent)}.vibe-journey-node[data-state=done]{border-color:color-mix(in oklab, var(--vibe-gold) 40%, transparent);color:var(--vibe-text-dim);background:color-mix(in oklab, var(--vibe-gold) 14%, transparent)}@keyframes vibe-rise{0%{opacity:0;filter:blur(6px);transform:translateY(14px)scale(.985)}to{opacity:1;filter:blur();transform:none}}@keyframes vibe-fade{0%{opacity:0}to{opacity:1}}.vibe-rise{animation:.62s cubic-bezier(.22,1,.36,1) both vibe-rise}.vibe-fade{animation:.7s both vibe-fade}.vibe-delay-1{animation-delay:.11s}.vibe-delay-2{animation-delay:.22s}.vibe-delay-3{animation-delay:.34s}@media (prefers-reduced-motion:reduce){.vibe-rise,.vibe-fade,.vibe-ambient-title,.vibe-ambient-portrait,.vibe-ambient-thread,.vibe-ambient-spark{animation:none!important}.vibe-btn:hover,.vibe-option:hover{transform:none}}.vibe-code{font-family:var(--font-serif,serif);letter-spacing:.24em;text-indent:.24em;color:var(--vibe-text);text-shadow:0 0 36px color-mix(in oklab, var(--vibe-gold) 45%, transparent);font-size:clamp(2.4rem,12vw,3.6rem);line-height:1}.vibe-card:before,.vibe-panel:before,.vibe-option:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--vibe-gold) 60%, transparent), transparent);opacity:.75;pointer-events:none;inset-inline:12%;height:1px;position:absolute;top:-1px}.vibe-panel,.vibe-option{position:relative;overflow:hidden}.vibe-card{border-color:color-mix(in oklab, var(--vibe-gold) 16%, var(--vibe-line));box-shadow:0 1px 0 0 oklch(99% 0 0/.09) inset, 0 0 80px -30px color-mix(in oklab, var(--vibe-gold) 30%, transparent) inset, 0 48px 110px -50px oklch(9% .04 264/.95)}.vibe-panel{transition:border-color .26s,background .26s,transform .26s cubic-bezier(.22,1,.36,1)}.vibe-panel:hover{border-color:color-mix(in oklab, var(--vibe-gold) 38%, transparent);background:color-mix(in oklab, var(--vibe-gold) 7%, transparent);transform:translateY(-1px)}.vibe-eyebrow{align-items:center;gap:.55rem;display:inline-flex}.vibe-eyebrow:before{content:"";background:linear-gradient(90deg, color-mix(in oklab, var(--vibe-gold) 85%, transparent), transparent);width:1.15rem;height:1px}.vibe-btn-primary{border-color:color-mix(in oklab, var(--vibe-gold) 42%, transparent);box-shadow:0 1px 0 0 oklch(99% 0 0/.28) inset, 0 20px 46px -22px color-mix(in oklab, var(--vibe-gold) 75%, transparent);background:linear-gradient(oklch(98% .02 250/.22),#0000 46%),linear-gradient(oklch(90% .1 92),oklch(72% .12 78));position:relative;overflow:hidden}.vibe-btn-ghost{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:oklch(98% .02 250/.03)}.vibe-code{border:1px solid color-mix(in oklab, var(--vibe-gold) 32%, transparent);background:linear-gradient(oklch(98% .02 250/.09),oklch(98% .02 250/.02)) padding-box padding-box;border-radius:1.1rem;padding:.55rem 1.4rem .7rem;display:inline-block}.vibe-chip{background:linear-gradient(oklch(98% .02 250/.09),oklch(98% .02 250/.03));box-shadow:inset 0 1px oklch(99% 0 0/.08)}@media (prefers-reduced-motion:reduce){.vibe-panel:hover{transform:none}}.vibe-compose{border-top:1px solid color-mix(in srgb, var(--vibe-gold) 22%, transparent);padding-top:1rem}.vibe-input{border:1px solid color-mix(in srgb, var(--vibe-gold) 26%, transparent);color:inherit;font:inherit;resize:vertical;background:#ffffff0d;border-radius:.75rem;padding:.75rem .9rem;line-height:1.5}.vibe-input::placeholder{color:var(--vibe-text-faint)}.vibe-input:focus-visible{border-color:var(--vibe-gold);box-shadow:0 0 0 3px color-mix(in srgb, var(--vibe-gold) 22%, transparent);outline:none}