nav[data-v-2341ccfa]{width:100%;display:flex;align-items:center;justify-content:center;padding:16px;height:60px;background:#51ff96;box-shadow:0 2px 6px #00000040;border-radius:0 0 6px 6px;margin-bottom:32px;color:#24242d}.beta-warn[data-v-2341ccfa]{width:100%;padding:4px;display:grid;place-items:center;background:#ffc72d}.logo[data-v-2341ccfa]{font-family:Fredoka One,cursive;display:flex;align-items:center;text-align:center;font-size:24px;cursor:pointer;color:#1a1818}a[data-v-2341ccfa]{color:#24242d;display:grid;place-items:center;font-size:24px;margin-left:auto}a svg[data-v-2341ccfa]{width:28px;height:28px;color:#24242d;fill:#24242d}.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:table;transition:all .2s}.modal-mask.closed{z-index:-9998;opacity:0}.modal-mask.open{opacity:1}.modal-wrapper{display:table-cell;vertical-align:middle}.modal-container{width:min(420px,100% - 32px);margin:0 auto;background-color:#fff;border-radius:6px;box-shadow:0 2px 8px #00000054;transition:all .3s ease;font-family:Helvetica,Arial,sans-serif}.modal-container header{display:flex;text-align:start;padding:16px;background:#ddd;border-radius:6px 6px 0 0;width:100%}.modal-container header h3{font-weight:500}.modal-container .modal-body{display:flex;flex-direction:column;align-items:flex-start;padding:16px}.modal-container footer{padding:16px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.modal-container footer button,.modal-container footer .button{text-align:center;padding:6px 8px;width:50%;background:#ddd;color:#24242d;border:0;border-radius:6px;transition:filter .2s;font-size:13px;font-weight:500;text-decoration:none;box-shadow:0 2px 6px #00000040}.modal-container footer button.close,.modal-container footer .button.close{background:tomato;color:#fff}.modal-container footer button:hover,.modal-container footer .button:hover{filter:brightness(.8)}.modal-container .modal-default-button{float:right}.modal-container .modal-enter,.modal-container .modal-leave-active{opacity:0}.modal-enter .modal-container,.modal-leave-active .modal-container{-webkit-transform:scale(1.1);transform:scale(1.1)}.rounded-action-button[data-v-ebd7f5cc]{border:0;border-radius:9999px;padding:12px;width:min(420px,100% - 32px);color:#24242d;font-size:14px;transition:filter .2s;box-shadow:0 2px 6px #00000040;display:flex;align-items:center;justify-content:center}.rounded-action-button[data-v-ebd7f5cc]:hover{filter:brightness(.8)}.container[data-v-694400b0]{margin-top:16px;width:100%;display:grid;place-items:center;gap:12px}.container h2[data-v-694400b0]{margin-bottom:8px}.rect-action-button{width:114px;height:114px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;border-radius:10px;border:0;padding:8px;gap:8px;white-space:nowrap;color:#000;font-size:11.2px;font-weight:500;box-shadow:0 4px 6px #00000040;transition:filter .2s;white-space:pre-wrap}.rect-action-button>svg{color:#24242d;fill:#24242d;width:64px;height:64px}@media screen and (max-width: 390px){.rect-action-button{width:100px;height:100px}}.rect-action-button:hover{filter:brightness(.8)}h3[data-v-56332fa7]{font-weight:500;margin-top:16px}.outside[data-v-56332fa7]{border:16px solid #ddd;background:#7dcaf3;border-radius:50%;display:flex;align-items:center;justify-content:center}.inside[data-v-56332fa7]{background:#54b6eb;border:0;border-radius:50%;padding:16px;font-size:large;font-weight:500;display:flex;justify-content:center;align-items:center;text-align:center;width:250px;height:250px;transform:scale(.5)}.inside.breathIn[data-v-56332fa7]{animation:breathIn-56332fa7}.inside.breathHold[data-v-56332fa7]{animation:breathHold-56332fa7}.inside.breathOut[data-v-56332fa7]{animation:breathOut-56332fa7}@keyframes breathIn-56332fa7{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes breathHold-56332fa7{0%{transform:scale(1)}to{transform:scale(1)}}@keyframes breathOut-56332fa7{0%{transform:scale(1)}to{transform:scale(.5)}}.modal-body[data-v-6f5d4ca6]{display:flex;align-items:center;justify-content:center}.modal-header[data-v-6f5d4ca6]{width:100%}.modal-header h3[data-v-6f5d4ca6]{width:100%;text-align:center}.modal-body[data-v-db79a8d2]{text-align:start}ul[data-v-db79a8d2]{display:flex;flex-direction:column;align-items:flex-start;justify-content:start;line-height:16px}.modal-body[data-v-76d6ea20]{display:flex;align-items:center;justify-content:center;gap:8px}.modal-body .breathing-picker[data-v-76d6ea20]{width:100%}.modal-body .breathing-picker button[data-v-76d6ea20]{width:100%;display:flex;align-items:center;justify-content:center;padding:6px 8px;font-weight:500;background:#ddd;color:#24242d;border:0;border-radius:6px;transition:filter .2s}.modal-body .breathing-picker button[data-v-76d6ea20] :hover{filter:brightness(.8)}.modal-body[data-v-2a231cd6]{width:100%}.modal-body p[data-v-2a231cd6],.modal-body p cite[data-v-2a231cd6]{width:100%;text-align:start}.modal-body .panic-button-chooses[data-v-0c0f149e]{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.modal-body button[data-v-0c0f149e]{width:100%;display:flex;align-items:center;justify-content:center;padding:6px 8px;font-weight:500;background:#ddd;color:#24242d;border:0;border-radius:6px;transition:filter .2s}.modal-body button[data-v-0c0f149e] :hover{filter:brightness(.8)}.container[data-v-24ee5a0c]{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:8px;width:min(420px,100% - 32px);margin-top:12px}.streak-timer-settings[data-v-69013133]{display:flex;flex-direction:center;align-items:center}.streak-timer-settings p[data-v-69013133],.streak-timer-settings strong[data-v-69013133]{width:100%;text-align:start}.streak-timer-settings>input[data-v-69013133]{width:100%;padding:8px;border:1px solid #444;border-radius:6px;cursor:pointer}.streak-card[data-v-69013133]{width:min(420px,100% - 32px);background:#dedede;border-radius:6px;filter:drop-shadow(0px 2px 6px rgba(0,0,0,.25));padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.streak-card h2[data-v-69013133],.streak-card h3[data-v-69013133]{font-family:Poppins,sans-serif}.streak-card h2[data-v-69013133]{font-weight:700;font-size:24px}.streak-card h3[data-v-69013133]{font-weight:500;font-size:14px}.streak-card>div[data-v-69013133]{width:100%;display:flex;align-items:center;justify-content:space-around;margin-top:8px}.streak-card>div button[data-v-69013133]{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 8px;border:0;border-radius:6px;transition:filter .2s}.streak-card>div button[data-v-69013133]:hover{filter:brightness(.8)}.streak-label[data-v-69013133]{text-decoration:underline}.record[data-v-891a5bae]{width:min(420px,100% - 32px);display:flex;flex-direction:column;align-items:center;justify-content:start;padding:16px;background:#dedede;border-radius:6px}.record small[data-v-891a5bae]{width:100%;text-align:start;margin:8px 0;display:flex;flex-direction:column;align-items:start;justify-content:start;font-weight:300;font-size:smaller}.record small label[data-v-891a5bae]{cursor:pointer}.record .inputs[data-v-891a5bae]{width:100%;display:flex;flex-direction:column;gap:8px}.record .inputs input[data-v-891a5bae]{width:100%;border:0;border-radius:6px;padding:8px;background:#d5d5d5;text-align:start;font-size:medium;font-weight:500}.record .inputs textarea[data-v-891a5bae]{width:100%;min-height:100px;resize:vertical;border:0;border-radius:6px;padding:8px;background:#d5d5d5}.record .controls[data-v-891a5bae]{margin-top:8px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.record .controls button[data-v-891a5bae]{width:50%;border:0;border-radius:6px;padding:6px 8px;display:flex;align-items:center;justify-content:center;gap:4px;transition:filter .2s;font-weight:500}.record .controls button>svg[data-v-891a5bae]{color:#000;fill:#000;width:24px;height:24px}.record .controls button[data-v-891a5bae]:hover{filter:brightness(.8)}.record .controls button[delete][data-v-891a5bae]{color:tomato}.record .controls button[delete]>svg[data-v-891a5bae]{color:tomato;fill:tomato}.record .controls button[update][data-v-891a5bae]{color:#4078c0}.record .controls button[update]>svg[data-v-891a5bae]{color:#4078c0;fill:#4078c0}.modal-body[data-v-4856e333]{gap:8px}.default-input[data-v-4856e333]{width:100%;border:0;border-radius:6px;padding:8px;background:#ececec}.default-text-area[data-v-4856e333]{width:100%;min-height:100px;resize:vertical;border:0;border-radius:6px;padding:8px;background:#ececec}.page[data-v-5734f0fa]{margin-bottom:75px}strong[data-v-5734f0fa],h3[data-v-5734f0fa]{font-weight:500}.records[data-v-5734f0fa]{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.add-new-note[data-v-5734f0fa]{border:0;border-radius:50%;padding:16px;display:grid;place-items:center;transition:filter .2s;position:fixed;bottom:0;right:0;margin:16px;background:deepskyblue}.add-new-note>svg[data-v-5734f0fa]{width:24px;height:24px;color:#24242d;fill:#24243d}.add-new-note[data-v-5734f0fa]:hover{filter:brightness(.8)}.switch[data-v-d4d96b08]{position:relative;display:inline-block;width:60px;height:34px}.switch input[data-v-d4d96b08]{opacity:0;width:0;height:0}.slider[data-v-d4d96b08]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider[data-v-d4d96b08]:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider[data-v-d4d96b08]{background-color:#2196f3}input:focus+.slider[data-v-d4d96b08]{box-shadow:0 0 1px #2196f3}input:checked+.slider[data-v-d4d96b08]:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round[data-v-d4d96b08]{border-radius:34px}.slider.round[data-v-d4d96b08]:before{border-radius:50%}.project-info[data-v-bdb68fbc]{position:absolute;bottom:0;width:100%;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.project-info span[data-v-bdb68fbc]{display:flex;align-items:center;justify-content:center}.project-info a[data-v-bdb68fbc]{display:flex;align-items:center;justify-content:center;gap:8px;color:#24242d;text-decoration:underline}.project-info a svg[data-v-bdb68fbc]{width:26px;height:26px}.select-language[data-v-bdb68fbc]{width:min(420px,100% - 32px);padding:12px;border:1px solid #ddd;border-radius:6px;color:#24242d;background:transparent}nav[data-v-bdb68fbc]{width:min(420px,100% - 32px);display:flex;align-items:center;justify-content:space-between;margin:16px 0}nav button[data-v-bdb68fbc]{display:grid;place-items:center;color:#24242d;padding:8px;border:0;background:transparent}nav button svg[data-v-bdb68fbc]{width:28px;height:28px;color:#24242d;fill:#24242d}.theme-switch-container[data-v-bdb68fbc]{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px;border:1px solid #ddd;border-radius:6px}.page-body[data-v-bdb68fbc]{width:min(420px,100% - 32px);display:flex;flex-direction:column;align-items:center;justify-content:start}.page-body .setting-section[data-v-bdb68fbc]{margin:16px 0}.page-body .setting-section h3[data-v-bdb68fbc]{margin-bottom:8px;font-weight:500}.page-body .auth-methods[data-v-bdb68fbc],.page-body .theme-settings[data-v-bdb68fbc],.page-body .lang-settings[data-v-bdb68fbc]{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.page-body .auth-methods .sign-in-button[data-v-bdb68fbc],.page-body .theme-settings .sign-in-button[data-v-bdb68fbc],.page-body .lang-settings .sign-in-button[data-v-bdb68fbc]{width:250px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 16px;font-weight:500;font-size:16px;border:0;border-radius:9999px;transition:filter .2s;box-shadow:0 2px 6px #00000040}.page-body .auth-methods .sign-in-button svg[data-v-bdb68fbc],.page-body .theme-settings .sign-in-button svg[data-v-bdb68fbc],.page-body .lang-settings .sign-in-button svg[data-v-bdb68fbc]{width:26px;height:26px;color:#24242d;fill:#24242d}.page-body .auth-methods .sign-in-button.google[data-v-bdb68fbc],.page-body .theme-settings .sign-in-button.google[data-v-bdb68fbc],.page-body .lang-settings .sign-in-button.google[data-v-bdb68fbc]{border:1px solid #24242d;color:#24242d;background:#fff}.page-body .auth-methods .sign-in-button.github[data-v-bdb68fbc],.page-body .theme-settings .sign-in-button.github[data-v-bdb68fbc],.page-body .lang-settings .sign-in-button.github[data-v-bdb68fbc]{border:1px solid #3e3e44;background:#2d333b;color:#cdd9e5}.page-body .auth-methods .sign-in-button.github svg[data-v-bdb68fbc],.page-body .theme-settings .sign-in-button.github svg[data-v-bdb68fbc],.page-body .lang-settings .sign-in-button.github svg[data-v-bdb68fbc]{width:26px;height:26px;color:#cdd9e5;fill:#cdd9e5}.page-body .auth-methods .sign-in-button.github[data-v-bdb68fbc]:hover,.page-body .theme-settings .sign-in-button.github[data-v-bdb68fbc]:hover,.page-body .lang-settings .sign-in-button.github[data-v-bdb68fbc]:hover{filter:brightness(1.3)}.page-body .auth-methods .sign-in-button[data-v-bdb68fbc]:hover,.page-body .theme-settings .sign-in-button[data-v-bdb68fbc]:hover,.page-body .lang-settings .sign-in-button[data-v-bdb68fbc]:hover{filter:brightness(.8)}.streak-card[data-v-39b46ee0]{width:min(420px,100% - 32px);background:#dedede;border-radius:6px;filter:drop-shadow(0px 2px 6px rgba(0,0,0,.25));padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.streak-card h2[data-v-39b46ee0],.streak-card h3[data-v-39b46ee0]{font-family:Poppins,sans-serif}.streak-card h2[data-v-39b46ee0]{font-weight:700;font-size:24px}.streak-card h3[data-v-39b46ee0]{font-weight:500;font-size:14px}.streak-card>div[data-v-39b46ee0]{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-top:8px}.streak-card>div strong[data-v-39b46ee0]{font-weight:500}.streak-label[data-v-39b46ee0]{text-decoration:underline}.have-streaks[data-v-b8bcbf40]{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:32px}.have-streaks h2[data-v-b8bcbf40]{margin-bottom:12px}.have-not-streaks[data-v-b8bcbf40]{margin-top:8px;font-weight:500}.old-streaks[data-v-b8bcbf40]{margin-top:8px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.modal-body[data-v-7f2762d2]{text-align:start}.feedback-form[data-v-7f2762d2]{width:min(420px,100% - 32px);display:flex;flex-direction:column;align-items:center;gap:8px}.feedback-form input[data-v-7f2762d2],.feedback-form textarea[data-v-7f2762d2]{font-size:14px;padding:8px 10px;border:0;border-radius:6px;resize:vertical;width:100%}.feedback-form button[data-v-7f2762d2]{width:50%;display:grid;place-items:center;border:0;padding:8px 10px;background:#4078c0;color:#fff;align-self:flex-start;margin-top:8px;border-radius:6px}.article-page[data-v-a13ecd76]{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.article[data-v-a13ecd76]{width:min(580px,100% - 32px);display:flex;flex-direction:column;align-items:flex-start}a[data-v-a13ecd76]{color:#00a2ff;text-decoration:underline}h3[data-v-a13ecd76]{font-weight:500;text-align:center}body.dark{background:#1e2329!important;color:#cdd9e5!important}body.dark * svg{fill:#cdd9e5!important;color:#cdd9e5!important}body.dark .feedback-form input,body.dark .feedback-form textarea,body.dark .input-change-start-time{background:#323841!important;color:#cdd9e5!important}body.dark .project-info a{color:#cdd9e5!important}body.dark .top-bar{background:#2d333b!important}body.dark .top-bar .logo{color:#cdd9e5!important}body.dark .streak-card{background:#22272e!important}body.dark .streak-card button{background:#323841!important;color:#cdd9e5!important}body.dark .select-language{color:#cdd9e5!important}body.dark .rect-action-button svg{color:#24242d!important;fill:#24242d!important}body.dark .modal-container{background:#22272e!important}body.dark .modal-container header{background:#2d333b!important}body.dark .modal-container .modal-body button,body.dark .modal-container .modal-body .default-input,body.dark .modal-container .modal-body .default-text-area{background:#323841!important;color:#cdd9e5!important}body.dark .modal-container footer button.close{background:tomato!important;color:#fff!important}body.dark .breathing-component{border-color:#2d333b!important}body.dark .records .record{background:#22272e!important}body.dark .records .record>.inputs input,body.dark .records .record>.inputs textarea{background:#323841!important;color:#cdd9e5!important}body.dark .records .record>.controls button{background:#323841!important}body.dark .records .record>.controls button[delete] svg{color:tomato!important;fill:tomato!important}body.dark .records .record>.controls button[update] svg{color:#4078c0!important;fill:#4078c0!important}*{font-family:Poppins,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;margin:0;box-sizing:border-box;outline:none;list-style:none;text-decoration:none}body{background:#f3f3f3;color:#000}body.fade{transition:background-color .3s}.only-screen-reader,.osr{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}button,a{cursor:pointer;-webkit-tap-highlight-color:transparent}.page{text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:58px}.page h2:first-child{font-weight:600;margin-top:0!important}.page>h2{margin:16px 0}.full-page{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;position:absolute;top:0;z-index:9997}.full-page h2:first-child{font-weight:600}strong{font-weight:500}