.box-breathing-exercise{width:100%;max-width:400px;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;font-family:monospace}.box-container{width:100%;aspect-ratio:1/1;position:relative;margin:0 auto 2rem;max-width:400px}.box-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.box-text{position:absolute;inset:0;align-items:center;justify-content:center;pointer-events:none}.box-text,.exercise-content{display:flex;flex-direction:column}.exercise-content{width:100%;gap:1rem}.exercise-visual-container{align-items:center;justify-content:center}.exercise-container,.exercise-visual-container{width:100%;max-width:400px;margin:0 auto;display:flex;flex-direction:column}.exercise-container{font-family:monospace;height:500px;background-color:#ffffff;color:#000000;border:2px solid #000000;font-size:16px;line-height:1.4}.exercise-title{font-size:24pt;font-weight:400;text-align:center;margin-bottom:1rem;font-family:monospace}.exercise-section{margin-bottom:1.5rem}.exercise-label{font-weight:700;margin-bottom:.5rem;display:block}.exercise-input,.exercise-textarea{width:100%;padding:.5rem;border:2px solid #000;margin-bottom:.5rem}.exercise-textarea{min-height:100px}.exercise-button{min-height:50px;min-width:50px;font-family:monospace;font-weight:700;border:2px solid #000000;background-color:#ffffff;color:#000000;cursor:pointer;font-size:18pt}.exercise-button:hover{background-color:#f0f0f0}.exercise-button:disabled{background-color:#cccccc;cursor:not-allowed}.exercise-button-outline{min-height:50px;min-width:50px;font-family:monospace;font-weight:700;border:2px solid #000000;background-color:#ffffff;color:#000000;cursor:pointer;font-size:18pt}.exercise-button-outline:hover{background-color:#f0f0f0}.exercise-list{list-style-type:disc;padding-left:1.5rem;margin-bottom:1rem}.exercise-card{border:1px solid #ddd;padding:1rem;margin-bottom:.5rem}.exercise-progress{height:8px;background-color:#eee;margin-bottom:1rem;overflow:hidden}.exercise-progress-bar{height:100%;background-color:#000;transition:width .3s ease}.exercise-tag{display:inline-block;background-color:#f0f0f0;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;margin-right:.25rem;margin-bottom:.25rem}.exercise-info-box{background-color:#f0f0f0;padding:.75rem;margin-bottom:1rem;font-size:.875rem}.exercise-completion{text-align:center;padding:1rem}.exercise-completion-icon{font-size:2rem;margin-bottom:.5rem}.interactive-guide-container{width:100%;margin:0 auto;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.interactive-guide-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.interactive-guide-button{height:44px;min-width:120px;font-weight:700;font-family:monospace}.exercise-dialog{transform:none!important}.exercise-dialog,.exercise-dialog *{transition:none!important;animation:none!important}.exercise-container button:focus-visible{outline:3px solid #000000;outline-offset:2px}.exercise-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion:reduce){.exercise-container *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}