:root{--radiusXSm:10px;--radiusSm:.6rem;--radius:1.4rem;--radiusLg:3rem;--borderGlass:1px solid #33333321;--maxWidth:1370px;--c-primary:#ff3e3e;--c-hover-acrylic:#fff3;--c-green:#20c544;--c-inactive:#8b8b8b;--c-background:#f4f4f4;--c-text:#1c1c1c;--data-height:120px}@media (max-width:600px){:root{--data-height:50px}}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#e7e7e7}::-webkit-scrollbar-thumb{background:#888}html{overflow-x:hidden}body{font-optical-sizing:auto;position:relative;background-color:var(--c-background);color:var(--c-text);font-family:Outfit,serif;font-style:normal;font-weight:400;line-height:1.2}@media (max-width:600px){html{font-size:90%}}h1{font-size:10rem;font-weight:700}h2{font-size:6rem;font-weight:700}@media (max-width:600px){h1{font-size:6rem}h2{font-size:4rem}}a{color:var(--c-primary)}button{color:var(--c-text);cursor:pointer;will-change:box-shadow;background-color:#ffffff80;border:2px solid #8b8b8b40;border-radius:10px;padding:.5rem 1rem;transition:box-shadow .35s;font-size:1.5rem;font-weight:700;line-height:.8}button:hover{box-shadow:0 0 10px #5297ff}button.active{box-shadow:0 0 5px #6f90ff,0 0 10px #ff6af3,0 0 15px #ffbf2e}button svg{width:1em;height:1em}section,footer{position:relative;margin:7rem 4rem}@media (max-width:600px){section,footer{margin:2rem}}.glass{backdrop-filter:blur(40px);border:var(--borderGlass);background-color:#ffffffb3}.display{font-size:2rem}.subheading{font-size:1.5rem}.flex-row{display:flex;flex-wrap:wrap;align-items: center;gap:.3rem}@media (max-width:600px){.collapse-to-column{flex-direction:column}}.gap-s{gap:1rem}.mt-xs{margin-top:.5rem}.mt-s{margin-top:1rem}.mt-m{margin-top:2rem}.mt-l{margin-top:4rem}.mb-ss{margin-bottom:.5rem}.mb-s{margin-bottom:1rem}.mb-m{margin-bottom:2rem}.panel-header{font-size:1.25rem;font-weight:700}.header-container{display:inline-block;position:sticky;z-index:20;border-radius:var(--radius);padding:1rem 2rem;top:1rem;left:0}.empty-data-section{padding:0 2rem}.month-container svg{fill:none;stroke:#646464;stroke-width:1px;stroke-dasharray:2,2;stroke-linejoin:round}.year-container{display:grid;grid-template-columns:1fr;grid-auto-rows:1fr;align-items:stretch;gap:20px;margin-top:1rem}@media (min-width:670px){.year-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:1020px){.year-container{grid-template-columns:repeat(3,1fr)}}.month-container{border-radius:var(--radius);display:flex;position:relative;overflow:hidden;background-color:#00000005;justify-content:center;align-items: center;padding:2rem}.month-label{position:absolute;z-index:10;opacity:.5;display:none;font-size:1rem;font-style:italic;top:2rem;left:50%;transform:translate(-50%)}@media (max-width:1020px){.month-label{display:block}}.filled-day{stroke:none;position:relative;will-change:filter,stroke-dashoffset;cursor:pointer;transition:filter .35s}.filled-day-no-colors{fill:#5edaff;stroke:#29bbff}.filled-day:hover{stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-dasharray:15,21;filter:drop-shadow(0 0 3px #5297ff);animation:strokeRotate 10s infinite linear}.filled-day.active{filter:drop-shadow(0 0 3px #6f90ff)drop-shadow(0 0 3px #ff6af3)drop-shadow(0 0 3px #f2ff82);animation:strokeRotate 18s infinite linear;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-dasharray:15,21}@keyframes strokeRotate{0%{stroke-dashoffset:15}to{stroke-dashoffset:-345}}.high-activity{stroke:#ffd300;stroke-width:2px;stroke-linecap:round;stroke-dasharray:15,21;filter:drop-shadow(0 0 2px #000000bd);animation:strokeRotate 30s infinite linear}.extremely-high-activity{stroke:#ff3e3e;stroke-width:2px;stroke-linecap:round;stroke-dasharray:15,21;filter:drop-shadow(0 0 2px #000000bd);animation:strokeRotate 10s infinite linear}#day-info-container{position:fixed;z-index:100;visibility:hidden;opacity:0;padding:2rem;transition:visibility .2s,opacity .2s ease-out;box-shadow:0 0 13px #0000001a}#day-info-container.show{display:block;visibility:visible;opacity:1}#day-info-container.floating-style{border-radius:var(--radius);width:calc(100% - 3rem);bottom:1.5rem;left:1.5rem}#day-info-container.fixed-style{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);width:100%;padding-top:3rem;top:-1rem;left:0}#day-info-container.fixed-style-bottom{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);width:100%;bottom:-1rem;left:0}@media (max-width:600px){#day-info-header{align-items: flex-start}}#day-info-date{font-size:2.5rem;font-weight:700}@media (max-width:600px){#day-info-date{font-size:1.75rem;font-weight:700}}#day-big-icon{border-radius:20%;flex:none;width:3rem;height:3rem}#day-gradient-container{display:flex;position:relative;flex-direction:row;flex:1;gap:0}#day-gradient-container{height:var(--data-height);position:relative;overflow:hidden;background-color:#ffffff69;background-position:0%;background-repeat:no-repeat;border-radius:10px;width:100%}#noise-overlay{position:absolute;z-index:5;mix-blend-mode:soft-light;filter:brightness(.7)invert(1);width:100%;height:100%;top:0;left:0}#day-color-map-container{display:none;position:relative;overflow:hidden;border-radius:10px;flex-direction:row;flex:1;gap:0}.color-stack{height:var(--data-height);display:flex;flex-direction:column;flex:1;gap:0;width:1rem}.color-stack>*{flex:1}.chip{display:inline-flex;background-color:#cfcfcf59;border-radius:10px;align-items: center;padding:.5rem 1rem;font-weight:700}.chip div{background-color:var(--c-green);border-radius:50%;width:1em;height:1em;margin-right:.5rem}.chip svg{width:1em;height:1em;margin-right:.5rem}#day-info-close-button{position:absolute;cursor:pointer;border-radius:500px;font-size:.75rem;top:2rem;right:2rem}#palette{width:100%;max-width:400px;height:auto;max-height:400px}#intro{margin:4rem}@media (max-width:600px){#intro{margin:2rem}}#data-snapshot-select{appearance:base-select;cursor:pointer;border-radius:5px;width:150px;padding:.5rem 1rem;font-size:1rem}.fancy-button{display:inline-block}.fancy-button a{display:flex;color:#fff;text-decoration:none;background-color:#0a0505;border-radius:300px;justify-content:center;align-items: center;gap:1em;padding:1rem 1.75rem;transition:background-color .35s}.fancy-button a:hover{background-color:#ff3e3e}.fancy-button img{width:40px;transition:filter .35s}.fancy-button a:hover img{filter:brightness(10)}#loading-overlay{position:fixed;backdrop-filter:blur(5px);z-index:1000;display:flex;opacity:0;pointer-events:none;background-color:#fffc;flex-direction:column;justify-content:center;align-items: center;gap:1rem;width:100%;height:100%;transition:opacity .3s ease-in-out;top:0;left:0}#loading-overlay.show{opacity:1;pointer-events:all}.spinner{border:5px solid #0000001a;border-left:5px solid var(--c-primary);animation:spin 1s linear infinite;border-radius:50%;width:50px;height:50px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#spacing-toolbar{position:fixed;z-index:1000;border-radius:var(--radius);gap:10px;padding:1rem;top:1rem;right:1rem}#spacing-toolbar button{font-size:1rem}@media (min-width:1500px){body.compact main{max-width:60%;margin:0 auto}#day-info-container.compact{max-width:60%;left:50%;transform:translate(-50%)}}@media (max-width:1500px){#spacing-toolbar{display:none}}#day-tooltip-container{position:absolute;border-radius:var(--radius);pointer-events:none;z-index:200;visibility:hidden;opacity:0;background-color:#fff;border-bottom-left-radius:0;padding:1.3rem;transition:visibility .2s,opacity .2s ease-out;box-shadow:0 0 3px #0000001a}#day-tooltip-date{font-size:1.3rem;font-weight:700}#day-tooltip-date{line-height:1}#day-tooltip-container.show{visibility:visible;opacity:1}#day-tooltip-container .flex-row svg{width:1em;height:1em}#day-tooltip-container .flex-row{color:var(--c-inactive);fill:var(--c-inactive)}#tracklist-container{position:fixed;z-index:100;border-radius:var(--radius);display:flex;flex-direction:column;width:600px;height:calc(50% - 2rem);padding:1.5rem;top:1.5rem;right:1.5rem}.hidden{display:none!important}.tracklist-item-listening-time{opacity:.7;font-size:.8rem}#tracklist-content{overflow-y:auto;flex:1;min-height:0}.tracklist-item{display:flex;border-bottom:1px solid #ccc;flex-direction:column;gap:10px;padding:20px 0}.tracklist-item:last-child{border-bottom:none}.tracklist-item-art{margin-right:10px}.tracklist-item-art img{width:50px;height:50px}.tracklist-item-info{flex:1}.tracklist-item-title{font-weight:700}.tracklist-item-artist,.tracklist-item-album{font-size:.8rem}.tracklist-playlists,.tracklist-colors{display:flex;gap:10px;font-size:.8rem}.tracklist-item .chip{padding:8px}.tracklist-item .chip-color{border-radius:50%;width:20px;height:20px;box-shadow:0 0 10px #0003}.chip-text{margin-left:10px}.color-zenspace_main{border:3px solid #000}.color-zenspace_classic{background:linear-gradient(#fff 12%,#b5b5b5 100%)}.color-zenspace_true{background:linear-gradient(135deg,#f7b2d0 0%,#fff8a3 50%,#96cff1 100%)}