.leaves-stream-container{display:flex;flex-direction:column;height:calc(110vh - 50px);background:#fbfbfc;border-radius:12px;overflow:hidden;position:relative;color:#263238;box-shadow:0 4px 20px #0000000d}.exercise-header{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;background:linear-gradient(45deg,#3fd6d1,#2388ff);z-index:10;color:#fff;box-shadow:0 4px 15px #2388ff33}.exercise-header h2{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.header-actions{display:flex;gap:10px}.back-btn,.info-btn,.mute-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:8px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;color:#fff}.back-btn:hover,.info-btn:hover,.mute-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.stream-visual-area{flex:1;position:relative;overflow:hidden;background:#80deea}.stream-bed{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#4dd0e1,#29b6f6,#4dd0e1)}.water-flow{position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff26,#fff0,#ffffff26,#fff0);animation:flow 15s linear infinite}@keyframes flow{0%{transform:translate(0)}to{transform:translate(-50%)}}.waves-container{position:absolute;bottom:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.wave-layer{position:absolute;width:200%;height:100%;background-repeat:repeat-x;background-position:0 bottom;transform-origin:center bottom}.wave-1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 200'%3E%3Cpath fill='%23ffffff33' d='M0,100 C400,150 400,50 800,100 C1200,150 1200,50 1600,100 L1600,200 L0,200 Z'/%3E%3C/svg%3E");opacity:.4;animation:wave-motion 8s linear infinite;z-index:1}.wave-2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 200'%3E%3Cpath fill='%23ffffff22' d='M0,100 C400,50 400,150 800,100 C1200,50 1200,150 1600,100 L1600,200 L0,200 Z'/%3E%3C/svg%3E");opacity:.3;animation:wave-motion 12s linear infinite reverse;z-index:2;bottom:-10px}.wave-3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 200'%3E%3Cpath fill='%23ffffff11' d='M0,100 C400,120 400,80 800,100 C1200,120 1200,80 1600,100 L1600,200 L0,200 Z'/%3E%3C/svg%3E");opacity:.2;animation:wave-motion 15s linear infinite;z-index:3;bottom:-20px}@keyframes wave-motion{0%{transform:translate(0)}to{transform:translate(-50%)}}.floating-leaf{position:absolute;top:50%;left:-200px;z-index:5;pointer-events:none;filter:drop-shadow(0 5px 10px rgba(0,0,0,.1))}.leaf-shape{width:140px;height:80px;background:#81c784;border-radius:50% 5%;display:flex;align-items:center;justify-content:center;padding:15px;box-shadow:inset 0 0 10px #0000001a;border:1px solid #66bb6a;transform:rotate(10deg)}.leaf-text{font-size:.85rem;color:#1b5e20;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.path-1{animation:float-path-1 12s linear forwards;top:20%}.path-2{animation:float-path-2 14s linear forwards;top:50%}.path-3{animation:float-path-3 10s linear forwards;top:80%}@keyframes float-path-1{0%{left:-150px;transform:translateY(0) rotate(0)}25%{transform:translateY(20px) rotate(5deg)}50%{transform:translateY(-10px) rotate(-5deg)}75%{transform:translateY(15px) rotate(3deg)}to{left:110%;transform:translateY(0) rotate(10deg)}}@keyframes float-path-2{0%{left:-150px;transform:translateY(0) rotate(10deg)}33%{transform:translateY(-30px) rotate(15deg)}66%{transform:translateY(20px) rotate(5deg)}to{left:110%;transform:translateY(0) rotate(20deg)}}@keyframes float-path-3{0%{left:-150px;transform:translateY(0) rotate(-5deg)}50%{transform:translateY(40px) rotate(0)}to{left:110%;transform:translateY(0) rotate(5deg)}}.controls-area{padding:25px;background:#fff;border-top:1px solid #e2e8f0;z-index:10;box-shadow:0 -5px 20px #00000008}.guidance-card{background:#f8fafc;border-radius:16px;padding:15px;margin-bottom:10px;border:1px solid #e2e8f0}.step-indicator{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.step-indicator .dot{width:10px;height:10px;border-radius:50%;background:#e2e8f0;transition:all .3s}.step-indicator .dot.active{background:#26c6da;transform:scale(1.3)}.step-indicator .dot.done{background:#2388ff}.step-content{display:flex;gap:20px;align-items:flex-start}.step-icon{font-size:2rem;background:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000000d;border:1px solid #edf2f7}.text-content h3{margin:0 0 8px;font-size:1.1rem;color:#1a202c;font-weight:700}.text-content p{margin:0;font-size:.95rem;line-height:1.6;color:#4a5568}.step-nav{display:flex;justify-content:space-between;margin-top:5px}.prev-step,.next-step{padding:10px 20px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem}.prev-step{background:#fff;border:1px solid #cbd5e0;color:#718096}.prev-step:hover{background:#f7fafc;color:#2d3748}.next-step{background:linear-gradient(45deg,#3fd6d1,#2388ff);border:none;color:#fff;margin-left:auto;box-shadow:0 4px 12px #2388ff33}.next-step:hover{transform:translateY(-2px);box-shadow:0 6px 15px #2388ff4d}.final-prompt{font-size:.9rem;color:#26c6da;font-weight:600;text-align:center;width:100%}.thought-input-form{display:flex;gap:12px}.thought-input{flex:1;padding:14px 20px;border-radius:12px;border:1px solid #cbd5e0;background:#fff;outline:none;font-size:1rem;transition:all .2s;font-family:inherit}.thought-input:focus{border-color:#26c6da;box-shadow:0 0 0 3px #26c6da1a}.send-thought-btn{background:linear-gradient(45deg,#3fd6d1,#2388ff);color:#fff;border:none;border-radius:12px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #2388ff33}.send-thought-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px #2388ff4d}.send-thought-btn:disabled{opacity:.6;cursor:not-allowed;background:#cbd5e0;box-shadow:none}.info-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#1a202c99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fadeIn .2s ease-out}.info-card{background:#fff;border-radius:20px;padding:30px;max-width:400px;box-shadow:0 10px 40px #0003;border:1px solid #e2e8f0}.info-card h3{margin:0 0 15px;color:#2388ff;font-size:1.25rem}.info-card p{color:#4a5568;line-height:1.6;margin-bottom:25px}.close-info{width:100%;padding:12px;background:linear-gradient(45deg,#3fd6d1,#2388ff);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .2s}.close-info:hover{transform:translateY(-2px)}.visual-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.reeds{position:absolute;bottom:0;left:0;width:100%;height:80px;background-image:linear-gradient(0deg,rgba(27,94,32,.4) 0%,transparent 100%);opacity:.3}.background-ambience{position:absolute;bottom:20px;right:20px;opacity:.4;color:#fff;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.wind-icon{animation:sway 6s ease-in-out infinite}@keyframes sway{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(10px) rotate(5deg)}}