.vertical-menu-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;width:clamp(120px,14vw,200px);background-color:var(--secondary-bg-color);border-radius:20px}.menu-items{display:flex;flex-direction:column;gap:7vh;font-size:clamp(.75rem,1.3vw,1.1rem);font-weight:400;letter-spacing:.5px;line-height:normal}.functionality-menu-items{display:flex;flex-direction:column;gap:2vh}.menu-link{color:var(--primary-text-color);text-decoration:none;opacity:.5;transition:opacity .2s}.menu-link:hover{opacity:.8}.menu-link.active{opacity:1;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}@media only screen and (min-width: 768px) and (max-width: 1024px){.vertical-menu-bar{width:clamp(120px,16vw,180px)}.menu-items{gap:5vh;font-size:clamp(.7rem,1.2vw,1rem)}.functionality-menu-items{gap:2vh}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background-color:var(--secondary-bg-color);border-top:1px solid var(--tertiary-bg-color);display:flex;align-items:center;justify-content:space-around;padding:0 .5rem;padding-bottom:env(safe-area-inset-bottom,0);z-index:900}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--primary-text-color);opacity:.5;transition:opacity .2s ease,transform .2s ease;padding:.25rem .5rem;-webkit-tap-highlight-color:transparent}.mobile-nav-item:hover{text-decoration:none}.mobile-nav-active{opacity:1}.mobile-nav-icon{font-size:1.25rem;line-height:1}.mobile-nav-label{font-size:.6rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.mobile-nav-center .mobile-nav-icon{font-size:1.6rem;color:var(--primary-accent-color)}.mobile-nav-center.mobile-nav-active .mobile-nav-icon{transform:scale(1.1)}.week-dots{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem 0}.week-dots-label{color:var(--primary-text-color);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;opacity:.7}.week-dots-row{display:flex;gap:.5rem}.week-dot-col{display:flex;flex-direction:column;align-items:center;gap:.25rem}.week-dot{width:12px;height:12px;border-radius:50%;background-color:var(--tertiary-bg-color);transition:background-color .3s ease,opacity .3s ease}.week-dot-filled{background-color:var(--primary-accent-color)}.week-dot-day{color:var(--primary-text-color);font-size:.6rem;font-weight:400;opacity:.5}.context-panel{flex:0 0 auto;width:clamp(180px,20vw,280px);background-color:var(--secondary-bg-color);border-radius:20px;overflow-y:auto;scrollbar-width:none;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem;color:var(--primary-text-color)}.context-panel::-webkit-scrollbar{display:none}.ctx-title{font-size:var(--text-hero);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0}.ctx-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.ctx-stat-card{background:var(--tertiary-bg-color);border-radius:10px;padding:.85rem .75rem;display:flex;flex-direction:column;gap:.2rem;text-align:center}.ctx-stat-icon{font-size:var(--text-body);opacity:.6;line-height:1}.ctx-stat-value{font-size:var(--text-heading);font-weight:700;line-height:1.2}.ctx-stat-label{font-size:var(--text-caption);opacity:.65;font-weight:400}.ctx-hint{font-size:var(--text-caption);opacity:.6;line-height:1.5;margin:0}.ctx-hint.ctx-active{opacity:1;color:var(--primary-accent-color)}.ctx-tip{font-size:var(--text-caption);line-height:1.5;opacity:.7;background:var(--tertiary-bg-color);border-radius:8px;padding:.75rem;margin:0}.ctx-today-status{display:flex;align-items:baseline;gap:.5rem}.ctx-habit-list{display:flex;flex-direction:column;gap:.4rem}.ctx-habit-row{display:flex;align-items:center;gap:.5rem;font-size:var(--text-caption);padding:.4rem .6rem;border-radius:6px;background:var(--tertiary-bg-color);opacity:.7;transition:opacity .2s}.ctx-habit-row.ctx-habit-done{opacity:1}.ctx-habit-check{flex-shrink:0;width:1.2em;text-align:center}.ctx-habit-desc{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctx-habit-streak{flex-shrink:0;font-weight:600;font-size:.75rem;opacity:.8;background:var(--secondary-bg-color);border-radius:4px;padding:.15rem .4rem}.ctx-breathe-guide{display:flex;flex-direction:column;gap:.5rem}.ctx-breathe-steps{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;font-size:var(--text-caption);opacity:.65}.ctx-breathe-steps span{background:var(--tertiary-bg-color);border-radius:6px;padding:.5rem;text-align:center}@media only screen and (min-width: 768px) and (max-width: 1024px){.context-panel{width:clamp(160px,22vw,280px);padding:1.25rem 1rem}}.focus-circle{position:absolute;width:100%;height:100%}.focus-circle-SVG{padding:20%}.focus-circle-text-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.focus-timer-text{color:var(--primary-text-color);display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.3vmin;font-weight:800;letter-spacing:.3px;line-height:normal}.focus-timer-done-counter{position:absolute;top:80.77%;left:83.07%;color:var(--primary-text-color);font-size:1.5vmin;font-weight:700;letter-spacing:.3px;line-height:normal}@media only screen and (max-width: 767px){.focus-timer-done-counter{font-size:2.5vmin}.focus-timer-text{font-size:4vmin}}@media only screen and (min-width: 768px) and (max-width: 1024px){.focus-timer-text{font-size:1.8vmin}}.habit-circles-wrapper{position:absolute;top:30%;left:20%;display:flex;flex-flow:row wrap;align-items:center;width:60%;height:40%}.habit-circle-SVG{width:33%;height:33%}.mood-lines-wrapper{position:absolute;top:43.1%;left:17%;display:flex;flex-flow:column wrap;align-items:center;gap:2.5vmin;width:65.4%}.moods-wrapper{position:absolute;top:35%;left:24%}.mood-up-SVG,.mood-down-SVG{width:70%}.mood-stable-SVG{width:90%;height:100%}.breath-circle{position:absolute;width:100%;height:100%}.breath-circle-SVG{padding:20%}.breath-circle-text-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.breath-timer-text{color:var(--primary-text-color);display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.3vmin;font-weight:800;letter-spacing:.3px;line-height:normal}.breath-timer-done-counter{position:absolute;top:80.77%;left:83.07%;color:var(--primary-text-color);font-size:1.5vmin;font-weight:700;letter-spacing:.3px;line-height:normal}@media only screen and (max-width: 767px){.breath-timer-done-counter{font-size:2.5vmin}.breath-timer-text{font-size:4vmin}}@media only screen and (min-width: 768px) and (max-width: 1024px){.breath-timer-text{font-size:1.8vmin}}.app-wrapper{width:90%;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.tile-wrapper{aspect-ratio:1;background-color:var(--tertiary-bg-color);border-radius:12px;position:relative;transition:box-shadow .3s ease,transform .3s ease;cursor:pointer}.tile-wrapper>a{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.tile-wrapper:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.tile-focus{border-left:3px solid #60a5fa}.tile-habit{border-left:3px solid #fbbf24}.tile-breathe{border-left:3px solid #34d399}.tile-mood{border-left:3px solid #a78bfa}.tile-active{box-shadow:0 0 12px 2px var(--primary-accent-color);animation:tile-pulse 2s ease-in-out infinite}@keyframes tile-pulse{0%,to{box-shadow:0 0 12px 2px var(--primary-accent-color)}50%{box-shadow:0 0 20px 6px var(--primary-accent-color)}}.tile-main-name{position:absolute;top:8%;left:8%;color:var(--primary-text-color);font-size:var(--text-body);font-weight:400;letter-spacing:.3px;line-height:normal}.streak-badge{color:var(--primary-text-color);font-size:1rem;font-weight:600;background-color:var(--tertiary-bg-color);padding:.4rem 1rem;border-radius:20px;letter-spacing:.5px}.weekly-link-dashboard{color:var(--secondary-accent-color);font-size:.8rem;font-weight:500;text-decoration:none;letter-spacing:.3px;transition:color .2s ease}.weekly-link-dashboard:hover{color:var(--primary-text-color)}@media only screen and (max-width: 767px){.app-wrapper{width:85%;gap:.6rem}}@media only screen and (min-width: 768px) and (max-width: 1024px){.app-wrapper{width:80%}}.app-container--desktop{height:100%;padding:.75rem 0;box-sizing:border-box;flex-wrap:nowrap;overflow:hidden;gap:.4rem}.app-container--desktop .main-app-name{padding-top:0}.app-container--desktop .app-wrapper{flex:1;min-height:0;grid-template-rows:1fr 1fr;justify-items:center}.app-container--desktop .tile-wrapper{height:100%;width:auto;max-height:240px;max-width:240px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;opacity:.6}.empty-state-icon{font-size:2rem}.empty-state-text{color:var(--primary-text-color);font-size:.85rem;font-weight:400;text-align:center;line-height:1.5;max-width:280px;margin:0}.focus-detailed-reset-icon{cursor:pointer}.focus-detailed-reset-icon:hover{transform:scale(1.05)}.focus-detailed-reset-icon:active{transform:scale(.95)}.reset-icon{position:relative;top:50%;left:80%;width:10%}.focus-detailed-circular-progress-bar{margin:0 auto;width:clamp(160px,55%,300px);aspect-ratio:1;text-align:center;filter:drop-shadow(0 0 40px var(--secondary-accent-color));cursor:pointer}.focus-timer-elapsing{color:var(--primary-text-color);font-size:clamp(1.5rem,7vmin,2.5rem);margin:0;line-height:1}.focus-timer-next{color:var(--primary-text-color);font-size:clamp(.65rem,3vmin,1rem);font-weight:600;letter-spacing:.2em;margin:0}.CircularProgressbar-text{fill:var(--primary-text-color)}.focus-detailed-circular-progress-bar:active{transform:scale(.98)}.focus-done-day{padding-top:5%;color:var(--primary-text-color);font-size:var(--text-heading);font-weight:600;letter-spacing:-.01em;line-height:1.3}.focus-history{color:var(--primary-text-color);font-size:var(--text-caption);font-weight:400;display:flex;gap:1rem;width:85%}.focus-history-yesterday,.focus-history-overall{flex:1;background-color:var(--tertiary-bg-color);border-radius:10px;padding:1rem;text-align:center}@media only screen and (min-width: 768px) and (max-width: 1024px){.focus-detailed-circular-progress-bar{width:clamp(180px,75%,300px)}}@media only screen and (min-width: 1025px){.focus-detailed-circular-progress-bar{width:clamp(200px,80%,320px)}}.range-mood{width:70%;margin:2vmin auto;text-align:center;color:var(--primary-text-color);font-size:var(--text-heading);font-weight:500;letter-spacing:.01em;line-height:1.3}.range-mood-label{margin-bottom:.5rem}.range-slider-wrapper{display:flex;align-items:center;gap:.75rem}.range-emoji{font-size:1.5rem;flex-shrink:0}.custom-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--tertiary-bg-color);outline:none;cursor:pointer}.custom-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary-accent-color);cursor:pointer;border:2px solid var(--secondary-bg-color);box-shadow:0 2px 6px #0000004d;transition:transform .15s ease,box-shadow .15s ease}.custom-range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 10px #0006}.custom-range::-webkit-slider-thumb:active{transform:scale(1.1)}.custom-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary-accent-color);cursor:pointer;border:2px solid var(--secondary-bg-color);box-shadow:0 2px 6px #0000004d}.custom-range::-moz-range-track{height:6px;border-radius:3px;background:var(--tertiary-bg-color)}.mood-history{color:var(--primary-text-color);font-size:var(--text-caption);font-weight:400;display:flex;gap:1rem;width:85%}.mood-history-yesterday,.mood-history-overall{flex:1;background-color:var(--tertiary-bg-color);border-radius:10px;padding:1rem;text-align:center}.habit-detailed-counter{color:var(--primary-text-color);font-size:var(--text-heading);font-weight:500;letter-spacing:.01em;line-height:1.3}.habit-detailed-wrapper-habits{display:flex;flex-flow:column wrap;align-items:flex-start;gap:1.5vmin;width:100%}.habit-detailed-wrapper-habits-options{display:flex;flex-flow:row wrap;align-items:center;gap:1vmin;padding-left:5vmin}.habit-detailed-checkbox{content:"";width:3vmin;height:3vmin;border:.5vmin solid var(--tertiary-bg-color);background-color:var( --primary-text-color )}.habit-detailed-text-label{color:var(--primary-text-color);font-size:var(--text-body);font-weight:400;letter-spacing:.01em;line-height:1.5}.habit-history{color:var(--primary-text-color);font-size:var(--text-caption);font-weight:400;display:flex;gap:1rem;width:85%}.habit-history-yesterday,.habit-history-overall{flex:1;background-color:var(--tertiary-bg-color);border-radius:10px;padding:1rem;text-align:center}.focus-detailed-circular-progress-bar.breathe-ring{position:relative;isolation:isolate;filter:none}.focus-detailed-circular-progress-bar.breathe-ring:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:var(--secondary-accent-color);filter:blur(35px);opacity:.3;z-index:-1;pointer-events:none}.pulsing{animation:pulse 10s linear infinite;cursor:default}.pulsing:after{content:"breathe in";position:absolute;top:60%;left:0;width:100%;color:var(--primary-text-color);font-size:clamp(.6rem,3vmin,.85rem);text-align:center;animation:text 10s linear infinite}@keyframes text{0%{content:"breathe in"}50%{content:"hold"}51%{content:"breathe out"}to{content:"hold"}}@keyframes pulse{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1.1)}75%{transform:scale(1)}to{transform:scale(1)}}.breathe-history{color:var(--primary-text-color);font-size:var(--text-caption);font-weight:400;display:flex;gap:1rem;width:85%}.breathe-history-yesterday,.breathe-history-overall{flex:1;background-color:var(--tertiary-bg-color);border-radius:10px;padding:1rem;text-align:center}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background-color:var(--tertiary-bg-color);color:var(--primary-text-color);padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem;z-index:1000;animation:toast-in .3s ease-out,toast-out .3s ease-in 1.7s forwards;box-shadow:0 4px 12px #0000004d}.toast-icon{font-size:1.1rem}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(1rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(1rem)}}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlay-fade-in .2s ease-out}.confirm-dialog{background-color:var(--secondary-bg-color);border:1px solid var(--tertiary-bg-color);border-radius:12px;padding:2rem;max-width:360px;width:85vw;text-align:center;animation:dialog-scale-in .2s ease-out}.confirm-title{color:var(--primary-text-color);font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.confirm-message{color:var(--primary-text-color);font-size:.9rem;font-weight:400;opacity:.8;margin:0 0 1.5rem;line-height:1.5}.confirm-actions{display:flex;gap:.75rem;justify-content:center}.confirm-cancel{flex:1}.confirm-danger{flex:1;background-color:var(--danger-color);border-color:var(--danger-color);color:#fff}.confirm-danger:hover{background-color:var(--danger-hover);border-color:var(--danger-hover);color:#fff}.confirm-danger:active{background-color:var(--danger-active);border-color:var(--danger-active);color:#fff}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.settings-field-wrapper{width:80%;display:flex;flex-flow:row;align-items:center;justify-content:center;gap:5vmin}.settings-description{width:80%;text-align:left;padding-bottom:2vmin}.settings-input-field{width:100%;border:none;border-bottom:1px solid var(--secondary-accent-color);background-color:transparent;color:var(--primary-text-color);font-size:inherit;padding:.4rem .2rem;outline:none;transition:border-color .2s ease}.settings-input-field:focus{border-bottom-color:var(--primary-accent-color)}select.settings-input-field{cursor:pointer}.settings-buttons-wrapper{padding-top:5%;display:flex;flex-flow:row wrap;align-items:center;gap:2vmin}.field-wrap{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2vmin}.weekly-content{width:85%;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-bottom:2rem}.weekly-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%}.weekly-stat-card{background-color:var(--tertiary-bg-color);border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.weekly-stat-icon{font-size:1.5rem}.weekly-stat-value{color:var(--primary-text-color);font-size:1.5rem;font-weight:700;letter-spacing:.3px}.weekly-stat-label{color:var(--secondary-accent-color);font-size:.75rem;font-weight:400;text-transform:uppercase;letter-spacing:.5px}.weekly-days-active{color:var(--primary-text-color);font-size:.9rem;font-weight:600;background-color:var(--tertiary-bg-color);padding:.4rem 1rem;border-radius:20px;letter-spacing:.5px}.weekly-sparklines{width:100%;display:flex;flex-direction:column;gap:1rem}.weekly-empty{color:var(--secondary-accent-color);font-size:.9rem;text-align:center;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.weekly-empty p{margin:0}.weekly-empty .app-button{margin-top:1rem}@media only screen and (max-width: 360px){.weekly-stat-grid{grid-template-columns:1fr}}.about-wrapper{flex:1 1 0;min-width:0;background-color:var(--secondary-bg-color);border-radius:20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--tertiary-bg-color) transparent}.about-header{padding-top:10%;color:var(--primary-text-color);font-size:var(--text-hero);font-weight:700;letter-spacing:-.02em;line-height:1.2}.about-paragraph{color:var(--primary-text-color);padding-top:5%;width:90%;text-align:left;font-size:var(--text-body);font-weight:400;letter-spacing:0;line-height:1.6}@media only screen and (max-width: 767px){.about-wrapper{width:100vw;min-height:100vh;height:auto;border-radius:0}.about-paragraph{text-align:justify}}.desktop-wrapper{display:flex;flex-direction:row;align-items:stretch;gap:.75rem;width:100%;height:100vh;padding:.75rem;box-sizing:border-box;overflow:hidden}.desktop-wrapper>.page-transition{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.tablet-wrapper{display:flex;flex-direction:row;align-items:stretch;gap:.75rem;width:100%;height:100vh;padding:.75rem;padding-bottom:calc(.75rem + 64px);box-sizing:border-box;overflow:hidden}.tablet-wrapper>.page-transition{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.start-wrapper{width:70vw;height:70vh;background-color:var(--secondary-bg-color);border-radius:20px;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (max-width: 767px){.start-wrapper{width:100vw;height:100vh;border-radius:0;position:static;transform:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.start-page{animation:fadeInUp .35s ease-out}.start-page .main-header{width:100%}.start-page .main-app-name{padding-top:3%}.start-page .secondary-header{padding:3% 5% 0;font-size:var(--text-heading);font-weight:500;line-height:1.4}.start-page-input-wrapper{width:100%;text-align:center;margin-top:1.5rem}.start-page-error{width:100%;min-height:1.5em;text-align:center;color:var(--secondary-accent-color);font-size:var(--text-caption);margin-top:.5rem}.start-page-input{width:min(80%,20rem);border:none;text-align:center;background-color:var(--secondary-bg-color);border-bottom:2px solid var(--primary-text-color);padding:.5rem .75rem;outline:none;color:var(--primary-text-color);font-size:var(--text-heading);transition:border-color .2s ease}.start-page-input:focus{border-bottom-color:var(--primary-accent-color)}.start-page-button{margin-top:1.5rem}.start-page-button button{min-width:7rem}.step-dots{display:flex;justify-content:center;gap:.5rem;padding:1.5rem 0 .5rem}.step-dot{width:8px;height:8px;border-radius:50%;background-color:var(--tertiary-bg-color);transition:background-color .3s ease,transform .3s ease}.step-dot.active{background-color:var(--primary-accent-color);transform:scale(1.3)}.step-dot.completed{background-color:var(--secondary-accent-color)}.palette-swatches{display:flex;justify-content:center;gap:1.25rem;flex-wrap:wrap;margin-top:1rem}.palette-swatch{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;padding:.75rem;border-radius:12px;border:2px solid transparent;transition:border-color .2s ease,transform .15s ease;background:none}.palette-swatch:hover{transform:translateY(-2px)}.palette-swatch.selected{border-color:var(--primary-accent-color)}.palette-swatch-preview{display:flex;width:48px;height:48px;border-radius:50%;overflow:hidden;box-shadow:0 2px 8px #0000004d}.palette-swatch-preview span{flex:1}.palette-swatch-label{font-size:var(--text-caption);color:var(--primary-text-color);text-transform:capitalize}.timer-slider-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem;width:min(80%,20rem);margin:1.5rem auto 0}.timer-value-display{font-size:var(--text-hero);font-weight:700;color:var(--primary-text-color);letter-spacing:-.02em}.timer-value-display span{font-size:var(--text-body);font-weight:400;opacity:.7;margin-left:.25rem}.timer-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--tertiary-bg-color);outline:none;cursor:pointer}.timer-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--primary-accent-color);cursor:pointer;border:2px solid var(--secondary-bg-color);box-shadow:0 2px 6px #0000004d;transition:transform .15s ease,box-shadow .15s ease}.timer-range::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #0006}.timer-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--primary-accent-color);cursor:pointer;border:2px solid var(--secondary-bg-color);box-shadow:0 2px 6px #0000004d}.timer-range::-moz-range-track{height:6px;border-radius:3px;background:var(--tertiary-bg-color)}.timer-range-labels{display:flex;justify-content:space-between;width:100%;font-size:var(--text-caption);color:var(--secondary-accent-color)}@media only screen and (max-width: 767px){.start-page .main-header{padding-top:2%}.start-page .main-app-name{padding-top:8%}.palette-swatch-preview{width:56px;height:56px}}:root{--primary-bg-color: #000000;--secondary-bg-color: #1c1d1f;--tertiary-bg-color: #4a4d53;--primary-text-color: #f0f2f1;--primary-accent-color: #f0f2f1;--secondary-accent-color: #6f6f6f;--danger-color: #c0392b;--danger-hover: #e74c3c;--danger-active: #a93226;--text-hero: clamp(1.75rem, 3vw, 2.5rem);--text-heading: clamp(1.1rem, 2vw, 1.5rem);--text-body: clamp(.85rem, 1.2vw, 1rem);--text-caption: clamp(.7rem, 1vw, .85rem)}body{margin:0;min-height:100vh;background-color:var(--primary-bg-color)}.main-wrapper{flex:1 1 0;min-width:0;background-color:var(--secondary-bg-color);border-radius:20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--tertiary-bg-color) transparent}.app-container{margin:0;padding:0 0 2rem;display:flex;flex-flow:column wrap;align-items:center;gap:.75rem}@media only screen and (min-width: 768px){.app-container{min-height:100%;box-sizing:border-box}}.main-header{padding-top:5%;width:90%;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;gap:1.5rem}.main-app-name{padding-top:5%;color:var(--primary-text-color);font-size:var(--text-hero);text-align:center;font-weight:700;letter-spacing:-.02em;line-height:1.2}.secondary-header{color:var(--primary-text-color);font-size:var(--text-heading);text-align:center;font-weight:500;letter-spacing:-.01em;line-height:1.3}.text-paragraph{color:var(--primary-text-color);font-size:var(--text-body);text-align:justify;font-weight:400;letter-spacing:0;line-height:1.5}.app-button{display:inline-block;padding:.5rem 1.25rem;font-size:var(--text-caption);font-weight:600;letter-spacing:.03em;text-align:center;text-decoration:none;cursor:pointer;border-radius:8px;border:1px solid var(--primary-accent-color);color:var(--primary-text-color);background-color:var(--tertiary-bg-color);transition:background-color .2s ease,color .2s ease}.app-button:hover{background-color:var(--primary-text-color);border-color:var(--primary-text-color);color:var(--tertiary-bg-color)}.app-button:active{background-color:var(--tertiary-bg-color);border-color:var(--primary-accent-color);color:var(--primary-text-color)}.line-dashboard{padding-top:2%;padding-bottom:2%;width:100%}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.page-transition{animation:pageFadeIn .25s ease-out}@media only screen and (max-width: 767px){.main-wrapper{width:100vw;min-height:100vh;height:auto;border-radius:0;padding-bottom:80px}}.history-card-value{display:block;margin-top:.5rem}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}