:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Zen Maru Gothic,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}.breathing-circle-container{background-color:#e0f7fa4d;border-radius:50%;justify-content:center;align-items:center;width:210px;height:210px;display:flex;position:relative}.breathing-circle-inner{--breathing-circle-expanded-scale:1.3125;background-color:#00bcd499;border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;display:flex}.breathing-text{color:#fff;flex-direction:column;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex}.breathing-subtext{letter-spacing:.1em;margin-bottom:.3em;font-size:1em}.breathing-maintext{font-size:2.2em}@media (width<=768px){.breathing-circle-container{width:180px;height:180px}.breathing-circle-inner{--breathing-circle-expanded-scale:1.38462;width:130px;height:130px}.breathing-maintext{font-size:1.8em}.breathing-subtext{font-size:.9em}}.thumbnail-carousel{justify-content:center;align-items:center;display:flex}.carousel-window{overflow:hidden}.carousel-track{gap:10px;transition:transform .3s ease-in-out;display:flex}.thumbnail-carousel--all-visible .carousel-track{transition:none}.thumbnail-item{cursor:pointer;color:#000;background-color:#f0f0f0;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-weight:700;transition:opacity .2s linear;display:flex}.thumbnail-item:hover{opacity:.6}.thumbnail-item.active{border-color:#00bcd499}.thumbnail-item.active .thumbnail-item__number{background:#00bcd499}.thumbnail-item__number{color:#fff;background:#50505099;border-radius:50%;width:22px;height:22px;line-height:1.2;display:inline-block}.carousel-btn{cursor:pointer;background-color:#0000;border:none;width:44px;height:44px;padding:10px;transition:opacity .2s linear;position:relative}.carousel-btn:hover{opacity:.6}.carousel-btn:after{content:"";background-position:50%;background-repeat:no-repeat;background-size:contain;width:28px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.carousel-btn.prev:after{background-image:url(/img/arrow-left.svg)}.carousel-btn.next:after{background-image:url(/img/arrow-right.svg)}.carousel-btn:disabled{cursor:default;opacity:.2}.carousel-btn:focus{outline:none}@media (width<=768px){.carousel-window{width:44px}.thumbnail-item{width:44px;height:44px}.carousel-btn{margin-inline:8px}}.bgm-control-container{z-index:10;align-items:flex-end;gap:10px;display:flex}.speaker-slider-wrapper{flex-direction:column-reverse;align-items:center;gap:5px;display:flex;position:relative}.speaker-icon{cursor:pointer;-webkit-user-select:none;user-select:none;background-position:50%;background-repeat:no-repeat;background-size:contain;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:opacity .2s linear;display:flex}.speaker-icon.on{background-image:url(/img/sound-on.svg)}.speaker-icon.off{background-image:url(/img/sound-off.svg)}.speaker-icon:hover{opacity:.6}.volume-slider-container{background-color:#00000080;border-radius:25px;justify-content:center;align-items:center;width:44px;height:0;transition:height .3s ease-in-out;display:flex;position:absolute;bottom:54px;overflow:hidden}.speaker-slider-wrapper:hover .volume-slider-container{height:140px}.volume-slider{-webkit-appearance:none;opacity:.7;-webkit-transition:all .2s;transform-origin:50%;background:#d3d3d3;border-radius:4px;outline:none;width:100px;height:8px;margin:10px 0;transition:opacity .2s;transform:rotate(-90deg)}.volume-slider:hover{opacity:1}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:20px;height:20px}.volume-slider::-moz-range-thumb{cursor:pointer;background:#fff;border-radius:50%;width:20px;height:20px}@media (width<=768px){.speaker-icon{width:40px;height:40px}}.tutorial-modal-overlay{z-index:1000;opacity:1;visibility:visible;background-color:#c8c8c8cc;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.tutorial-modal-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-container{position:relative}.tutorial-modal-content{color:#000;aspect-ratio:1;text-align:center;box-sizing:border-box;background-color:#fff;border-radius:8px;width:90vw;max-width:644px;height:90vh;padding:0;position:relative;overflow-y:auto}.modal-scroll-content{box-sizing:border-box;width:100%;padding:50px 40px}.title-image{max-width:60%;height:auto}.modal-scroll-content__main{text-align:left;border:1px solid #333;border-radius:8px;margin-top:24px;padding:20px}.modal-scroll-content__text{margin:0;font-size:1.1em;line-height:1.5}.modal-scroll-content__text+.modal-scroll-content__text{margin-top:16px}.modal-scroll-content__subheading{color:#333;margin:30px auto 0;font-size:1.2em}.modal-scroll-content__list{padding-left:20px}.modal-scroll-content__list li+li{margin-top:4px}.about-playback-mode{border:1px solid #333;border-radius:8px;justify-content:center;margin-top:10px;padding:20px;display:flex}.playback-mode-explanation{text-align:left;gap:10px;width:calc(50% - 10px);display:flex}.playback-mode-explanation+.playback-mode-explanation{border-left:1px solid #333;margin-left:10px;padding-left:12px}.playback-mode-explanation__text{margin:0;font-size:1em}.playback-mode-explanation__title{letter-spacing:.08em;margin-bottom:2px;font-size:1.1em;display:block}.playback-mode-explanation__icon{background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #000;border-radius:50%;flex-shrink:0;width:38px;height:38px}.playback-mode-explanation__icon.loop{background-image:url(/img/loop_small.svg)}.playback-mode-explanation__icon.shuffle{background-image:url(/img/shuffle_small.svg)}.modal-close-button{z-index:10;cursor:pointer;background-color:#fff;border:2px solid #000;border-radius:50%;width:44px;height:44px;transition:opacity .2s linear;position:absolute;top:-15px;right:-15px}.modal-close-button:hover{opacity:.6}.modal-close-button:before,.modal-close-button:after{content:"";background-color:#000;border-radius:1px;width:22px;height:2px;position:absolute;top:50%;left:50%}.modal-close-button:before{transform:translate(-50%,-50%)rotate(45deg)}.modal-close-button:after{transform:translate(-50%,-50%)rotate(-45deg)}@media (width<=768px){.tutorial-modal-content{aspect-ratio:auto;max-height:90vh}.modal-scroll-content{padding:30px 20px}.title-image{max-width:80%}.modal-scroll-content__text{font-size:1em}.modal-scroll-content__subheading{margin-top:20px;font-size:1.1em}.about-playback-mode{flex-direction:column;align-items:center;gap:15px;padding:15px 0}.playback-mode-explanation{gap:15px;width:90%}.playback-mode-explanation+.playback-mode-explanation{border-top:1px solid #333;border-left:none;padding-top:15px}.playback-mode-explanation__title{font-size:1em}.modal-close-button{width:40px;height:40px}}.playback-mode-button{cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:2px solid #000;border-radius:50%;width:44px;height:44px;transition:opacity .2s linear}.playback-mode-button:hover{opacity:.6}.playback-mode-button.loop{background-image:url(/img/loop.svg)}.playback-mode-button.shuffle{background-image:url(/img/shuffle.svg)}@media (width<=768px){.playback-mode-button{width:40px;height:40px}}.play-overlay{cursor:pointer;z-index:2;opacity:1;visibility:visible;background-color:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s,visibility .3s;display:flex;position:absolute;top:0;left:0}.play-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.play-icon{border-top:30px solid #0000;border-bottom:30px solid #0000;border-left:50px solid #fffc;width:0;height:0;position:relative;left:6px}@media (width<=768px){.play-icon{transform:scale(.8)}}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}#root{text-align:center;background-color:#333;width:100%;max-width:none;height:100%;margin:0;padding:0;position:relative}.App{z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.background-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.loop-dissolve-poster{opacity:0;pointer-events:none;z-index:1;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .5s linear;position:absolute;inset:0}.loop-dissolve-poster--visible{opacity:1}.loop-dissolve-poster--no-transition{transition:none}.overlay{z-index:1;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.animation-container{flex-grow:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.breathing-circle-container{z-index:2;position:relative}.bottom-container{box-sizing:border-box;background-color:#fff;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:20px;display:flex}.thumbnail-group{align-items:center;gap:16px;display:flex}.controls{gap:10px;display:flex}button{cursor:pointer}.top-container{background-color:#fff;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:10px 0;display:flex}.timer-reset-group{align-items:center;gap:20px;display:flex}.timer-display{color:#000;z-index:1;font-family:Inconsolata,monospace;font-size:2.4em;font-weight:700;position:relative}.reset-button-top{cursor:pointer;background-color:#0000;background-image:url(/img/reset.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;border:2px solid #000;border-radius:50%;width:44px;height:44px;transition:opacity .2s linear}.reset-button-top:hover{opacity:.6}.animation-container.stoppable{cursor:pointer}.help-button{cursor:pointer;background-color:#0000;background-image:url(/img/info.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;border:2px solid #000;border-radius:50%;width:44px;height:44px;transition:opacity .2s linear}.help-button:hover{opacity:.6}.timer-display--over-3-min{color:#48bb78}@media (width<=768px){.bottom-container{justify-content:space-around;padding:8px 0}.thumbnail-group{gap:5px}.timer-display{font-size:2em}.top-container{padding:6px 0}.reset-button-top,.help-button{width:40px;height:40px}}