@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(/assets/fonts/inter-v20-latin-300.woff2)format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/assets/fonts/inter-v20-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/assets/fonts/inter-v20-latin-500.woff2)format("woff2")}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-color:#121417;--surface-color:#1c1f26;--accent-color:#7fb069;--active-color:#2c323d;--text-color:#e1e4e8;--btn-border:#ffffff1a;--input-bg:#252a34;--pill-bg:#ffffff0d}.theme-light{--bg-color:#f7f8f7;--surface-color:#fff;--accent-color:#5d824e;--active-color:#eef0f2;--text-color:#1a1d21;--btn-border:#0000001a;--input-bg:#eef0f2;--pill-bg:#0000000a}.page{background-color:var(--bg-color);color:var(--text-color);justify-content:center;align-items:center;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:background-color .4s,color .4s;display:flex;position:relative;overflow:hidden}.theme-toggle,.audio-toggle{border:1px solid var(--btn-border);color:var(--text-color);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .15s,opacity .2s,background .3s,border-color .3s;display:flex;position:absolute;top:40px}.theme-toggle:hover,.audio-toggle:hover{background:var(--active-color)}.theme-toggle{right:20px}.audio-toggle{left:20px;overflow:hidden}.audio-toggle:after{content:"";background-color:var(--text-color);opacity:0;pointer-events:none;z-index:2;width:150%;height:1.5px;transition:opacity .2s;position:absolute;transform:rotate(-45deg)translateY(0)}.audio-toggle.is-muted:after{opacity:1}.app{flex-direction:column;justify-content:flex-start;align-items:center;gap:0;width:100%;max-width:500px;height:80vh;padding:20px;display:flex}.app__visual{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.presets-wrapper{align-items:center;gap:4px;width:100%;transition:opacity .4s,max-height .5s cubic-bezier(.4,0,.2,1),margin .5s;display:flex;position:relative}.presets-wrapper.is-hidden{opacity:0;pointer-events:none;max-height:0;margin-bottom:0}.presets-arrow{background:var(--pill-bg);border:1px solid var(--btn-border);width:32px;height:32px;color:var(--text-color);cursor:pointer;opacity:0;pointer-events:none;-webkit-tap-highlight-color:transparent;z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .2s,background .2s;display:flex}.presets-wrapper:hover .presets-arrow,.presets-wrapper.arrows-visible .presets-arrow{opacity:1;pointer-events:auto}.presets-arrow:hover{background:var(--active-color)}.presets-arrow:disabled{pointer-events:none;opacity:.15!important}.presets-gallery{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth;flex:1;gap:10px;padding:4px 2px 10px;display:flex;overflow-x:auto}.presets-gallery::-webkit-scrollbar{display:none}.preset-card{background:var(--pill-bg);border:1px solid var(--btn-border);cursor:pointer;scroll-snap-align:start;text-align:left;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:14px;flex-direction:column;flex:none;gap:3px;width:130px;min-height:100px;padding:11px 13px;transition:background .2s,box-shadow .2s,transform .15s;display:flex}.preset-card:hover{background:var(--active-color)}.preset-card:active{transform:scale(.96)}.preset-card.is-active{background:var(--active-color);box-shadow:inset 0 0 0 1px var(--accent-color)}.preset-card__category{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-color);font-size:10px;font-weight:500}.preset-card__name{color:var(--text-color);font-size:13px;font-weight:500;line-height:1.3}.preset-card__desc{color:var(--text-color);opacity:.7;flex-grow:1;font-size:11px;font-weight:300;line-height:1.4}.preset-card__pattern{color:var(--accent-color);letter-spacing:.03em;margin-top:auto;padding-top:6px;font-size:11px;font-weight:400}.pattern-label{letter-spacing:.2rem;color:var(--text-color);text-transform:uppercase;font-family:Inter,sans-serif;font-size:14px;font-weight:400}.theme-light .preset-card__category,.theme-light .preset-card__pattern{color:#3d5b32}@keyframes hold-pulse-full{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes hold-pulse-empty{0%,to{transform:scale(.82)}50%{transform:scale(.84)}}.circle{--size:60vw;--phase-duration:4s;min-width:150px;max-width:280px;min-height:150px;max-height:280px;width:var(--size);height:var(--size);border:2px solid var(--accent-color);transition:transform var(--phase-duration) cubic-bezier(.4, 0, .2, 1), border-color .4s ease;will-change:transform;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;transform:scale(.82)}.circle__glow{border:4px solid var(--accent-color);filter:blur(10px);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .6s;position:absolute;inset:-3px}.circle.phase-inhale{transform:scale(1)}.circle.phase-inhale .circle__glow{opacity:.6}.circle.phase-hold-in{animation:2s ease-in-out infinite hold-pulse-full;transform:scale(1)}.circle.phase-hold-in .circle__glow{opacity:.35;transition:opacity .4s}.circle.phase-exhale{transform:scale(.82)}.circle.phase-hold-out{animation:2s ease-in-out infinite hold-pulse-empty;transform:scale(.82)}.circle__content{z-index:2;letter-spacing:.04em;text-transform:uppercase;text-align:center;color:var(--text-color);-webkit-user-select:none;user-select:none;font-family:Inter,sans-serif;font-size:32px;font-weight:300;position:relative}.controls{justify-content:center;align-items:center;padding-bottom:20px;display:flex}.controls__pill{background:var(--pill-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--btn-border);border-radius:50px;gap:4px;padding:6px;display:flex}.controls__btn{color:var(--text-color);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:background .2s,border-color .2s,opacity .2s;display:flex}.controls__btn:not(:disabled):hover{background:var(--active-color);border-color:var(--btn-border)}.controls__btn:disabled,.theme-toggle:disabled,.audio-toggle:disabled{opacity:.2;cursor:not-allowed;pointer-events:none}.toggle-group{flex-direction:column;gap:8px;margin-top:5px;display:flex}.toggle-input{display:none}.toggle-label{background:var(--input-bg);border:1px solid var(--btn-border);text-align:center;cursor:pointer;height:52px;color:var(--text-color);opacity:.85;border-radius:12px;padding:0 16px;font-size:.9rem;line-height:52px;transition:background .2s,border-color .2s,color .2s;display:block}.toggle-label:hover{background:var(--active-color)}.toggle-input:checked+.toggle-label{background:var(--active-color);border-color:var(--accent-color);color:var(--text-color);opacity:1}.toggle-input:disabled+.toggle-label{opacity:.3;cursor:not-allowed}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6}.modal{background:var(--surface-color);border:1px solid var(--btn-border);color:var(--text-color);border-radius:16px;width:90%;max-width:340px;height:fit-content;max-height:90vh;margin:auto;padding:24px;transition:background .3s;position:fixed;inset:0;overflow-y:auto;box-shadow:0 24px 60px #0006}.modal__form{flex-direction:column;gap:14px;display:flex}.modal__divider{background:var(--btn-border);height:1px;margin:4px 0}.modal__field{flex-direction:column;gap:6px;display:flex}.modal__field>label{letter-spacing:.04em;text-transform:uppercase;opacity:.5;font-size:.8rem;font-weight:500}.modal__field input[type=number]{background:var(--input-bg);height:52px;color:var(--text-color);-moz-appearance:textfield;border:none;border-radius:12px;outline:none;padding:0 14px;font-family:Inter,sans-serif;font-size:1rem;transition:box-shadow .2s}.modal__field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal__field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.modal__field input[type=number]:focus{box-shadow:0 0 0 2px var(--accent-color)}.modal__field input.invalid{box-shadow:0 0 0 2px #e05252}.input--select{background:var(--input-bg);height:52px;color:var(--text-color);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E1E4E8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;border:none;border-radius:12px;outline:none;padding:0 40px 0 14px;font-family:Inter,sans-serif;font-size:1rem;transition:box-shadow .2s}.theme-light .input--select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231A1D21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.input--select:focus{box-shadow:0 0 0 2px var(--accent-color)}.input--select option{background:var(--surface-color);color:var(--text-color);cursor:pointer;min-height:52px;padding:16px 14px;font-size:1.1rem;line-height:1.4}.input--select optgroup{color:var(--accent-color);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;padding:12px 14px;font-size:.9rem;font-style:normal;font-weight:600}.input--select optgroup option{padding-left:24px}.input--select option:hover,.input--select option:focus,.input--select option:active{background:var(--active-color)!important}.input--select option:checked{color:#fff;background:var(--accent-color)!important}.modal__error{color:#e05252;min-height:1em;font-size:.75rem}.modal__actions{gap:10px;margin-top:6px;display:flex}.modal__btn{cursor:pointer;background:var(--input-bg);border:1px solid var(--btn-border);height:52px;color:var(--text-color);border-radius:12px;flex:1;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;transition:background .2s,opacity .2s}.modal__btn:hover{background:var(--active-color)}.modal__btn--primary{background:var(--accent-color);color:#fff;border:none}.modal__btn--primary:hover{opacity:.88;background:var(--accent-color)}#installBtn{z-index:9999;background:var(--surface-color);height:48px;color:var(--text-color);border:1px solid var(--btn-border);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(12px);border-radius:50px;justify-content:center;align-items:center;padding:0 24px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:top .8s cubic-bezier(.18,.89,.32,1.28),background .2s,transform .1s;display:inline-flex;position:fixed;top:-100px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0000004d}#installBtn:hover{background:var(--active-color)}#installBtn:active{transform:translate(-50%)scale(.96)}#installBtn.show-notification{top:40px}@media (width<=480px){#installBtn{width:auto;min-width:100px}.input--select option{min-height:56px;padding:18px 16px;font-size:1.15rem}.input--select optgroup{padding:14px;font-size:1rem}.input--select optgroup option{padding-left:28px}}#getAppLink{color:var(--text-color);opacity:.7;text-underline-offset:3px;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-family:Inter,sans-serif;font-size:13px;text-decoration:underline;display:none;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}#getAppLink:hover{opacity:1}.float-donate-btn{background:var(--pill-bg);border:1px solid var(--btn-border);height:52px;color:var(--text-color);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;border-radius:50px;align-items:center;padding:0 20px;font-size:14px;transition:all .2s;display:flex;position:fixed;bottom:20px;left:20px}.float-donate-btn:hover{background:var(--active-color);border-color:var(--accent-color);transform:scale(1.05)}.donate-modal{color:var(--text-color)}.donate-modal h3{margin-bottom:12px}.donate-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;display:grid}.donate-option{background:var(--active-color);border:1px solid var(--btn-border);width:100%;color:var(--text-color);cursor:pointer;border-radius:12px;margin-bottom:12px;margin-right:4px;padding:15px;transition:background .2s}.donate-option:hover{background:var(--active-color);border-color:var(--accent-color);transform:scale(1.05)}.donate-modal-close-btn{width:100%}