.journey-board{isolation:isolate;min-width:0;overflow:hidden}.journey-board .board-stats{margin:20px 0}.journey-board .board-stats>div{transition:background .45s,box-shadow .45s}.journey-board .board-stats .journey-stat-complete{background:#e0f4e9;box-shadow:inset 0 0 0 1px #a7d8bd}.journey-count{font-variant-numeric:tabular-nums;text-align:right;animation:.45s both journey-number}.journey-board .task-state{align-items:center;gap:4px;animation:.4s both journey-reveal;display:flex}.journey-board .board-task{padding:16px 0}.journey-board .journey-timeline{gap:5px;margin:4px 0 16px}.journey-timeline>button{cursor:pointer;color:#62796f;background:0 0;border:0;border-radius:5px;flex-direction:column;align-items:center;gap:9px;min-width:0;min-height:76px;padding:14px 2px 4px;display:flex;position:relative}.journey-timeline>button>span:last-child{text-align:center;font-size:10px;line-height:1.7}.journey-timeline .journey-track{top:0;background:#e5ece8;height:2px;position:absolute;inset-inline:0;overflow:hidden}.journey-track>span{transform-origin:100%;background:#16866b;width:100%;height:100%;transition:transform .1s linear;display:block}.journey-timeline b{width:27px;height:27px;transition:background .35s,color .35s,box-shadow .35s}.journey-timeline .is-done b,.journey-timeline .is-current b{color:#fff;background:#16866b}.journey-timeline .is-current b{box-shadow:0 0 0 5px #16866b16}.journey-board[data-playing=true] .is-current b{animation:2s ease-in-out infinite journey-pulse}.journey-timeline .is-current>span:last-child{color:#14694f;font-weight:700}.journey-timeline button:hover{background:#f0f7f3}.journey-board button:focus-visible,.journey-board a:focus-visible{outline-offset:4px;outline:2px solid #16866b}.journey-detail{background:#f3f8f4;border:1px solid #e4eee7;border-radius:10px;align-items:center;gap:10px;min-height:87px;margin-bottom:16px;padding:12px;display:flex}.journey-detail>div{animation:.4s both journey-reveal}.journey-detail-icon{color:#148164;background:#e0f0e6;border-radius:9px;flex:0 0 34px;place-items:center;height:34px;display:grid}.journey-detail b{font-size:12px}.journey-detail p{color:#627a70;margin:4px 0 0;font-size:11px;line-height:1.8}.journey-board[data-complete=true] .journey-detail{background:#e8f6ed;border-color:#b8dfc6}.journey-board .journey-voice{padding:15px 17px;display:block}.journey-voice-heading{align-items:center;gap:9px;display:flex}.journey-voice-heading>b{font-size:13px}.journey-voice-heading>svg{flex-shrink:0}.journey-voice-heading button{color:#e5fff5;white-space:nowrap;cursor:pointer;background:#ffffff10;border:1px solid #ffffff30;border-radius:6px;align-items:center;gap:5px;min-height:34px;margin-inline-start:auto;padding:7px 8px;font-size:10px;display:flex}.journey-voice button:focus-visible{outline-color:#83dcb7}.journey-voice-example{align-items:center;height:52px;display:flex}.journey-voice-example>p{margin:0;font-size:11px;line-height:1.8}.journey-voice-note{color:#a9c4cd;font-size:9px;display:block}.journey-wave{color:#d8eee8;justify-content:space-between;align-items:center;gap:10px;width:100%;font-size:10px;display:flex}.journey-wave>div{flex-shrink:0;align-items:center;gap:3px;height:34px;display:flex}.journey-wave i{width:3px;animation:.65s ease-in-out infinite alternate journey-wave;animation-delay:var(--wave-delay);background:#6ed7ad;border-radius:4px;display:block}.journey-board[data-playing=false] .journey-wave i{animation-play-state:paused!important}.journey-transcript{animation:.4s both journey-reveal}.journey-report{color:#8de0bb;align-items:center;gap:9px;width:100%;animation:.4s both journey-reveal;display:flex}.journey-report>span{flex:1}.journey-report b{color:#fff;font-size:11px;display:block}.journey-report small{color:#c2d9df;margin-top:3px;font-size:9px;display:block}.journey-controls{justify-content:space-between;align-items:center;gap:8px;padding-top:12px;display:flex}.journey-controls>span{color:#6c8178;font-size:10px}.journey-controls>div{gap:4px;display:flex}.journey-controls button{color:#365c4c;cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:4px;min-height:36px;padding:6px 8px;font-size:10px;display:flex}.journey-controls button:hover{background:#edf5ef}.journey-bottom{align-items:center;gap:15px;margin-top:3px;display:flex}.journey-duration{background:#e8f0eb;border-radius:4px;flex:1;height:3px;overflow:hidden}.journey-duration>span{transform-origin:100%;background:#16866b;height:100%;transition:transform .1s linear;display:block}.journey-bottom a{color:#147d62;align-items:center;gap:6px;min-height:32px;font-size:11px;font-weight:700;display:flex}.journey-bottom a:hover{text-decoration:underline}@keyframes journey-reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes journey-number{0%{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes journey-pulse{50%{box-shadow:0 0 0 7px #16866b08}}@keyframes journey-wave{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@media (max-width:500px){.journey-board{padding:18px 14px}.journey-board .board-stats>div{padding:12px 10px}.journey-board .board-stats small,.journey-timeline>button>span:last-child{font-size:9px}.journey-voice-heading{gap:6px}.journey-voice-heading>b{font-size:12px}.journey-board .journey-voice{padding:13px 12px}.journey-voice-heading button{padding:6px;font-size:9px}.journey-detail{min-height:98px}.journey-controls>span{font-size:9px}.journey-wave>div{gap:2px}.journey-wave i{width:2px}}@media (prefers-reduced-motion:reduce){.journey-board *{transition:none!important;animation:none!important}}
