.bear-sequence{margin:0}.bear-presentation{background:#eeeef0;border-radius:4px;position:relative;overflow:hidden}.bear-canvas{aspect-ratio:2;position:relative;overflow:hidden}.bear-stroke-canvas{width:100%;height:100%;display:block}.bear-prompt-dock{bottom:16px;pointer-events:none;justify-content:center;min-height:48px;display:flex;position:absolute;inset-inline:20px}.bear-prompt-caption{background:#f8f9fa;border:1px solid #d6dadf;border-radius:24px;align-items:center;gap:24px;width:min(420px,100%);min-height:48px;padding:8px 10px 8px 20px;transition:width .65s,padding .65s,gap .65s,background .3s,border-color .3s;display:flex;box-shadow:0 4px 14px -10px #68737f}.bear-prompt-text{color:var(--ink);flex:1;margin:0;font-size:16px;line-height:1.4}.bear-caret{vertical-align:-.1em;background:currentColor;width:1px;height:1em;margin-left:2px;display:inline-block}.bear-send{background:var(--ink);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;transition:background .3s,color .3s;display:grid}.bear-send svg{width:20px;height:20px}.is-sent .bear-send{color:var(--muted);background:#e5e9ee}.is-complete .bear-send{color:#fff;background:#15803d}.bear-prompt-caption.is-complete{width:48px;box-shadow:none;background:#15803d;border-color:#15803d;justify-content:center;gap:0;padding:0}.is-complete .bear-prompt-text{display:none}.is-complete .bear-send svg{width:24px;height:24px}.bear-controls{margin-top:12px}.bear-sequence-caption{max-width:62ch;color:var(--muted);font-size:16px;line-height:1.6}.bear-research-link{text-underline-offset:4px;align-items:center;min-height:44px;margin-top:4px;font-size:14px;text-decoration:underline;display:inline-flex}.bear-research-link:hover{color:#344cf4}@media (max-width:700px){.bear-controls{margin-top:16px}.bear-sequence-caption{padding-top:0;font-size:15px}.bear-prompt-dock{bottom:4px;min-height:30px;inset-inline:8px}.bear-prompt-caption{gap:8px;width:min(174px,100%);min-height:30px;padding:3px 5px 3px 10px}.bear-prompt-text{font-size:12px}.bear-send{width:22px;height:22px}.bear-send svg{width:16px;height:16px}.bear-prompt-caption.is-complete{width:30px}.is-complete .bear-send svg{width:18px;height:18px}}@media (prefers-reduced-motion:reduce){.bear-prompt-caption,.bear-send{transition:none}}
.bear-playback{width:100%;height:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.bear-playback-control{background:#f8f9fa;border:1px solid #d6dadf;border-radius:24px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:13px;line-height:1;transition:background .16s;display:flex;position:absolute;top:12px;left:12px}.bear-playback-control svg{width:18px;height:18px}.bear-playback:hover .bear-playback-control{background:#fff}.bear-playback:focus-visible{outline:2px solid var(--ink);outline-offset:-4px;border-radius:4px}.bear-playback.is-paused .bear-playback-control{border-radius:30px;gap:10px;min-height:56px;padding:0 22px;font-size:16px;top:50%;left:50%;transform:translate(-50%,-50%)}.bear-playback.is-paused svg{width:22px;height:22px}@media (max-width:700px){.bear-playback-control{padding-inline:12px;top:8px;left:8px}.bear-playback.is-paused .bear-playback-control{min-height:48px;padding-inline:18px}}@media (prefers-reduced-motion:reduce){.bear-playback-control{transition:none}}
.vibe-hero{padding-top:clamp(24px,3.5vw,48px)}.vibe-hero-intro{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:24px;display:flex}.vibe-hero h1{letter-spacing:-.055em;font-size:clamp(34px,3.8vw,52px);font-weight:500;line-height:1.1}.vibe-research-status{color:var(--muted);font-size:14px;line-height:1.5}@media (max-width:700px){.vibe-hero{padding-top:24px}.vibe-hero-intro{flex-direction:column;align-items:start;gap:8px;margin-bottom:20px}.vibe-hero h1{font-size:clamp(30px,8vw,40px)}.vibe-research-status{font-size:12px}}