:root{--canvas-bg-start: #FDFCFA;--canvas-bg-end: #F8F5EF;--canvas-noise-opacity: .018;--canvas-text-primary: #1a1a2e;--canvas-text-secondary: rgba(26, 26, 46, .5);--card-border-color: rgba(255, 255, 255, .1);--toggle-bg: rgba(0, 0, 0, .08);--toggle-icon-color: rgba(26, 26, 46, .5);--circle-size-ambient: 96px;--circle-size-textinput: 38px;--circle-size-canvasactive: 38px;--circle-size-speaking: 122px;--circle-size-temporal: 57.6px;--circle-opacity-ambient: 1;--circle-opacity-frost: .68;--circle-opacity-textinput: .42;--circle-opacity-temporal: .75;--circle-grad-center: #E8F0FE;--circle-grad-mid: #1B5FA8;--circle-grad-edge: #0A1628;--circle-glow-ambient: .15;--circle-glow-frost: .22;--pulse-duration-ambient: 3.5s;--pulse-duration-frost: 5.8s;--pulse-duration-speaking: 3.2s;--pulse-duration-temporal: 4.5s;--pulse-scale-ambient: 1.08;--pulse-scale-frost: 1.12;--bar-count: 32;--bar-width: 5px;--bar-color-start: #4A90D9;--bar-color-end: #1B5FA8;--bar-peak-min: 14px;--bar-peak-max: 52px;--bar-stagger-start: .22s;--bar-stagger-end: .62s;--flatline-height: 8px;--flatline-color: rgba(27, 95, 168, .55);--flatline-top: 50%;--ring-scale-max: 3.6;--ring-stagger-1: 0s;--ring-stagger-2: .85s;--ring-stagger-3: 1.7s;--input-width: 56%;--input-radius: 28px;--input-blur: 20px;--input-bg: rgba(255, 255, 255, .08);--input-border: rgba(255, 255, 255, .12);--send-color: #1B5FA8;--send-color-hover: #163F7A;--card-bg: rgba(255, 255, 255, .07);--card-blur: 24px;--card-saturate: 180%;--card-border: rgba(255, 255, 255, .1);--card-border-pinned: rgba(255, 255, 255, .18);--card-radius: 16px;--card-shadow: 0 8px 32px rgba(0, 0, 0, .3);--card-padding: 24px;--entry-duration: .35s;--entry-stagger: 80ms;--entry-scale-from: .96;--transition-circle: .6s ease-in-out;--transition-frost: 2s ease-in;--transition-bayfog-in: .4s ease-out;--transition-bayfog-out: .3s ease-in;--transition-dismiss: .25s ease-in;--transition-flip: .4s ease-in-out;--transition-state-change: .4s ease-out;--bayfog-scale-out: .98;--bayfog-scale-in: .96;--bayfog-circle-return: .8s;--bayfog-stagger-min: 1.5s;--bayfog-stagger-max: 2s}[data-theme=dark]{--canvas-bg-start: #0d0d0f;--canvas-bg-end: #111318;--canvas-noise-opacity: .035;--canvas-text-primary: rgba(255, 255, 255, .88);--canvas-text-secondary: rgba(255, 255, 255, .4);--circle-glow-ambient: .18;--circle-glow-frost: .28;--circle-grad-center: rgba(255, 255, 255, 1);--circle-grad-mid: rgba(255, 255, 255, .75);--circle-grad-edge: rgba(255, 255, 255, .15);--card-bg: rgba(255, 255, 255, .11);--card-border-color: rgba(255, 255, 255, .18);--input-bg: rgba(255, 255, 255, .06);--input-border: rgba(255, 255, 255, .1);--input-text-color: rgba(255, 255, 255, .9);--flatline-color: rgba(255, 255, 255, .45);--bar-color-start: rgba(255, 255, 255, .9);--bar-color-end: rgba(255, 255, 255, .5);--send-color: rgba(255, 255, 255, .15);--send-color-hover: rgba(255, 255, 255, .25);--toggle-bg: rgba(255, 255, 255, .08);--toggle-icon-color: rgba(255, 255, 255, .5)}.jean-canvas{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,var(--canvas-bg-start) 0%,var(--canvas-bg-end) 100%);overflow:hidden;-webkit-user-select:none;user-select:none;transition:background .6s ease-in-out}[data-theme=dark] .jean-canvas-card{background:#ffffff1c!important;border-color:#ffffff2e!important}[data-theme=dark] .canvas-input-pill textarea{color:#ffffffe6;caret-color:#ffffffe6}[data-theme=dark] .canvas-input-pill textarea::placeholder{color:#ffffff59}.canvas-theme-toggle{position:fixed;top:16px;right:16px;z-index:9998;width:36px;height:36px;border-radius:50%;border:none;background:var(--toggle-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .2s ease,transform .3s ease,opacity .2s ease;opacity:.6}.canvas-theme-toggle:hover{opacity:1;transform:scale(1.08)}.canvas-theme-toggle:active{transform:scale(.94)}.jean-canvas:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:var(--canvas-noise-opacity);pointer-events:none;z-index:0}.ambient-circle{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;width:var(--circle-size-ambient);height:var(--circle-size-ambient);background:radial-gradient(circle at center,var(--circle-grad-center) 0%,var(--circle-grad-mid) 55%,var(--circle-grad-edge) 100%);transition:all var(--transition-circle);z-index:100;will-change:transform,width,height,opacity}.ambient-circle__glow{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;border-radius:50%;background:radial-gradient(circle at center,rgba(27,95,168,var(--circle-glow-ambient)) 0%,transparent 70%);pointer-events:none}[data-theme=dark] .ambient-circle__glow{background:radial-gradient(circle at center,rgba(255,255,255,.12) 0%,transparent 70%)}[data-theme=dark] .ambient-circle--frost .ambient-circle__glow{background:radial-gradient(circle at center,rgba(255,255,255,.18) 0%,transparent 70%)}@keyframes pulse-ambient{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(var(--pulse-scale-ambient))}}@keyframes pulse-frost{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(var(--pulse-scale-frost))}}@keyframes pulse-speaking{0%{transform:translate(-50%,-50%) scale(1)}45%{transform:translate(-50%,-50%) scale(1.15)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes pulse-temporal{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}@keyframes component-enter{0%{opacity:0;transform:scale(var(--entry-scale-from))}to{opacity:1;transform:scale(1)}}@keyframes component-dismiss{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@keyframes bar-dance{0%,to{height:var(--bar-peak-min)}50%{height:var(--peak, 28px)}}@keyframes ring-expand{0%{transform:scale(1);opacity:.6}to{transform:scale(var(--ring-scale-max));opacity:0}}@keyframes bayfog-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(var(--bayfog-scale-out))}}@keyframes bayfog-in{0%{opacity:0;transform:scale(var(--bayfog-scale-in))}to{opacity:1;transform:scale(1)}}@keyframes flip-to-back{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes flip-to-front{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}.ambient-circle--ambient{animation:pulse-ambient var(--pulse-duration-ambient) ease-in-out infinite;opacity:var(--circle-opacity-ambient);width:var(--circle-size-ambient);height:var(--circle-size-ambient);top:50%;left:50%;transform:translate(-50%,-50%)}.ambient-circle--frost{animation:pulse-frost var(--pulse-duration-frost) ease-in-out infinite;opacity:var(--circle-opacity-frost);width:var(--circle-size-ambient);height:var(--circle-size-ambient)}.ambient-circle--frost .ambient-circle__glow{background:radial-gradient(circle at center,rgba(27,95,168,var(--circle-glow-frost)) 0%,transparent 70%)}.ambient-circle--listening{opacity:0;pointer-events:none}.waveform-container{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:3px;z-index:100}.waveform-bar{width:var(--bar-width);min-height:var(--bar-peak-min);border-radius:3px;background:linear-gradient(to top,var(--bar-color-end),var(--bar-color-start));animation:bar-dance .5s ease-in-out infinite alternate;transform-origin:bottom center}.ambient-circle--not-listening{opacity:0;pointer-events:none}.flatline{position:fixed;left:0;right:0;top:var(--flatline-top);height:var(--flatline-height);background:var(--flatline-color);transform:translateY(-50%);z-index:100}.ambient-circle--text-input{top:auto;bottom:20px;left:50%;transform:translate(-50%);width:var(--circle-size-textinput);height:var(--circle-size-textinput);opacity:var(--circle-opacity-textinput);animation:pulse-ambient 4s ease-in-out infinite}.ambient-circle--canvas-active{top:auto;bottom:20px;left:50%;transform:translate(-50%);width:var(--circle-size-canvasactive);height:var(--circle-size-canvasactive);opacity:var(--circle-opacity-textinput);animation:pulse-ambient 4s ease-in-out infinite}.ambient-circle--speaking{width:var(--circle-size-speaking);height:var(--circle-size-speaking);opacity:1;animation:pulse-speaking var(--pulse-duration-speaking) ease-in-out infinite}.speaking-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid rgba(27,95,168,.4);animation:ring-expand 2.55s ease-out infinite;pointer-events:none}.speaking-ring--1{animation-delay:var(--ring-stagger-1)}.speaking-ring--2{animation-delay:var(--ring-stagger-2)}.speaking-ring--3{animation-delay:var(--ring-stagger-3)}.ambient-circle--temporal{top:auto;bottom:48px;left:50%;transform:translate(-50%);width:var(--circle-size-temporal);height:var(--circle-size-temporal);opacity:var(--circle-opacity-temporal);animation:pulse-temporal var(--pulse-duration-temporal) ease-in-out infinite}.canvas-input-container{position:fixed;bottom:10%;left:50%;transform:translate(-50%);width:var(--input-width);z-index:200;display:flex;flex-direction:column;gap:8px}.canvas-input-pill{display:flex;align-items:flex-end;gap:10px;backdrop-filter:blur(var(--input-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--input-blur)) saturate(160%);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--input-radius);padding:10px 16px;box-shadow:0 4px 24px #0000001f}.canvas-input-pill textarea{flex:1;background:transparent;border:none;outline:none;resize:none;overflow:hidden;font-size:15px;line-height:1.5;color:#1a1a2e;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;min-height:24px;max-height:200px}.canvas-input-pill textarea::placeholder{color:#1a1a2e66}.canvas-input__attach{background:transparent;border:none;cursor:pointer;font-size:18px;padding:4px;opacity:.6;transition:opacity .15s;flex-shrink:0;align-self:flex-end;margin-bottom:2px}.canvas-input__attach:hover{opacity:1}.canvas-input__send{width:32px;height:32px;border-radius:50%;background:var(--send-color);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s;flex-shrink:0;align-self:flex-end}.canvas-input__send:hover{background:var(--send-color-hover)}.canvas-input__send:active{transform:scale(.93)}.canvas-input__send svg{width:14px;height:14px;fill:#fff}.canvas-input__chips{display:flex;flex-wrap:wrap;gap:6px}.canvas-input__chip{display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:4px 10px 4px 8px;font-size:12px;color:#1a1a2e}.canvas-input__chip-remove{background:none;border:none;cursor:pointer;font-size:14px;line-height:1;opacity:.5;padding:0;transition:opacity .15s}.canvas-input__chip-remove:hover{opacity:1}.canvas-drag-overlay{position:fixed;top:0;right:0;bottom:0;left:0;border:2px dashed rgba(27,95,168,.5);background:#1b5fa80d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9000;display:flex;align-items:center;justify-content:center;font-size:18px;color:#1b5fa8cc;pointer-events:none}.canvas-card{background:var(--card-bg);backdrop-filter:blur(var(--card-blur)) saturate(var(--card-saturate));-webkit-backdrop-filter:blur(var(--card-blur)) saturate(var(--card-saturate));border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--card-padding);animation:component-enter var(--entry-duration) ease-out both}.canvas-card--pinned{border-color:var(--card-border-pinned)}.canvas-card--dismissing{animation:component-dismiss var(--transition-dismiss) ease-in both}.flip-card{perspective:800px}.flip-card__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--transition-flip)}.flip-card--flipped .flip-card__inner{transform:rotateY(180deg)}.flip-card__front,.flip-card__back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-card__back{transform:rotateY(180deg)}.canvas-dev-controls{position:fixed;bottom:16px;right:16px;display:flex;flex-direction:column;gap:6px;z-index:9999}.canvas-dev-controls button{padding:6px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.15);background:#fffc;font-size:11px;cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.canvas-dev-controls button:hover{background:#fffffff2}.canvas-dev-controls button.active{background:#1b5fa8;color:#fff;border-color:#1b5fa8}:root{--ob-blue: #1B5FA8;--ob-blue-light: #4A90D9;--ob-blue-pale: rgba(27, 95, 168, .08);--ob-blue-glow: rgba(27, 95, 168, .2);--ob-border: rgba(0, 0, 0, .07);--ob-border-focus: rgba(27, 95, 168, .4);--ob-surface: rgba(255, 255, 255, .72);--ob-surface-hover: rgba(255, 255, 255, .9);--ob-font: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--ob-line-height: 1.6;--ob-space-xs: 6px;--ob-space-sm: 12px;--ob-space-md: 20px;--ob-space-lg: 32px;--ob-space-xl: 52px;--ob-radius-sm: 10px;--ob-radius-md: 16px;--ob-radius-lg: 22px;--ob-radius-pill: 999px;--ob-ease: cubic-bezier(.25, .46, .45, .94);--ob-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ob-ease-out: cubic-bezier(.16, 1, .3, 1);--ob-duration-fast: .18s;--ob-duration-std: .32s;--ob-duration-slow: .5s;--ob-shadow-card: 0 2px 12px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);--ob-shadow-btn: 0 1px 4px rgba(27,95,168,.18);--ob-shadow-input: 0 0 0 3px rgba(27,95,168,.12)}@keyframes ob-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:ob-fadeIn var(--ob-duration-std) var(--ob-ease-out) both}.onboarding-flow{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;font-family:var(--ob-font);font-size:17px;color:#1a1a2e;padding:var(--ob-space-xl) var(--ob-space-lg) calc(var(--ob-space-xl) * 2);box-sizing:border-box;z-index:110}.onboarding-flow::-webkit-scrollbar{display:none}.onboarding-stage-content{width:100%;max-width:580px;margin:0 auto;padding-top:var(--ob-space-lg)}.onboarding-progress{display:flex;gap:7px;justify-content:center;padding:var(--ob-space-md) 0 0}.onboarding-progress-dot{width:5px;height:5px;border-radius:50%;background:var(--ob-border);transition:all var(--ob-duration-std) var(--ob-ease)}.onboarding-progress-dot--done{background:var(--ob-blue-light);opacity:.5}.onboarding-progress-dot--active{background:var(--ob-blue);width:18px;border-radius:var(--ob-radius-pill)}.onboarding-welcome{display:flex;flex-direction:column;gap:var(--ob-space-lg)}.onboarding-jean-speech,.onboarding-question-bubble{margin-bottom:var(--ob-space-lg)}.onboarding-welcome-text,.onboarding-question-text{font-size:19px;font-weight:400;line-height:1.65;color:var(--ob-blue);letter-spacing:-.01em;margin:0}.onboarding-cursor{display:inline-block;color:var(--ob-blue);opacity:1;animation:ob-blink .8s step-end infinite;margin-left:1px}@keyframes ob-blink{0%,to{opacity:1}50%{opacity:0}}.onboarding-battery-notice{font-size:13px;color:#1a1a2e80;text-align:center;padding:var(--ob-space-xs) var(--ob-space-md);background:#00000008;border-radius:var(--ob-radius-pill);margin-bottom:var(--ob-space-md)}.onboarding-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:var(--ob-radius-pill);font-family:var(--ob-font);font-size:15px;font-weight:500;letter-spacing:-.01em;cursor:pointer;border:none;outline:none;transition:all var(--ob-duration-fast) var(--ob-ease);white-space:nowrap}.onboarding-btn:focus-visible{box-shadow:0 0 0 3px var(--ob-blue-glow)}.onboarding-btn:disabled{opacity:.45;cursor:not-allowed}.onboarding-btn-primary{background:var(--ob-blue);color:#fff;box-shadow:var(--ob-shadow-btn)}.onboarding-btn-primary:hover:not(:disabled){background:var(--ob-blue-light);transform:translateY(-1px);box-shadow:0 4px 16px #1b5fa847}.onboarding-btn-primary:active:not(:disabled){transform:translateY(0)}.onboarding-btn-ghost{background:transparent;color:#1a1a2e80;border:1px solid var(--ob-border)}.onboarding-btn-ghost:hover:not(:disabled){background:var(--ob-surface-hover);color:#1a1a2e}.onboarding-btn-large{padding:16px 40px;font-size:17px}.onboarding-skip-link{background:none;border:none;color:#1a1a2e80;font-size:13px;cursor:pointer;padding:var(--ob-space-sm) 0;font-family:var(--ob-font);text-decoration:underline;text-underline-offset:3px;opacity:.6;transition:opacity var(--ob-duration-fast) var(--ob-ease)}.onboarding-skip-link:hover{opacity:1}.onboarding-migration,.onboarding-continue{margin-top:var(--ob-space-lg)}.onboarding-migration-text{font-size:16px;color:#1a1a2e80;margin:0 0 var(--ob-space-md);line-height:1.55}.onboarding-migration-actions{display:flex;gap:var(--ob-space-sm);flex-wrap:wrap}.onboarding-voice-choice{text-align:center}.onboarding-voice-prompt{font-size:20px;font-weight:400;color:var(--ob-blue);margin:0 0 var(--ob-space-xl);letter-spacing:-.01em}.onboarding-voice-options{display:flex;gap:var(--ob-space-md);justify-content:center}.onboarding-voice-btn{display:flex;flex-direction:column;align-items:center;gap:var(--ob-space-sm);padding:var(--ob-space-lg) var(--ob-space-xl);background:var(--ob-surface);border:1px solid var(--ob-border);border-radius:var(--ob-radius-lg);cursor:pointer;font-family:var(--ob-font);transition:all var(--ob-duration-std) var(--ob-ease-spring);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-width:160px}.onboarding-voice-btn:hover:not(.onboarding-voice-btn--disabled){background:var(--ob-surface-hover);border-color:var(--ob-blue);transform:translateY(-3px);box-shadow:var(--ob-shadow-card)}.onboarding-voice-btn--selected{border-color:var(--ob-blue);background:var(--ob-blue-pale)}.onboarding-voice-btn--disabled{opacity:.5;cursor:not-allowed}.onboarding-voice-icon svg{width:32px;height:32px;color:var(--ob-blue)}.onboarding-voice-label{font-size:15px;font-weight:500;color:#1a1a2e;letter-spacing:-.01em}.onboarding-mic-denied{font-size:14px;color:#1a1a2e80;margin-bottom:var(--ob-space-md)}.onboarding-interview{display:flex;flex-direction:column;height:calc(100vh - 160px)}.onboarding-thread{flex:1;overflow-y:auto;padding-bottom:var(--ob-space-lg);scrollbar-width:none}.onboarding-thread::-webkit-scrollbar{display:none}.onboarding-thread-msg{margin-bottom:var(--ob-space-lg);animation:ob-fadeIn var(--ob-duration-std) var(--ob-ease-out) both}.onboarding-thread-jean p{font-size:19px;color:var(--ob-blue);line-height:1.65;margin:0;letter-spacing:-.01em}.onboarding-thread-user p{font-size:16px;color:#1a1a2e80;line-height:1.55;margin:0;padding-left:var(--ob-space-md);border-left:2px solid var(--ob-border)}.onboarding-typing-indicator{display:flex;gap:5px;align-items:center;padding:4px 0}.onboarding-typing-dot{width:6px;height:6px;border-radius:50%;background:var(--ob-blue-light);animation:ob-typing 1.2s ease-in-out infinite}@keyframes ob-typing{0%,80%,to{transform:scale(.7);opacity:.4}40%{transform:scale(1);opacity:1}}.onboarding-answer-input{display:flex;align-items:flex-end;gap:var(--ob-space-sm);background:var(--ob-surface);border:1px solid var(--ob-border);border-radius:var(--ob-radius-lg);padding:var(--ob-space-sm) var(--ob-space-sm) var(--ob-space-sm) var(--ob-space-md);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color var(--ob-duration-fast) var(--ob-ease),box-shadow var(--ob-duration-fast) var(--ob-ease)}.onboarding-answer-input:focus-within{border-color:var(--ob-border-focus);box-shadow:var(--ob-shadow-input)}.onboarding-textarea{flex:1;background:transparent;border:none;outline:none;resize:none;font-family:var(--ob-font);font-size:16px;line-height:1.55;color:#1a1a2e;min-height:24px;max-height:200px;overflow-y:auto;scrollbar-width:none}.onboarding-textarea::-webkit-scrollbar{display:none}.onboarding-textarea::placeholder{color:#1a1a2e80}.onboarding-textarea:disabled{opacity:.6;cursor:not-allowed}.onboarding-send-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--ob-blue);border:none;cursor:pointer;flex-shrink:0;transition:all var(--ob-duration-fast) var(--ob-ease-spring);color:#fff}.onboarding-send-btn svg{width:18px;height:18px}.onboarding-send-btn:hover:not(:disabled){background:var(--ob-blue-light);transform:scale(1.08)}.onboarding-send-btn:disabled{background:var(--ob-border);cursor:not-allowed}.onboarding-deeperwhy-gate{margin-top:var(--ob-space-md)}.onboarding-gate-actions{display:flex;gap:var(--ob-space-sm);margin-top:var(--ob-space-md);flex-wrap:wrap}.onboarding-continuation{margin-top:var(--ob-space-md)}.onboarding-continuation-options{display:flex;flex-direction:column;gap:var(--ob-space-sm);margin-top:var(--ob-space-md)}.onboarding-continuation-btn{width:100%;padding:14px var(--ob-space-md);background:var(--ob-surface);border:1px solid var(--ob-border);border-radius:var(--ob-radius-md);font-family:var(--ob-font);font-size:15px;font-weight:400;color:#1a1a2e;cursor:pointer;text-align:left;transition:all var(--ob-duration-fast) var(--ob-ease);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.onboarding-continuation-btn:hover{background:var(--ob-surface-hover);border-color:var(--ob-blue);color:var(--ob-blue);transform:translate(4px)}.onboarding-data-offer{background:var(--ob-surface);border:1px solid var(--ob-border);border-radius:var(--ob-radius-lg);padding:var(--ob-space-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.onboarding-offer-message{display:flex;gap:var(--ob-space-md);align-items:flex-start;margin-bottom:var(--ob-space-md)}.onboarding-offer-icon-wrap{flex-shrink:0;width:40px;height:40px;background:var(--ob-blue-pale);border-radius:var(--ob-radius-sm);display:flex;align-items:center;justify-content:center}.onboarding-offer-icon{width:20px;height:20px;color:var(--ob-blue)}.onboarding-offer-text{font-size:16px;line-height:1.55;color:var(--ob-blue);margin:0}.onboarding-offer-actions{display:flex;gap:var(--ob-space-sm);flex-wrap:wrap;margin-top:var(--ob-space-md)}.onboarding-offer-privacy{margin-top:var(--ob-space-md);padding-top:var(--ob-space-md);border-top:1px solid var(--ob-border)}.onboarding-privacy-toggle{background:none;border:none;color:#1a1a2e80;font-size:13px;cursor:pointer;font-family:var(--ob-font);padding:0;text-decoration:underline;text-underline-offset:3px;opacity:.7}.onboarding-privacy-toggle:hover{opacity:1}.onboarding-privacy-explanation{font-size:13px;line-height:1.6;color:#1a1a2e80;margin:var(--ob-space-sm) 0 0}.onboarding-privacy-selector{margin-top:var(--ob-space-md)}.onboarding-privacy-options{display:flex;flex-direction:column;gap:var(--ob-space-sm);margin-top:var(--ob-space-md)}.onboarding-privacy-option{display:flex;flex-direction:column;gap:4px;padding:var(--ob-space-md);background:var(--ob-surface);border:1px solid var(--ob-border);border-radius:var(--ob-radius-md);cursor:pointer;text-align:left;font-family:var(--ob-font);transition:all var(--ob-duration-fast) var(--ob-ease)}.onboarding-privacy-option:hover{border-color:var(--ob-blue);background:var(--ob-blue-pale)}.onboarding-privacy-option-title{font-size:15px;font-weight:500;color:#1a1a2e}.onboarding-privacy-option-desc{font-size:13px;color:#1a1a2e80;line-height:1.5}.onboarding-privacy-response{margin-top:var(--ob-space-md)}.onboarding-privacy-body{font-size:16px;line-height:1.65;color:var(--ob-blue);margin:0 0 var(--ob-space-md)}.onboarding-privacy-replacement{font-style:italic;color:#1a1a2e}.onboarding-privacy-statement{font-size:13px;color:#1a1a2e80;line-height:1.55;margin:var(--ob-space-md) 0;padding:var(--ob-space-sm) var(--ob-space-md);border-left:2px solid var(--ob-border)}.onboarding-life-connect{margin-top:var(--ob-space-md)}.onboarding-life-intro-actions{display:flex;gap:var(--ob-space-sm);margin-top:var(--ob-space-lg);flex-wrap:wrap}.onboarding-life-question,.onboarding-life-question .onboarding-answer-input{margin-top:var(--ob-space-md)}.onboarding-welcome-canvas{width:100%}.onboarding-canvas-header{margin-bottom:var(--ob-space-lg)}.onboarding-canvas-intro{font-size:19px;color:var(--ob-blue);margin:0;letter-spacing:-.01em;line-height:1.55}.onboarding-canvas-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ob-space-md)}.onboarding-canvas-card:first-child,.onboarding-canvas-card:last-child{grid-column:1 / -1}.onboarding-canvas-card{background:var(--ob-surface);border:1px solid var(--ob-border);border-radius:var(--ob-radius-lg);padding:var(--ob-space-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--ob-shadow-card);opacity:0;transform:translateY(12px);transition:opacity var(--ob-duration-slow) var(--ob-ease-out),transform var(--ob-duration-slow) var(--ob-ease-out)}.onboarding-canvas-card--visible{opacity:1;transform:translateY(0)}.onboarding-canvas-card--welcome{border-color:#1b5fa826;background:linear-gradient(135deg,var(--ob-surface) 0%,rgba(27,95,168,.04) 100%)}.onboarding-canvas-card--jeans_note{border-color:#1b5fa81a;background:var(--ob-blue-pale)}.onboarding-canvas-card-title{font-size:11px;font-weight:600;color:#1a1a2e80;letter-spacing:.08em;text-transform:uppercase;margin:0 0 var(--ob-space-sm)}.onboarding-canvas-card-body{font-size:15px;line-height:1.6;color:#1a1a2e;margin:0}.onboarding-canvas-footer{margin-top:var(--ob-space-xl);text-align:center}.onboarding-canvas-ready{font-size:16px;color:#1a1a2e80;margin:0 0 var(--ob-space-md);letter-spacing:-.01em}@media(max-width:540px){.onboarding-flow{padding:var(--ob-space-lg) var(--ob-space-md)}.onboarding-canvas-grid{grid-template-columns:1fr}.onboarding-canvas-card:first-child,.onboarding-canvas-card:last-child{grid-column:1}.onboarding-voice-options{flex-direction:column;width:100%}.onboarding-voice-btn{min-width:unset;width:100%;flex-direction:row;padding:var(--ob-space-md)}.onboarding-welcome-text,.onboarding-question-text{font-size:17px}}@media(prefers-reduced-motion:reduce){.fade-in,.onboarding-canvas-card,.onboarding-typing-dot,.onboarding-cursor{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}