.relaxation-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);padding:32px 16px}.relaxation-container{max-width:1100px;margin:0 auto}.relaxation-header{text-align:center;margin-bottom:32px}.relaxation-header h1{font-size:2.5rem;font-weight:800;color:#f8fafc;margin:16px 0 8px}.subtitle{color:#94a3b8;font-size:1.1rem;margin:0}.back-link{display:inline-block;color:#94a3b8;text-decoration:none;font-size:.95rem;transition:color .2s}.back-link:hover{color:#f8fafc}.tab-nav{display:flex;justify-content:center;gap:12px;margin-bottom:32px}.tab-btn{padding:14px 28px;font-size:1rem;font-weight:600;color:#94a3b8;background:#1e293b;border:2px solid #334155;border-radius:12px;cursor:pointer;transition:all .2s}.tab-btn:hover{border-color:#8b5cf6;color:#f8fafc}.tab-btn.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.breathing-section{text-align:center}.breathing-layout{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:24px;gap:24px;align-items:start}@media (max-width:900px){.breathing-layout{grid-template-columns:1fr}.side-fact{display:none}}.side-fact{display:flex;flex-direction:column;justify-content:center;padding-top:60px}.fact-card{background:#1e293b;border:2px solid #334155;border-radius:16px;padding:20px;text-align:center}.fact-icon{display:block;font-size:2rem;margin-bottom:12px}.fact-card p{color:#cbd5e1;font-size:.95rem;line-height:1.5;margin:0}.breathing-center{display:flex;flex-direction:column;align-items:center}.big-square-container{display:flex;justify-content:center;margin-bottom:24px}.big-square{position:relative;width:340px;height:340px;border:8px solid #64748b;border-radius:30px;background:rgba(30,41,59,.8);transition:border-color .5s ease,box-shadow .5s ease}.big-square.exhale,.big-square.hold1,.big-square.hold2,.big-square.inhale{box-shadow:0 0 60px rgba(139,92,246,.3)}.corner-bot{position:absolute;width:60px;height:60px;border-radius:50%;overflow:hidden;background:#1e293b;border:4px solid #334155;transition:all .3s ease}.corner-bot img{width:100%;height:100%;object-fit:cover}.corner-bot.active{transform:scale(1.25);border-color:#8b5cf6;box-shadow:0 0 30px rgba(139,92,246,.6);z-index:10}.corner-0{top:-30px;left:-30px}.corner-1{top:-30px;right:-30px}.corner-2{bottom:-30px;right:-30px}.corner-3{bottom:-30px;left:-30px}.square-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.breath-number{font-size:6rem;font-weight:900;line-height:1;transition:color .5s ease}.breath-instruction{font-size:1.5rem;font-weight:700;margin-top:8px;transition:color .5s ease}.edge-label{position:absolute;font-size:.85rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:2px}.edge-label.top{top:18px;left:50%;transform:translateX(-50%)}.edge-label.right{right:18px;top:50%;transform:translateY(-50%) rotate(90deg)}.edge-label.bottom{bottom:18px;left:50%;transform:translateX(-50%)}.edge-label.left{left:18px;top:50%;transform:translateY(-50%) rotate(-90deg)}.traveling-dot{position:absolute;width:20px;height:20px;border-radius:50%;box-shadow:0 0 20px currentColor;transition:background .5s ease}.traveling-dot.inhale{animation:travel-top 4s linear forwards}.traveling-dot.hold1{animation:travel-right 4s linear forwards}.traveling-dot.exhale{animation:travel-bottom 4s linear forwards}.traveling-dot.hold2{animation:travel-left 4s linear forwards}@keyframes travel-top{0%{top:-10px;left:-10px}to{top:-10px;right:-10px;left:auto}}@keyframes travel-right{0%{top:-10px;right:-10px}to{bottom:-10px;right:-10px;top:auto}}@keyframes travel-bottom{0%{bottom:-10px;right:-10px}to{bottom:-10px;left:-10px;right:auto}}@keyframes travel-left{0%{bottom:-10px;left:-10px}to{top:-10px;left:-10px;bottom:auto}}.progress-dot-container{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px}.progress-dot-track{width:60px;height:60px;border-radius:50%;background:#1e293b;border:4px solid #334155;overflow:hidden;position:relative;display:flex;align-items:flex-end}.progress-dot-fill{width:100%;background:linear-gradient(0deg,#8b5cf6 0,#a78bfa);transition:height .5s ease;border-radius:0 0 50% 50%}.progress-label{font-size:.9rem;font-weight:600;color:#8b5cf6}.cycle-counter{font-size:1.1rem;color:#22c55e;font-weight:600;margin-bottom:20px}.breathing-controls{margin-bottom:32px}.start-btn{padding:18px 56px;font-size:1.3rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:50px;cursor:pointer;transition:all .3s;box-shadow:0 6px 24px rgba(139,92,246,.4)}.start-btn:hover{transform:translateY(-3px);box-shadow:0 10px 32px rgba(139,92,246,.5)}.stop-btn{padding:18px 56px;font-size:1.3rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:50px;cursor:pointer;transition:all .3s;box-shadow:0 6px 24px rgba(239,68,68,.4)}.stop-btn:hover{transform:translateY(-3px);box-shadow:0 10px 32px rgba(239,68,68,.5)}.grounding-section{text-align:center}.grounding-intro{max-width:600px;margin:0 auto}.grounding-preview{gap:16px;margin-bottom:32px;flex-wrap:wrap}.grounding-preview,.preview-card{display:flex;justify-content:center}.preview-card{flex-direction:column;align-items:center;width:90px;height:110px;border-radius:16px;transition:transform .2s}.preview-card:hover{transform:scale(1.1)}.preview-icon{font-size:1.75rem;margin-bottom:4px}.preview-count{font-size:2rem;font-weight:800;color:#fff}.preview-sense{font-size:.7rem;font-weight:600;color:hsla(0,0%,100%,.8);text-transform:uppercase;letter-spacing:1px}.grounding-bot-intro{display:flex;align-items:center;gap:20px;background:#1e293b;border-radius:20px;padding:24px;margin-bottom:28px;text-align:left}.intro-bot{width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0}.grounding-desc{color:#cbd5e1;font-size:1.1rem;line-height:1.5;margin:0}.grounding-active{max-width:500px;margin:0 auto}.big-grounding-card{border-radius:30px;padding:48px 40px;margin-bottom:28px;animation:card-appear .4s ease-out}@keyframes card-appear{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.grounding-icon{font-size:4rem;margin-bottom:8px}.grounding-count{font-size:6rem;font-weight:900;color:#fff;line-height:1;margin-bottom:8px}.grounding-sense{font-size:2rem;font-weight:700;color:hsla(0,0%,100%,.9);text-transform:uppercase;letter-spacing:4px;margin-bottom:16px}.grounding-prompt{font-size:1.25rem;color:hsla(0,0%,100%,.95);line-height:1.4}.grounding-progress{gap:16px;margin-top:32px}.grounding-progress,.progress-step{display:flex;justify-content:center}.progress-step{width:50px;height:50px;align-items:center;font-size:1.5rem;background:hsla(0,0%,100%,.2);border-radius:50%;transition:all .3s}.progress-step.done{background:hsla(0,0%,100%,.5)}.progress-step.current{background:#fff;transform:scale(1.2);box-shadow:0 4px 20px rgba(0,0,0,.3)}.grounding-controls{display:flex;justify-content:center;gap:16px}.next-btn{padding:16px 40px;font-size:1.2rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:50px;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px rgba(34,197,94,.4)}.next-btn:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(34,197,94,.5)}.reset-btn{padding:16px 32px;font-size:1rem;font-weight:600;color:#94a3b8;background:transparent;border:2px solid #475569;border-radius:50px;cursor:pointer;transition:all .2s}.reset-btn:hover{border-color:#94a3b8;color:#f8fafc}.oscar-section{display:flex;align-items:center;gap:20px;margin-top:40px;padding:24px 28px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:20px}.oscar-container{display:flex;flex-direction:column;align-items:center;gap:8px}.oscar-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:4px solid hsla(0,0%,100%,.3);flex-shrink:0}.oscar-name{font-size:1.1rem;font-weight:800;color:#fff}.oscar-message{flex:1 1;font-size:1.1rem;color:hsla(0,0%,100%,.95);line-height:1.5}@media (max-width:500px){.big-square{width:280px;height:280px}.corner-bot{width:50px;height:50px}.corner-0{top:-25px;left:-25px}.corner-1{top:-25px;right:-25px}.corner-2{bottom:-25px;right:-25px}.corner-3{bottom:-25px;left:-25px}.breath-number{font-size:4.5rem}.breath-instruction{font-size:1.2rem}.grounding-count{font-size:4rem}.grounding-sense{font-size:1.5rem}.oscar-section{flex-direction:column;text-align:center}}