:root{--vibe-bg:#f6f1e8;--vibe-bg-elevated:#fffaf4;--vibe-surface:#ffffffd1;--vibe-surface-strong:#fff;--vibe-surface-dark:#121214;--vibe-text:#161616;--vibe-text-soft:#5f5a54;--vibe-text-inverse:#fff;--vibe-gold:#d2ab6e;--vibe-gold-deep:#b78747;--vibe-gold-soft:#d2ab6e29;--vibe-border:#16161614;--vibe-border-strong:#16161624;--vibe-success:#1f8f57;--vibe-danger:#b94040;--vibe-warning:#a06a16;--vibe-shadow-sm:0 10px 30px #120e090d;--vibe-shadow-md:0 20px 60px #120e0914;--vibe-shadow-lg:0 28px 80px #120e091f;--vibe-radius-sm:12px;--vibe-radius-md:18px;--vibe-radius-lg:28px;--vibe-radius-xl:36px;--vibe-radius-pill:999px;--vibe-space-1:4px;--vibe-space-2:8px;--vibe-space-3:12px;--vibe-space-4:16px;--vibe-space-5:20px;--vibe-space-6:24px;--vibe-space-7:32px;--vibe-space-8:40px;--vibe-space-9:48px;--vibe-space-10:64px;--vibe-font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--vibe-container:1180px;--vibe-transition-fast:.16s ease;--vibe-transition-base:.24s ease}html{box-sizing:border-box;-webkit-text-size-adjust:100%;font-size:16px}*,:before,:after{box-sizing:inherit}html,body,#root{min-height:100%;margin:0;padding:0}body{font-family:var(--vibe-font-family);color:var(--vibe-text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#d2ab6e24,#0000 24%),radial-gradient(circle at 100% 0,#1212140a,#0000 22%),linear-gradient(#f9f4ec 0%,#f3ede4 100%)}body,input,button,textarea{font:inherit}img,picture,svg,canvas{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}input,textarea,button,select{font:inherit}input,textarea,select{width:100%}textarea{resize:vertical}ul,ol{margin:0;padding:0}p,h1,h2,h3,h4,h5,h6{margin:0}#root{isolation:isolate}.app-root{min-height:100vh}.app-shell{width:min(var(--vibe-container), calc(100% - 24px));padding:var(--vibe-space-8) 0;margin:0 auto}.app-card{border:1px solid var(--vibe-border);border-radius:var(--vibe-radius-xl);box-shadow:var(--vibe-shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffffd6 0%,#ffffffb3 100%)}.app-hero{text-align:center;max-width:860px;padding:var(--vibe-space-10) var(--vibe-space-6);margin:0 auto}.chat-page .chat-hero-card{width:100%;max-width:none}@media (width>=900px){.chat-page .chat-hero-card .app-title{white-space:nowrap;font-size:clamp(3.4rem,4.4vw,4.4rem);line-height:1}}.app-eyebrow{justify-content:center;align-items:center;gap:var(--vibe-space-2);border-radius:var(--vibe-radius-pill);border:1px solid var(--vibe-border);color:var(--vibe-text-soft);letter-spacing:.16em;text-transform:uppercase;background:#ffffffb8;padding:10px 16px;font-size:12px;font-weight:800;display:inline-flex}.app-title{margin-top:var(--vibe-space-6);letter-spacing:-.06em;color:var(--vibe-text);font-size:clamp(40px,7vw,84px);font-weight:900;line-height:.95}.app-title span{color:var(--vibe-gold-deep)}.app-subtitle{margin-top:var(--vibe-space-5);max-width:720px;color:var(--vibe-text-soft);margin-left:auto;margin-right:auto;font-size:clamp(17px,2.2vw,21px);line-height:1.75}.app-status{margin-top:var(--vibe-space-7);border-radius:var(--vibe-radius-pill);background:var(--vibe-gold-soft);color:var(--vibe-gold-deep);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:800;display:inline-flex}.app-status:before{content:"";background:var(--vibe-gold-deep);border-radius:50%;width:10px;height:10px}.app-panel{margin-top:var(--vibe-space-8);padding:var(--vibe-space-7);border-radius:var(--vibe-radius-lg);border:1px solid var(--vibe-border);background:#fffc}.app-panel-title{letter-spacing:-.04em;color:var(--vibe-text);font-size:clamp(24px,4vw,36px);font-weight:900;line-height:1.05}.app-panel-text{margin-top:var(--vibe-space-4);color:var(--vibe-text-soft);font-size:16px;line-height:1.75}.app-pill-row{margin-top:var(--vibe-space-6);justify-content:center;gap:var(--vibe-space-3);flex-wrap:wrap;display:flex}.app-pill{border-radius:var(--vibe-radius-pill);border:1px solid var(--vibe-border);color:var(--vibe-text);box-shadow:var(--vibe-shadow-sm);background:#ffffffd6;padding:12px 16px;font-size:14px;font-weight:700}.app-grid{margin-top:var(--vibe-space-8);gap:var(--vibe-space-5);grid-template-columns:repeat(3,1fr);display:grid}.app-feature-card{padding:var(--vibe-space-6);border-radius:var(--vibe-radius-lg);border:1px solid var(--vibe-border);box-shadow:var(--vibe-shadow-sm);background:#ffffffc7}.app-feature-number{background:var(--vibe-surface-dark);width:34px;height:34px;color:var(--vibe-text-inverse);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex}.app-feature-title{margin-top:var(--vibe-space-4);letter-spacing:-.03em;font-size:22px;font-weight:800;line-height:1.1}.app-feature-text{margin-top:var(--vibe-space-3);color:var(--vibe-text-soft);font-size:15px;line-height:1.7}@media (width<=900px){.app-grid{grid-template-columns:1fr}}@media (width<=640px){.app-shell{width:min(var(--vibe-container), calc(100% - 16px));padding:var(--vibe-space-6) 0}.app-hero{padding:var(--vibe-space-8) var(--vibe-space-4)}.app-panel{padding:var(--vibe-space-5)}.app-pill-row{justify-content:flex-start}}.activate-page{max-width:760px;padding:var(--vibe-space-10) var(--vibe-space-7);text-align:center;margin:0 auto}.activate-eyebrow{border-radius:var(--vibe-radius-pill);border:1px solid var(--vibe-border);color:var(--vibe-text-soft);letter-spacing:.16em;text-transform:uppercase;background:#ffffffb8;justify-content:center;align-items:center;padding:10px 16px;font-size:12px;font-weight:800;display:inline-flex}.activate-title{margin-top:var(--vibe-space-6);letter-spacing:-.06em;color:var(--vibe-text);font-size:clamp(38px,7vw,68px);font-weight:900;line-height:.96}.activate-title span{color:var(--vibe-gold-deep)}.activate-subtitle{margin:var(--vibe-space-5) auto 0;max-width:620px;color:var(--vibe-text-soft);font-size:clamp(16px,2vw,20px);line-height:1.75}.activate-panel{margin-top:var(--vibe-space-8);padding:var(--vibe-space-7);border-radius:var(--vibe-radius-lg);border:1px solid var(--vibe-border);box-shadow:var(--vibe-shadow-sm);text-align:left;background:#ffffffd1}.activation-form{gap:var(--vibe-space-4);display:grid}.activation-label{color:var(--vibe-text);font-size:14px;font-weight:700}.activation-input{border-radius:var(--vibe-radius-md);border:1px solid var(--vibe-border-strong);width:100%;min-height:58px;color:var(--vibe-text);transition:border-color var(--vibe-transition-fast), box-shadow var(--vibe-transition-fast);background:#fffffff5;outline:none;padding:0 18px}.activation-input:focus{border-color:var(--vibe-gold-deep);box-shadow:0 0 0 4px #d2ab6e1f}.activation-button{border-radius:var(--vibe-radius-pill);color:#17130f;min-height:58px;transition:transform var(--vibe-transition-base), box-shadow var(--vibe-transition-base);background:linear-gradient(#dbb981 0%,#bb8e53 100%);font-size:15px;font-weight:800;box-shadow:0 16px 34px #bb8e5333}.activation-button:hover{transform:translateY(-2px)}.activate-notes{margin-top:var(--vibe-space-5);gap:var(--vibe-space-2);display:grid}.activate-notes p{color:var(--vibe-text-soft);margin:0;font-size:14px;line-height:1.7}@media (width<=640px){.activate-page{padding:var(--vibe-space-8) var(--vibe-space-4)}.activate-panel{padding:var(--vibe-space-5)}}.state-page{max-width:760px;padding:var(--vibe-space-10) var(--vibe-space-7);margin:0 auto}.status-card{text-align:center;padding:var(--vibe-space-8)}.status-card__badge{border-radius:var(--vibe-radius-pill);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--vibe-border);justify-content:center;align-items:center;padding:10px 16px;font-size:12px;font-weight:800;display:inline-flex}.status-card--invalid .status-card__badge{color:var(--vibe-danger);background:#b940401a}.status-card--expired .status-card__badge{color:var(--vibe-warning);background:#a06a161f}.status-card__title{margin-top:var(--vibe-space-6);letter-spacing:-.05em;color:var(--vibe-text);font-size:clamp(32px,6vw,56px);font-weight:900;line-height:1}.status-card__text{margin:var(--vibe-space-5) auto 0;max-width:620px;color:var(--vibe-text-soft);font-size:17px;line-height:1.75}.status-card__actions{margin-top:var(--vibe-space-7);justify-content:center;gap:var(--vibe-space-3);flex-wrap:wrap;display:flex}.status-card__button{border-radius:var(--vibe-radius-pill);min-height:54px;transition:transform var(--vibe-transition-base);justify-content:center;align-items:center;padding:0 22px;font-size:14px;font-weight:800;display:inline-flex}.status-card__button:hover{transform:translateY(-2px)}.status-card__button--primary{color:#17130f;background:linear-gradient(#dbb981 0%,#bb8e53 100%);box-shadow:0 16px 34px #bb8e5333}.status-card__button--secondary{border:1px solid var(--vibe-border);color:var(--vibe-text);background:#ffffffd6}@media (width<=640px){.state-page{padding:var(--vibe-space-8) var(--vibe-space-4)}.status-card{padding:var(--vibe-space-6) var(--vibe-space-4)}.status-card__actions{flex-direction:column}.status-card__button{width:100%}}.activation-helper{margin-top:var(--vibe-space-2);color:var(--vibe-text-soft);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.activation-helper code{border-radius:var(--vibe-radius-pill);border:1px solid var(--vibe-border);color:var(--vibe-text);background:#ffffffd6;padding:6px 10px;font-size:12px;font-weight:700}:is(section.app-card:has(.onboarding-form-list),section.app-card:has(.onboarding-draft-preview)){max-width:880px;margin:var(--vibe-space-7) auto 0;padding:var(--vibe-space-7);box-sizing:border-box}:is(section.app-card:has(.onboarding-form-list)>.app-panel-title,section.app-card:has(.onboarding-draft-preview)>.app-panel-title){margin:0 0 var(--vibe-space-4);text-align:center;font-size:clamp(28px,3vw,40px);line-height:1.05}:is(section.app-card:has(.onboarding-form-list)>.app-panel-text,section.app-card:has(.onboarding-draft-preview)>.app-panel-text){max-width:720px;margin:0 auto var(--vibe-space-6);text-align:center}.onboarding-form-list{gap:var(--vibe-space-5);width:100%;min-width:0;max-width:100%;margin-top:0;display:grid}.onboarding-question-card{border:1px solid var(--vibe-border);border-radius:var(--vibe-radius-xl);padding:var(--vibe-space-6);box-sizing:border-box;background:#ffffff8f;width:100%;min-width:0;max-width:100%;overflow:hidden}.onboarding-question-number{color:#fff;width:40px;height:40px;margin-bottom:var(--vibe-space-4);background:#111;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:inline-flex}.onboarding-question-title{margin:0 0 var(--vibe-space-3);font-size:clamp(28px,3vw,40px);line-height:1.05}.onboarding-question-description{margin:0 0 var(--vibe-space-4);color:var(--vibe-text-soft);font-size:18px;line-height:1.7}.onboarding-question-label{color:var(--vibe-text);margin-bottom:10px;font-size:16px;font-weight:700;display:block}.onboarding-question-input{resize:vertical;border-radius:var(--vibe-radius-lg);border:1px solid var(--vibe-border);width:100%;min-width:0;max-width:100%;min-height:140px;font:inherit;color:var(--vibe-text);box-sizing:border-box;background:#ffffff9e;outline:none;padding:20px 22px;font-size:18px;line-height:1.6;display:block}.onboarding-question-input::placeholder{color:var(--vibe-text-soft)}.onboarding-question-input:focus{border-color:#c69854e6;box-shadow:0 0 0 3px #c6985424}.onboarding-question-helper{color:var(--vibe-text-soft);word-break:break-word;margin-top:14px;font-size:15px;line-height:1.6}.onboarding-draft-preview{border-radius:var(--vibe-radius-xl);color:#f6f1e8;text-align:left;white-space:pre-wrap;word-break:break-word;box-sizing:border-box;background:#17130f;width:100%;min-width:0;max-width:100%;margin:0;padding:24px;font-size:14px;line-height:1.7;overflow-x:auto}.onboarding-actions{margin-top:var(--vibe-space-5);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:100%;max-width:100%;display:flex}.onboarding-actions button{appearance:none;border-radius:var(--vibe-radius-pill);background:var(--vibe-gold);color:#17130f;cursor:pointer;box-sizing:border-box;border:0;min-width:132px;height:52px;padding:0 22px;font-family:inherit;font-size:18px;font-weight:700;transition:transform .15s,opacity .15s}.onboarding-feedback{margin-top:var(--vibe-space-3);text-align:center;color:var(--vibe-text-soft);word-break:break-word;font-size:16px}@media (width<=640px){:is(section.app-card:has(.onboarding-form-list),section.app-card:has(.onboarding-draft-preview)),.onboarding-question-card{padding:var(--vibe-space-5)}.onboarding-actions{flex-direction:column;gap:12px}.onboarding-actions button{width:100%;max-width:260px}.onboarding-question-card{padding:var(--vibe-space-5)}}.chat-page{max-width:920px;padding:var(--vibe-space-8) 0;margin:0 auto}.chat-header{text-align:center;margin-bottom:var(--vibe-space-6)}.chat-header__eyebrow{border-radius:var(--vibe-radius-pill);border:1px solid var(--vibe-border);color:var(--vibe-text-soft);letter-spacing:.16em;text-transform:uppercase;background:#ffffffb8;justify-content:center;align-items:center;padding:10px 16px;font-size:12px;font-weight:800;display:inline-flex}.chat-header__title{margin-top:var(--vibe-space-5);letter-spacing:-.05em;color:var(--vibe-text);font-size:clamp(34px,6vw,56px);font-weight:900;line-height:1}.chat-header__subtitle{margin-top:var(--vibe-space-4);color:var(--vibe-text-soft);font-size:16px;line-height:1.7}.chat-runtime-card{gap:var(--vibe-space-5);padding:var(--vibe-space-6);border-radius:var(--vibe-radius-xl);border:1px solid var(--vibe-border);box-shadow:var(--vibe-shadow-md);background:linear-gradient(#ffffffd6 0%,#ffffffb8 100%);display:grid}.chat-empty-state{padding:var(--vibe-space-8);border-radius:var(--vibe-radius-lg);border:1px solid var(--vibe-border);text-align:center;background:#ffffffc7}.chat-empty-state__title{letter-spacing:-.04em;color:var(--vibe-text);font-size:28px;font-weight:900;line-height:1.1}.chat-empty-state__text{margin-top:var(--vibe-space-4);color:var(--vibe-text-soft);font-size:16px;line-height:1.8}.chat-message-list{gap:var(--vibe-space-4);display:grid}.chat-message{max-width:78%;padding:var(--vibe-space-5);border-radius:var(--vibe-radius-lg);border:1px solid var(--vibe-border);box-shadow:var(--vibe-shadow-sm)}.chat-message--user{color:#17130f;background:linear-gradient(#dbb981 0%,#bb8e53 100%);margin-left:auto}.chat-message--assistant{color:var(--vibe-text);background:#ffffffe6;margin-right:auto}.chat-message__role{letter-spacing:.1em;text-transform:uppercase;opacity:.8;font-size:12px;font-weight:800}.chat-message__text{margin-top:var(--vibe-space-3);font-size:15px;line-height:1.75}.chat-composer{gap:var(--vibe-space-4);display:grid}.chat-composer__input{border-radius:var(--vibe-radius-lg);border:1px solid var(--vibe-border-strong);width:100%;min-height:120px;color:var(--vibe-text);transition:border-color var(--vibe-transition-fast), box-shadow var(--vibe-transition-fast);background:#fffffff5;outline:none;padding:16px 18px}.chat-composer__input:focus{border-color:var(--vibe-gold-deep);box-shadow:0 0 0 4px #d2ab6e1f}.chat-composer__button{border-radius:var(--vibe-radius-pill);color:#17130f;background:linear-gradient(#dbb981 0%,#bb8e53 100%);justify-self:flex-end;min-width:160px;min-height:52px;padding:0 20px;font-size:14px;font-weight:800;box-shadow:0 16px 34px #bb8e5333}.chat-composer__button:disabled{opacity:.6;cursor:not-allowed}@media (width<=640px){.chat-runtime-card{padding:var(--vibe-space-5)}.chat-message{max-width:100%}.chat-composer__button{justify-self:stretch;width:100%}}.onboarding-actions{margin-top:var(--vibe-space-5);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.onboarding-actions button{appearance:none;border-radius:var(--vibe-radius-pill);background:var(--vibe-gold);color:#17130f;cursor:pointer;border:0;min-width:132px;height:52px;padding:0 22px;font-family:inherit;font-size:18px;font-weight:700;transition:transform .15s,opacity .15s}.onboarding-actions button:hover:not(:disabled){transform:translateY(-1px)}.onboarding-actions button:disabled{opacity:.55;cursor:not-allowed;transform:none}.onboarding-feedback{margin-top:var(--vibe-space-3);text-align:center;color:var(--vibe-text-soft);font-size:16px}.onboarding-feedback--error{color:#9f3a32}.onboarding-feedback--success{color:var(--vibe-text-soft)}@media (width<=640px){.onboarding-actions{flex-direction:column;gap:12px}.onboarding-actions button{width:100%;max-width:260px}}section.app-card:has(.onboarding-actions){max-width:880px;margin:var(--vibe-space-7) auto 0;padding:var(--vibe-space-7);box-sizing:border-box;text-align:center}section.app-card:has(.onboarding-actions)>.app-eyebrow{margin-bottom:var(--vibe-space-4)}section.app-card:has(.onboarding-actions)>.app-panel-title{margin:0 0 var(--vibe-space-4);text-align:center;font-size:clamp(28px,3vw,40px);line-height:1.05}section.app-card:has(.onboarding-actions)>.app-panel-text{max-width:720px;margin:0 auto var(--vibe-space-6);text-align:center}section.app-card:has(.onboarding-actions) .onboarding-actions{margin-top:0}section.app-card:has(.onboarding-actions) .onboarding-feedback{margin-top:var(--vibe-space-4);text-align:center}section.app-card:has(.onboarding-actions)>.app-panel-text:last-child{margin-top:var(--vibe-space-4);text-align:center}@media (width<=640px){section.app-card:has(.onboarding-actions){padding:var(--vibe-space-5)}}.agent-selection-grid{margin-top:var(--vibe-space-6);gap:var(--vibe-space-5);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.agent-selection-card{min-height:360px;padding:var(--vibe-space-6);border-radius:var(--vibe-radius-xl);border:1px solid var(--vibe-border);box-shadow:var(--vibe-shadow-sm);text-align:left;box-sizing:border-box;background:#ffffffbd;flex-direction:column;align-items:stretch;display:flex}.agent-selection-card--unlocked{border-color:#bb8e536b}.agent-selection-card--locked{opacity:.68;background:#ffffff7a}.agent-selection-card__status{border-radius:var(--vibe-radius-pill);border:1px solid var(--vibe-border);color:var(--vibe-text-soft);letter-spacing:.12em;text-transform:uppercase;background:#ffffffdb;justify-content:center;align-self:flex-start;align-items:center;padding:8px 12px;font-size:11px;font-weight:800;display:inline-flex}.agent-selection-card--unlocked .agent-selection-card__status{background:var(--vibe-gold-soft);color:var(--vibe-gold-deep);border-color:#bb8e5347}.agent-selection-card__title{margin-top:var(--vibe-space-5);letter-spacing:-.04em;color:var(--vibe-text);font-size:clamp(24px,2.4vw,32px);font-weight:900;line-height:1.05}.agent-selection-card__subtitle{margin-top:var(--vibe-space-3);color:var(--vibe-text);font-size:15px;font-weight:700;line-height:1.6}.agent-selection-card__description{margin-top:var(--vibe-space-4);color:var(--vibe-text-soft);font-size:15px;line-height:1.75}.agent-selection-card__button{border-radius:var(--vibe-radius-pill);color:#17130f;cursor:pointer;background:linear-gradient(#dbb981 0%,#bb8e53 100%);border:0;width:100%;min-height:52px;margin-top:auto;font-family:inherit;font-size:14px;font-weight:800;transition:transform .15s,opacity .15s,box-shadow .15s;box-shadow:0 16px 34px #bb8e532e}.agent-selection-card__button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 38px #bb8e5338}.agent-selection-card__button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none;background:#d2be9e9e}@media (width<=900px){.agent-selection-grid{grid-template-columns:1fr}.agent-selection-card{min-height:auto}}@media (width<=640px){.agent-selection-card{padding:var(--vibe-space-5)}}.chat-page>.chat-runtime-card{margin-top:var(--vibe-space-8)}.chat-composer__actions{justify-content:space-between;align-items:center;gap:var(--vibe-space-4);width:100%;margin-top:var(--vibe-space-4);display:flex}.chat-composer__secondary-button{border-radius:var(--vibe-radius-pill);color:var(--vibe-ink);letter-spacing:.02em;cursor:pointer;min-width:210px;box-shadow:var(--vibe-shadow-sm);background:linear-gradient(135deg,#d8b16a 0%,#c0934f 100%);border:0;padding:.95rem 1.6rem;font-weight:700}.chat-composer__secondary-button:hover:not(:disabled){transform:translateY(-1px)}.chat-composer__secondary-button:disabled{cursor:not-allowed;opacity:.55}.chat-composer__actions .chat-composer__button{margin-left:auto}@media (width<=640px){.chat-composer__actions{flex-direction:column;align-items:stretch}.chat-composer__secondary-button,.chat-composer__actions .chat-composer__button{width:100%;min-width:0;margin-left:0}}