.role-picker{display:flex;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid var(--line);flex-wrap:wrap;position:sticky;top:0;z-index:5;background:var(--paper)}.role-picker label{font-size:14px;color:var(--ink-strong)}.role-picker select{min-width:230px;padding:13px 40px 13px 16px;font:inherit;font-size:15px;border:1px solid var(--primary);border-radius:3px;color:var(--ink-strong);background:var(--surface)}.role-picker p{font-size:11px;color:var(--ink-muted);margin:0;flex:1;min-width:230px}.role-picker a{color:var(--primary)}.day-story{border-left:3px solid var(--sage);padding:8px 25px;margin:0 0 35px;max-width:950px}.day-story h3{font-size:26px;font-weight:500;margin:10px 0}.day-story p{font-size:14px;line-height:1.8;color:var(--ink-muted);margin:12px 0}.day-story .day-situation{font-style:italic;color:var(--primary)}.day-story .day-payoff{color:var(--ink-strong)}#workflow-demo{margin:30px 0;padding:26px;background:var(--surface);border:1px solid var(--line)}#workflow-demo[hidden]{display:none}#workflow-demo h3{font-size:24px;font-weight:500;margin:0 0 10px}#workflow-demo>p{font-size:12px;line-height:1.8;color:var(--ink-muted)}#workflow-demo .demo-caption{font-size:10px}.demo-roster{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.demo-roster article{display:flex;align-items:center;gap:10px;background:var(--paper);padding:12px}.demo-avatar{border-radius:50%;width:34px;height:34px;display:grid;place-items:center;background:var(--blue-soft);color:var(--primary);font-size:11px;flex-shrink:0}.demo-roster p{margin:0;font-size:12px}.demo-roster strong{font-weight:500}.demo-roster small{display:block;color:var(--ink-muted);font-size:10px;margin-top:5px}.demo-conversation{padding:15px 20px;border-left:2px solid var(--primary);background:var(--paper)}.demo-conversation p{font-size:13px;line-height:1.7}.demo-conversation strong{display:block;color:var(--primary);font-weight:500}.reminder-examples{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:24px 0}.reminder-examples article{padding:20px;background:var(--paper);border:1px solid var(--line)}.reminder-examples h4{font-size:16px;font-weight:500}.reminder-examples p{font-size:13px;line-height:1.8;color:var(--ink-muted)}.demo-controls{display:flex;gap:20px;align-items:center;margin:20px 0}.demo-controls button{font-size:12px}.demo-controls button:disabled{opacity:.4;cursor:default}.scribe-stage{min-height:235px;padding:24px;background:var(--paper);border:1px solid var(--line)}.scribe-text{white-space:pre-line;font-size:15px;line-height:1.8;color:var(--ink);max-width:650px}.waveform{display:flex;align-items:center;gap:5px;height:45px;margin:20px 0}.waveform i{display:block;width:5px;height:25px;background:var(--sage);animation:voice .7s ease-in-out infinite alternate;animation-delay:var(--delay)}.waveform.paused i{animation-play-state:paused}@keyframes voice{from{transform:scaleY(.25)}to{transform:scaleY(1.6)}}@media(prefers-reduced-motion:reduce){.waveform i{animation:none}}@media(max-width:760px){.role-picker{position:static}.role-picker select{width:100%}.day-story{padding-left:18px}.day-story h3{font-size:22px}.demo-roster,.reminder-examples{grid-template-columns:1fr}#workflow-demo{padding:18px}.demo-controls{gap:12px;flex-wrap:wrap}.tour-steps{position:static}}

.demo-note-label{display:block;font-size:12px;color:var(--ink-muted);margin:20px 0}.demo-note-label textarea{display:block;width:100%;min-height:115px;box-sizing:border-box;margin-top:10px;padding:14px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;line-height:1.7;resize:vertical}.scribe-stage blockquote{border-left:2px solid var(--sage);margin:20px 0;padding:12px 18px;font-size:14px;color:var(--ink)}
