*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:16px}@media (max-width:599px){html{font-size:14px}}@media (min-width:1536px){html{font-size:18px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:clamp(.875rem,.8rem + .5vw,1rem);line-height:1.6;margin:0;overflow-x:hidden;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}iframe,img,video{display:block}iframe,img,svg,video{height:auto;max-width:100%}a,button,input[type=button],input[type=reset],input[type=submit]{min-height:44px;min-width:44px;touch-action:manipulation}.table-responsive{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}table{border-collapse:collapse;max-width:100%}.hide-xs{display:none!important}@media (min-width:600px){.hide-xs{display:block!important}.hide-sm{display:none!important}}@media (min-width:900px){.hide-sm{display:block!important}.hide-md{display:none!important}}@media (min-width:1200px){.hide-md{display:block!important}.hide-lg{display:none!important}}.show-xs-only{display:block!important}@media (min-width:600px){.show-xs-only{display:none!important}}.show-sm-only{display:none!important}@media (min-width:600px) and (max-width:899px){.show-sm-only{display:block!important}}.show-md-only{display:none!important}@media (min-width:900px) and (max-width:1199px){.show-md-only{display:block!important}}.container-fluid{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:600px){.container-fluid{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:900px){.container-fluid{padding-left:2rem;padding-right:2rem}}@media (orientation:landscape) and (max-height:500px){body{font-size:.875rem}a,button,input[type=button]{min-height:36px;min-width:36px}}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid #2196f3;outline-offset:2px}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tracker-container{align-items:center;color:#333;display:flex;flex-direction:column;font-family:Poppins,sans-serif;padding:2rem 0}.tracker-container h2,.tracker-container h5{font-weight:600;letter-spacing:.5px}.single-habit-circle{align-items:center;background:radial-gradient(circle,#fafafa 60%,#f0f0f0);border:1px solid #ddd;border-radius:50%;box-shadow:0 4px 20px #00000014;display:flex;height:200px;justify-content:center;margin:auto;position:relative;transition:all .3s ease;width:200px}.single-habit-circle:hover{transform:scale(1.03)}.day-cell{background-color:#e0e0e0;border:1px solid #fff;border-radius:50%;cursor:pointer;height:16px;left:50%;margin:-8px;position:absolute;top:50%;transition:transform .2s ease,background-color .3s ease;width:16px}.day-cell:hover{transform:scale(1.3)}.day-cell.completed{background-color:#00c853}.day-cell.missed{background-color:#f44336}.habit-card{background:#fff;border-radius:16px;box-shadow:0 3px 12px #0000000d;transition:all .2s ease-in-out}.habit-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}@media (max-width:600px){.single-habit-circle{height:150px;width:150px}.day-cell{height:12px;margin:-6px;width:12px}}@media (prefers-color-scheme:dark){.tracker-container{color:#e9e9e9}.habit-card{background:linear-gradient(145deg,#1b1b1b,#222);border:1px solid #2c2c2c;box-shadow:0 2px 10px #00000080}.habit-card:hover{box-shadow:0 4px 16px #0009}.single-habit-circle{background:radial-gradient(circle,#252525 60%,#181818);border:1px solid #333;box-shadow:0 4px 15px #0009}.day-cell{background-color:#444;border:1px solid #000;box-shadow:0 0 4px #ffffff0d}.day-cell.completed{background-color:#00e676;box-shadow:0 0 8px #00e67666}.day-cell.missed{background-color:#ff5252;box-shadow:0 0 8px #ff52524d}.single-habit-circle:hover{border-color:#555;transform:scale(1.04)}.day-cell:hover{box-shadow:0 0 10px #ffffff26;transform:scale(1.3)}.tracker-container h2,.tracker-container h5{color:#f5f5f5;text-shadow:0 1px 2px #0009}}.heatmap-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}.heatmap-year{color:#333;color:var(--text-color);font-weight:600;min-width:50px;text-align:right}.heatmap-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(53,10px);grid-template-rows:repeat(7,10px)}.heatmap-cell{border-radius:2px;height:10px;transition:all .2s ease-in-out;width:10px}.heatmap-cell:hover{border:1px solid #fff3;transform:scale(1.4)}:root{--bg-light:#f5f5f5;--cell-empty:#e0e0e0;--cell-complete:#4caf50;--text-color:#333}@media (prefers-color-scheme:dark){:root{--bg-light:#0d1117;--cell-empty:#21262d;--cell-complete:#00e676;--text-color:#f1f1f1}}.heatmap-cell.empty{background-color:#e0e0e0;background-color:var(--cell-empty)}.heatmap-cell.completed{background-color:#4caf50;background-color:var(--cell-complete);box-shadow:0 0 4px #00e67666}.pet-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem 0;text-align:center;transition:all .4s ease-in-out}.pet-image{filter:drop-shadow(0 4px 10px rgba(0,0,0,.15));height:auto;max-width:90%;transition:transform .4s ease-in-out,filter .3s ease;width:240px}.pet-container.phase1 .pet-image{transform:scale(.95);width:180px}.pet-container.phase2 .pet-image{transform:scale(1);width:220px}.pet-container.phase3 .pet-image{transform:scale(1.1);width:260px}.pet-container.sad .pet-image{filter:grayscale(60%) brightness(.9);opacity:.8;width:220px}.pet-container.bones .pet-image{filter:grayscale(100%) brightness(.6);opacity:.6;width:240px}.pet-container .MuiTypography-root,.pet-container p{color:#333;font-weight:500;margin-top:.5rem}.pet-image:hover{transform:scale(1.15)}@media (max-width:600px){.pet-image{width:180px}.pet-container.phase3 .pet-image{width:200px}}@media (prefers-color-scheme:dark){.pet-container{color:#eaeaea}.pet-image{filter:drop-shadow(0 4px 10px rgba(0,230,118,.15))}.pet-container.phase3 .pet-image{filter:drop-shadow(0 0 12px rgba(0,230,118,.35))}.pet-container.sad .pet-image{filter:grayscale(70%) brightness(.8) drop-shadow(0 0 8px rgba(255,0,0,.25))}.pet-container.bones .pet-image{filter:grayscale(100%) brightness(.5)}}.darkveil-canvas{display:block;height:100%;width:100%}.dock-outer{align-items:center;display:flex;margin:0 .5rem;max-width:100%}.dock-panel{align-items:flex-end;border:1px solid #222;border-radius:1rem;bottom:.5rem;display:flex;gap:1rem;left:50%;padding:0 .5rem .5rem;position:absolute;transform:translateX(-50%);width:-webkit-fit-content;width:fit-content}.dock-item,.dock-panel{background-color:#060010}.dock-item{border:1px solid #222;border-radius:10px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;display:inline-flex;outline:none;position:relative}.dock-icon,.dock-item{align-items:center;justify-content:center}.dock-icon{display:flex}.dock-label{background-color:#060010;border:1px solid #222;border-radius:.375rem;color:#fff;font-size:.75rem;left:50%;padding:.125rem .5rem;position:absolute;top:-1.5rem;transform:translateX(-50%);white-space:pre;width:-webkit-fit-content;width:fit-content}:root{--hue:27;--sat:69%;--white:#fff;--purple-primary:#8400ff;--purple-glow:#8400ff33;--purple-border:#8400ffcc;--border-color:#392e4e;--background-dark:#060010;color-scheme:light dark}.card-grid{grid-gap:.5em;display:grid;font-size:clamp(1rem,.9rem + .5vw,1.5rem);gap:.5em;max-width:54em;padding:.75em}.card{--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;aspect-ratio:4/3;background:#060010;background:var(--background-dark);border:1px solid #392e4e;border:1px solid var(--border-color);border-radius:20px;font-weight:300;max-width:100%;min-height:200px;overflow:hidden;padding:1.25em;position:relative;transition:all .3s ease;width:100%}.card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.card__content,.card__header{color:#fff;color:var(--white);display:flex;position:relative}.card__header{gap:.75em;justify-content:space-between}.card__content{flex-direction:column}.card__label{font-size:16px}.card__description,.card__title{--clamp-title:1;--clamp-desc:2}.card__title{font-size:16px;font-weight:400;margin:0 0 .25em}.card__description{font-size:12px;line-height:1.2;opacity:.9}.card--text-autohide .card__description,.card--text-autohide .card__title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.card--text-autohide .card__title{-webkit-line-clamp:var(--clamp-title);line-clamp:var(--clamp-title)}.card--text-autohide .card__description{-webkit-line-clamp:var(--clamp-desc);line-clamp:var(--clamp-desc)}@media (max-width:599px){.card-grid{grid-template-columns:1fr;margin:0 auto;padding:.5em;width:90%}.card{min-height:180px;width:100%}}@media (min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(4,1fr)}.card:nth-child(3){grid-column:span 2;grid-row:span 2}.card:nth-child(4){grid-column:1/span 2;grid-row:2/span 2}.card:nth-child(6){grid-column:4;grid-row:3}}.card--border-glow:after{background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(132,0,255,calc(var(--glow-intensity)*.8)) 0,rgba(132,0,255,calc(var(--glow-intensity)*.4)) 30%,#0000 60%);border-radius:inherit;content:"";inset:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:source-out;mask-composite:subtract;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;padding:6px;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:1}.card--border-glow:hover:after{opacity:1}.card--border-glow:hover{box-shadow:0 4px 20px #2e184e66,0 0 30px #8400ff33;box-shadow:0 4px 20px #2e184e66,0 0 30px var(--purple-glow)}.particle-container{overflow:hidden;position:relative}.particle:before{background:#8400ff33;border-radius:50%;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.particle-container:hover{box-shadow:0 4px 20px #2e184e33,0 0 30px #8400ff33;box-shadow:0 4px 20px #2e184e33,0 0 30px var(--purple-glow)}.global-spotlight{mix-blend-mode:screen;pointer-events:none;will-change:transform,opacity;z-index:200!important}.bento-section{position:relative;-webkit-user-select:none;user-select:none}.card{display:flex;flex-direction:column;justify-content:space-between;padding:24px}.card__header{display:flex;justify-content:flex-end;min-height:20px}.card__content{margin-top:auto;padding-top:16px;position:relative;z-index:10}.card__extra-text{color:#fff9;font-size:.9rem;line-height:1.4;margin-top:1.5rem;position:relative;z-index:5}
/*# sourceMappingURL=main.f879487e.css.map*/