:root{--font-body:"Roboto Slab", Georgia, serif;--font-display:"Rochester", cursive;--transition-fast:.15s ease;--transition-theme:.32s ease}:root,:root[data-theme=cream]{--color-bg:#f3f2ef;--color-bg-rgb:243, 242, 239;--color-bg-alt:#faf8f5;--color-text:#4e1700;--color-border:#4e1700;--color-shadow:#4e1700;--color-shadow-rgb:78, 23, 0;--color-accent:#e3d6c5;--color-accent-2:#9b624b;--color-accent-3:#d8c0a2;--color-accent-4:#6e2700;--color-icon:#4e1700;--color-icon-secondary:#f3f2ef;--color-error:#8a1c0e;--color-toast-banner-bg:#e3d6c4b3;--color-toast-body-bg:#f4f3f0b3;--color-banner:#e3d6c5;--color-banner-fg:#4e1700;--color-frame:transparent;--cursor-default:url(/img/cursor/cream/default.svg) 1 1;--cursor-pointer:url(/img/cursor/cream/pointer.svg) 10 2;--cursor-grab:url(/img/cursor/cream/grab.svg) 10 2;--cursor-grabbing:url(/img/cursor/cream/grabbing.svg) 10 2}:root[data-theme=midnight]{--color-bg:#1b1e2b;--color-bg-rgb:27, 30, 43;--color-bg-alt:#242838;--color-text:#e8e1d3;--color-border:#e8e1d3;--color-shadow:#000;--color-shadow-rgb:0, 0, 0;--color-accent:#343a4d;--color-accent-2:#9098b0;--color-accent-3:#454c63;--color-accent-4:#c9a876;--color-icon:#e8e1d3;--color-icon-secondary:#1b1e2b;--color-error:#ffb4ab;--color-toast-banner-bg:#394660b3;--color-toast-body-bg:#292c3dbf;--color-banner:#3d4566;--color-banner-fg:#f0ede4;--color-frame:transparent;--cursor-default:url(/img/cursor/midnight/default.svg) 1 1;--cursor-pointer:url(/img/cursor/midnight/pointer.svg) 10 2;--cursor-grab:url(/img/cursor/midnight/grab.svg) 10 2;--cursor-grabbing:url(/img/cursor/midnight/grabbing.svg) 10 2}:root[data-theme=forest]{--color-bg:#f1f2f4;--color-bg-rgb:241, 242, 244;--color-bg-alt:#f7f8f9;--color-text:#244c53;--color-border:#244c53;--color-shadow:#244c53;--color-shadow-rgb:36, 76, 83;--color-accent:#d8dedf;--color-accent-2:#6f7f7d;--color-accent-3:#e3e7e8;--color-accent-4:#244c53;--color-icon:#244c53;--color-icon-secondary:#f1f2f4;--color-error:#7f231b;--color-toast-banner-bg:#cad9bfb3;--color-toast-body-bg:#edf1eab3;--color-banner:#6f7f7d;--color-banner-fg:#f1f2f4;--color-frame:transparent;--cursor-default:url(/img/cursor/forest/default.svg) 1 1;--cursor-pointer:url(/img/cursor/forest/pointer.svg) 10 2;--cursor-grab:url(/img/cursor/forest/grab.svg) 10 2;--cursor-grabbing:url(/img/cursor/forest/grabbing.svg) 10 2}:root[data-theme=ocean]{--color-bg:#f7fbf9;--color-bg-rgb:247, 251, 249;--color-bg-alt:#fff;--color-text:#1f4d79;--color-border:#82bbdc;--color-shadow:#2d6d92;--color-shadow-rgb:45, 109, 146;--color-accent:#d7edf8;--color-accent-2:#5f90af;--color-accent-3:#c2e2f3;--color-accent-4:#1d5c84;--color-icon:#1f4d79;--color-icon-secondary:#eef4f2;--color-error:#9b1c1f;--color-toast-banner-bg:#c3dadfb3;--color-toast-body-bg:#ecf3f4b3;--color-banner:#d7edf8;--color-banner-fg:#1f4d79;--color-frame:transparent;--cursor-default:url(/img/cursor/ocean/default.svg) 1 1;--cursor-pointer:url(/img/cursor/ocean/pointer.svg) 10 2;--cursor-grab:url(/img/cursor/ocean/grab.svg) 10 2;--cursor-grabbing:url(/img/cursor/ocean/grabbing.svg) 10 2}#preloader{background-color:var(--color-bg);z-index:999;opacity:1;flex-direction:column;justify-content:center;align-items:center;transition:opacity 1s;display:flex;position:fixed;inset:0}#preloader.fade-out{opacity:0}.logo{justify-content:center;align-items:center;display:flex}.preloader-logo-icon{width:15vw;max-width:120px;height:auto;color:var(--color-icon)}#preloader h1{font-size:400%}#gif{background-image:url(/img/preloader/Ellipsis-1.6s-200px.gif);background-position:50%;background-repeat:no-repeat;background-size:contain;width:17%;height:17%}.background-img{z-index:-99;background-color:var(--color-bg);width:100%;height:100%;position:fixed;top:0;left:0}[data-theme=cream] .background-img{background-image:linear-gradient(rgba(var(--color-shadow-rgb), .14) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--color-shadow-rgb), .14) 1px, transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(65% 75%,#0000 30%,#000 100%);mask-image:radial-gradient(65% 75%,#0000 30%,#000 100%)}[data-theme=ocean] .background-img{background-color:var(--color-bg);background-image:linear-gradient(rgba(var(--color-bg-rgb), .7), rgba(var(--color-bg-rgb), .7)), url(/img/blue-theme/ocean-background.png);background-position:50%,bottom;background-repeat:no-repeat,no-repeat;background-size:cover,cover}[data-theme=forest] .background-img{background-color:var(--color-bg);background-image:linear-gradient(rgba(var(--color-bg-rgb), .12), rgba(var(--color-bg-rgb), .12)), url(/img/green-theme/forest-background.png);background-position:50%,bottom;background-repeat:no-repeat,no-repeat;background-size:cover,cover}[data-theme=midnight] .background-img{background-color:var(--color-bg);background-image:linear-gradient(rgba(var(--color-bg-rgb), .12), rgba(var(--color-bg-rgb), .12)), url(/img/midnight-theme/midnight-background.png);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:cover,cover}.theme-decorations{z-index:-50;pointer-events:none;background-repeat:no-repeat;position:fixed;inset:0}[data-theme=forest] .theme-decorations,[data-theme=midnight] .theme-decorations{background-image:none}.theme-clouds{z-index:-49;pointer-events:none;position:fixed;inset:0}[data-theme=midnight] .theme-clouds{background-image:none;animation:none}@keyframes drift-clouds{0%{transform:translate(-3%)}to{transform:translate(3%)}}@keyframes bob-boat{0%{transform:translateY(-4px)}to{transform:translateY(4px)}}.theme-frame{z-index:900;pointer-events:none;box-sizing:border-box;background:radial-gradient(circle at 0% 0%, var(--color-frame) 0%, transparent 55%), radial-gradient(circle at 100% 0%, var(--color-frame) 0%, transparent 55%), radial-gradient(circle at 0% 100%, var(--color-frame) 0%, transparent 55%), radial-gradient(circle at 100% 100%, var(--color-frame) 0%, transparent 55%);-webkit-mask-composite:xor;transition:background var(--transition-theme);border-radius:32px;padding:22px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.container{flex-direction:column;gap:28px;width:100vw;min-height:100vh;padding:24px 3% 10px;display:flex;position:relative}h1{z-index:0;flex-shrink:0;position:relative}.home-row{align-items:flex-start;gap:5%;width:100%;max-width:1800px;margin:auto;display:flex}.timer-todo-column,.vibes-column{flex-direction:column;flex:49.2%;gap:28px;min-width:0;display:flex;position:relative}.windows-btn-container{column-gap:7px;display:flex}.windows-btn{opacity:.7;width:20px;height:20px;transition:opacity var(--transition-fast), background-color var(--transition-fast);border:1.5px solid;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.windows-btn-mini,.windows-btn-max,.windows-btn-close{cursor:var(--cursor-default), default}.windows-btn-close-wired{cursor:var(--cursor-pointer), pointer;opacity:.9}.windows-btn-close-wired:hover{opacity:1;background-color:rgba(var(--color-shadow-rgb), .15)}.mini-btn{background-color:currentColor;width:60%;height:2px}.max-btn{border:1.5px solid;border-radius:2px;width:55%;height:55%}.close-btn{font-size:80%;transform:translate(1px)}.pop-up-box{background-color:var(--color-bg);border:solid 2px var(--color-border);width:74%;height:auto;box-shadow:5px 6px 0 rgba(var(--color-shadow-rgb), .9), 5px 8px 18px rgba(var(--color-shadow-rgb), .18);transition:background-color var(--transition-theme), border-color var(--transition-theme), box-shadow var(--transition-theme);border-radius:12px;margin:0 auto;position:relative}h3{text-transform:uppercase;color:inherit;transition:color var(--transition-theme);font-size:90%;font-weight:400}.box-banner{background-color:var(--color-banner);color:var(--color-banner-fg);border-bottom:var(--color-border) solid 2px;transition:background-color var(--transition-theme), border-color var(--transition-theme), color var(--transition-theme);border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:1% 2%;display:flex}.redo-btn{color:var(--color-text);cursor:var(--cursor-pointer), pointer;transition:color var(--transition-theme), transform .15s;background-color:#0000;border:none;font-size:120%}.redo-btn:active{transform:rotate(-25deg)}.todo-card{flex-direction:column;height:300px;display:flex;overflow:hidden}[data-theme=ocean] .todo-card:before{content:"";aspect-ratio:219/265;opacity:.76;pointer-events:none;background-image:url(/img/blue-theme/12-todo-bottom-decoration.png);background-position:0 100%;background-repeat:no-repeat;background-size:contain;width:130px;position:absolute;bottom:-8px;left:2px}[data-theme=forest] .todo-card:before{content:"";aspect-ratio:219/265;opacity:.76;pointer-events:none;background-image:url(/img/green-theme/12-todo-bottom-decoration.png);background-position:0 100%;background-repeat:no-repeat;background-size:contain;width:130px;position:absolute;bottom:-8px;left:2px}[data-theme=midnight] .todo-card:before{content:"";aspect-ratio:1;opacity:.82;pointer-events:none;background-image:url(/img/midnight-theme/12-todo-bottom-decoration.png);background-position:0 100%;background-repeat:no-repeat;background-size:contain;width:130px;position:absolute;bottom:-8px;left:2px}.theme-switcher{z-index:998;gap:8px;display:flex;position:fixed;top:2%;right:2%}.theme-swatch{width:24px;height:24px;cursor:var(--cursor-pointer), pointer;border:2px solid;border-radius:100%;justify-content:center;align-items:center;padding:0;font-size:55%;transition:box-shadow .15s,transform .15s;display:flex}.theme-swatch:hover{transform:scale(1.12)}.theme-swatch:active{transform:scale(.94)}.theme-swatch-active{box-shadow:var(--color-shadow) 2px 2px}.full-screen-btn,.exit-full-screen-btn{cursor:var(--cursor-pointer), pointer;z-index:998;background-color:#0000;border:none;transition:transform .15s;position:fixed;bottom:2%;right:2%}.full-screen-btn:active,.exit-full-screen-btn:active{transform:scale(.9)}.full-screen-btn i,.exit-full-screen-btn i{color:var(--color-text);font-size:150%}.signature{position:fixed;bottom:2%;left:2%}.signature-icon{width:50px;height:auto;color:var(--color-icon)}.quote-container:before{content:"";color:var(--color-text);background-color:var(--color-bg);transition:color var(--transition-theme), background-color var(--transition-theme);padding:0 6px;font-family:"Font Awesome 6 Free";font-size:48px;font-weight:900;position:absolute;top:-26px;left:-22px}.quote-container{background-color:var(--color-bg);text-align:center;border:solid 2px var(--color-border);box-shadow:5px 6px 0 rgba(var(--color-shadow-rgb), .9), 5px 8px 18px rgba(var(--color-shadow-rgb), .18);box-sizing:border-box;width:90%;max-width:620px;transition:background-color var(--transition-theme), border-color var(--transition-theme), box-shadow var(--transition-theme);border-radius:12px;margin:24px auto 0;padding:7%;line-height:40px;position:relative}.refresh-quote-btn{font-size:90%;position:absolute;top:10px;right:10px}.refresh-quote-btn:disabled{cursor:var(--cursor-default), default;opacity:.45}.quoteClass{line-height:30px}.quote-status{color:var(--color-accent-2)}.authorClass{font-size:80%}.to-do-list-content{scrollbar-color:var(--color-border) var(--color-bg);scrollbar-width:thin;flex:1;padding:6% 6% 60px;overflow-y:auto}.to-do-list-content::-webkit-scrollbar{width:8px}.to-do-list-content::-webkit-scrollbar-track{background:var(--color-bg)}.to-do-list-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.to-do-list-content::-webkit-scrollbar-thumb:hover{background:var(--color-accent-4)}.task-list{align-items:center;margin:5% 0;list-style:none;display:flex;position:relative}.task-list:first-child{margin-top:0}.task-list:last-of-type{margin-bottom:10%}input[type=checkbox]{appearance:none;outline:solid var(--color-border) 1.5px;width:17px;height:17px;cursor:var(--cursor-pointer), pointer;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .1s;display:flex}input[type=checkbox]:active{transform:scale(.85)}@keyframes check-pulse{0%{transform:scale(.8)}60%{transform:scale(1.15)}to{transform:scale(1)}}input[type=checkbox]:checked{animation:.25s check-pulse}input[type=checkbox]:checked:after{content:"";color:var(--color-text);justify-content:center;align-items:center;font-family:"Font Awesome 6 Free";font-size:11px;font-weight:900;display:flex}.task-lable-container{border-bottom:var(--color-border) solid 1.5px;justify-content:space-between;width:100%;height:auto;margin-left:9px;display:flex}.task-input{width:60%;color:var(--color-text);letter-spacing:1.5px;resize:none;background-color:#0000;border:none;outline:none;height:25px;padding-top:2px;font-family:inherit;font-size:80%;overflow:hidden}.task-input::placeholder{color:var(--color-accent-2)}.task-input::selection{background:var(--color-accent)}.hasChecked{text-decoration:line-through}.remove-btn{cursor:var(--cursor-pointer), pointer;flex-direction:row;font-size:85%;transition:transform .15s;display:flex}.remove-btn:hover{transform:scale(1.15)}.plus-btn{border:1.5px solid var(--color-text);background-color:var(--color-text);width:30px;height:30px;color:var(--color-bg);cursor:var(--cursor-pointer), pointer;z-index:10;box-shadow:none;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:85%;transition:color .15s,border-color .15s,transform .1s;display:flex;position:absolute;bottom:9px;right:9px}.plus-btn:hover{background-color:var(--color-bg);color:var(--color-text);border-color:var(--color-accent)}.plus-btn:active{transform:scale(.92)}.time-display-btn{cursor:var(--cursor-pointer), pointer;color:var(--color-accent-2);letter-spacing:1px;text-transform:uppercase;background:0 0;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:58px;margin-right:5px;padding:4px 8px;font-family:inherit;font-size:.68rem;transition:background-color .15s,border-color .15s,color .15s,transform .1s;display:flex}.time-display-btn i{font-size:.9em}.time-display-btn-set{min-width:84px;color:var(--color-text);text-transform:none;letter-spacing:.4px;font-weight:600}.time-display-btn:hover{background-color:rgba(var(--color-shadow-rgb), .07);border-color:rgba(var(--color-shadow-rgb), .18);color:var(--color-text)}.time-display-btn:active{transform:scale(.95)}.task-btns-container{white-space:nowrap;align-items:center;display:flex}.drag-handle{color:var(--color-accent-2);cursor:var(--cursor-grab), grab;opacity:.6;margin-right:5px;padding:5px;font-size:90%;transition:opacity .2s}.drag-handle:hover{opacity:1}.drag-handle:active{cursor:var(--cursor-grabbing), grabbing}.sortable-ghost{opacity:.4;background-color:var(--color-accent);border-radius:10px}.sortable-chosen{background-color:var(--color-bg-alt);box-shadow:0 2px 8px rgba(var(--color-shadow-rgb), .2);border-radius:10px}.sortable-drag{opacity:1;background-color:var(--color-bg);box-shadow:0 6px 16px rgba(var(--color-shadow-rgb), .22);border-radius:10px}.time-picker-dropdown{background-color:var(--color-bg-alt);border:1.5px solid var(--color-border);width:180px;box-shadow:0 10px 24px rgba(var(--color-shadow-rgb), .2);transform-origin:0 0;z-index:1000;border-radius:14px;animation:.15s pop-in;position:absolute;overflow:hidden}.time-picker-body{background-color:#0000;justify-content:center;height:150px;display:flex;position:relative}.picker-column{scroll-snap-type:y mandatory;text-align:center;scrollbar-width:none;z-index:2;flex:1;height:100%;padding-top:55px;padding-bottom:55px;overflow-y:scroll}.picker-column::-webkit-scrollbar{display:none}.picker-item{scroll-snap-align:center;height:40px;color:var(--color-text);cursor:pointer;opacity:.7;font-size:1.1rem;line-height:40px;transition:opacity .2s,font-weight .2s}.picker-item.selected{color:var(--color-text);opacity:1;font-size:1.3rem;font-weight:700}.picker-highlight{background-color:var(--color-accent);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);pointer-events:none;z-index:1;width:100%;height:40px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.toast-container{z-index:99;place-items:center;width:100%;transition:all .5s ease-out;display:grid;position:fixed;left:0}.bannerAndBody{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:var(--color-border) solid 2px;width:50%;box-shadow:0 10px 24px rgba(var(--color-shadow-rgb), .22);border-radius:14px;overflow:hidden}.toast-banner{background-color:var(--color-toast-banner-bg);justify-content:space-between;padding:10px;display:flex}.toast-parent{background-color:var(--color-toast-body-bg);text-align:left;padding:15px}.setting-btn{cursor:var(--cursor-pointer), pointer;z-index:20;background-color:#0000;border:none;place-items:center;width:32px;height:32px;margin-top:2%;display:grid;position:absolute;right:2%}.setting-btn i{color:var(--color-text);font-size:120%}.setting-activated{transform:rotate(30deg)}.timer-container{text-align:center;justify-content:space-between;align-items:center;width:100%;padding:10% 5% 3%;display:flex;position:relative}.timer-btn-container{align-items:center;column-gap:10px;display:flex}.timer-clock{letter-spacing:10px;font-size:330%}.start-btn{background-color:var(--color-bg);border:solid 1.5px var(--color-border);color:var(--color-text);text-transform:uppercase;letter-spacing:2px;cursor:var(--cursor-pointer), pointer;border-radius:25px;padding:6px 15px;font-size:70%;transition:background-color .15s,transform .1s}.start-btn:hover,.start-btn:active{background-color:var(--color-accent)}.start-btn:active{transform:scale(.95)}.reset-wrapper{flex-direction:column;align-items:center;display:flex}.reset-wrapper span{color:var(--color-text);margin-top:5px;font-size:60%;font-weight:700}.tabs-container{border-top:solid var(--color-border) 1.5px;border-radius:0 0 14px 14px;justify-content:space-evenly;display:flex;overflow:hidden}.tabs-container button{text-align:center;text-transform:uppercase;letter-spacing:2px;width:100%;color:var(--color-text);cursor:var(--cursor-pointer), pointer;background-color:#0000;border:none;padding:2.5% 0;font-family:inherit;font-size:70%;font-weight:400;text-decoration:none;transition:background-color .15s}.tab-selected,.tab-btn:hover,.tab-btn:active{background-color:var(--color-accent)}.tabs-container button.tab-selected{background-color:var(--color-accent);font-weight:700}.tabs-container button.tab-selected:hover,.tabs-container button.tab-selected:active{background-color:var(--color-accent)}.timer-setting-overlay{z-index:200;background-color:rgba(var(--color-shadow-rgb), .35);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:var(--cursor-default), default;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.timer-setting-box{z-index:201;transform-origin:50%;width:min(520px,92vw);font-size:100%;animation:.18s pop-in;position:relative}.timer-setting-box .windows-btn{width:23px;height:23px;cursor:var(--cursor-pointer), pointer;font-size:120%}.timer-setting-box .box-banner{padding:12px 16px}.timer-setting-body{padding:28px 30px 24px}.timer-setting-list{letter-spacing:0;justify-content:space-between;align-items:center;width:auto;margin:20px 0;font-size:95%;list-style:none;display:flex}.timer-setting-list div{width:55%}.timer-setting-list input{background-color:var(--color-accent);max-width:72px;color:var(--color-text);border:var(--color-border) solid 1px;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:100%}.apply-btn-container{justify-content:flex-end;width:100%;display:flex}#apply-btn{background-color:var(--color-accent);color:var(--color-text);border:var(--color-border) solid 1px;text-transform:uppercase;letter-spacing:1px;cursor:var(--cursor-pointer), pointer;border-radius:10px;margin-top:18px;padding:9px 22px;font-size:90%;transition:background-color .15s,transform .1s}#apply-btn:hover{background-color:var(--color-accent-3)}#apply-btn:active{background-color:var(--color-accent-3);transform:scale(.95)}.music-row{flex-direction:column;align-items:center;display:flex}.main-mood-container{flex-wrap:wrap;justify-content:center;gap:30px 6%;width:80%;display:flex}.mood-container{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.icon-box{background-color:var(--color-bg);color:var(--color-icon);border:solid 2px var(--color-border);width:65px;height:65px;cursor:var(--cursor-pointer), pointer;box-shadow:3px 4px 0 rgba(var(--color-shadow-rgb), .9), 3px 5px 10px rgba(var(--color-shadow-rgb), .12);transition:background-color var(--transition-theme), border-color var(--transition-theme), box-shadow .15s, filter .15s, transform .1s;border-radius:14px;justify-content:center;align-items:center;display:flex;position:relative}.icon-box:hover{background-color:rgba(var(--color-shadow-rgb), .06);filter:brightness(1.03)}.icon-box:active{box-shadow:1px 2px 0 rgba(var(--color-shadow-rgb), .9), 1px 3px 6px rgba(var(--color-shadow-rgb), .12);transform:translate(2px,2px)}.mood-icon-svg{width:35px;height:35px}[data-theme=ocean] .icon-box,[data-theme=forest] .icon-box,[data-theme=midnight] .icon-box{background-position:50%;background-repeat:no-repeat;background-size:contain}[data-theme=midnight] .icon-box{background-color:#f0ede4e6;border-color:#f0ede4fa;box-shadow:5px 5px #080e1cb8,0 8px 20px #00000057}[data-theme=ocean] .mood-icon-svg,[data-theme=forest] .mood-icon-svg,[data-theme=midnight] .mood-icon-svg{display:none}[data-theme=ocean] .icon-box[data-mood=lofi]{background-image:url(/img/blue-theme/01-music-lofi.png)}[data-theme=ocean] .icon-box[data-mood=jazz]{background-image:url(/img/blue-theme/02-music-jazz.png)}[data-theme=ocean] .icon-box[data-mood=piano]{background-image:url(/img/blue-theme/03-music-piano.png)}[data-theme=ocean] .icon-box[data-mood=classical]{background-image:url(/img/blue-theme/04-music-classical.png)}[data-theme=ocean] .icon-box[data-mood=acoustic]{background-image:url(/img/blue-theme/05-music-acoustic.png)}[data-theme=ocean] .icon-box[data-mood=kalimba]{background-image:url(/img/blue-theme/06-music-kalimba.png)}[data-theme=ocean] .icon-box[data-mood=k-pop]{background-image:url(/img/blue-theme/07-music-kpop.png)}[data-theme=ocean] .icon-box[data-mood=cafe]{background-image:url(/img/blue-theme/08-music-cafe.png)}[data-theme=ocean] .icon-box[data-mood=library]{background-image:url(/img/blue-theme/09-music-library.png)}[data-theme=ocean] .icon-box[data-mood=nature]{background-image:url(/img/blue-theme/10-music-nature.png)}[data-theme=forest] .icon-box[data-mood=lofi]{background-image:url(/img/green-theme/01-music-lofi.png)}[data-theme=forest] .icon-box[data-mood=jazz]{background-image:url(/img/green-theme/02-music-jazz.png)}[data-theme=forest] .icon-box[data-mood=piano]{background-image:url(/img/green-theme/03-music-piano.png)}[data-theme=forest] .icon-box[data-mood=classical]{background-image:url(/img/green-theme/04-music-classical.png)}[data-theme=forest] .icon-box[data-mood=acoustic]{background-image:url(/img/green-theme/05-music-acoustic.png)}[data-theme=forest] .icon-box[data-mood=kalimba]{background-image:url(/img/green-theme/06-music-kalimba.png)}[data-theme=forest] .icon-box[data-mood=k-pop]{background-image:url(/img/green-theme/07-music-kpop.png)}[data-theme=forest] .icon-box[data-mood=cafe]{background-image:url(/img/green-theme/08-music-cafe.png)}[data-theme=forest] .icon-box[data-mood=library]{background-image:url(/img/green-theme/09-music-library.png)}[data-theme=forest] .icon-box[data-mood=nature]{background-image:url(/img/green-theme/10-music-nature.png)}[data-theme=midnight] .icon-box[data-mood=lofi]{background-image:url(/img/midnight-theme/01-music-lofi.png)}[data-theme=midnight] .icon-box[data-mood=jazz]{background-image:url(/img/midnight-theme/02-music-jazz.png)}[data-theme=midnight] .icon-box[data-mood=piano]{background-image:url(/img/midnight-theme/03-music-piano.png)}[data-theme=midnight] .icon-box[data-mood=classical]{background-image:url(/img/midnight-theme/04-music-classical.png)}[data-theme=midnight] .icon-box[data-mood=acoustic]{background-image:url(/img/midnight-theme/05-music-acoustic.png)}[data-theme=midnight] .icon-box[data-mood=kalimba]{background-image:url(/img/midnight-theme/06-music-kalimba.png)}[data-theme=midnight] .icon-box[data-mood=k-pop]{background-image:url(/img/midnight-theme/07-music-kpop.png)}[data-theme=midnight] .icon-box[data-mood=cafe]{background-image:url(/img/midnight-theme/08-music-cafe.png)}[data-theme=midnight] .icon-box[data-mood=library]{background-image:url(/img/midnight-theme/09-music-library.png)}[data-theme=midnight] .icon-box[data-mood=nature]{background-image:url(/img/midnight-theme/10-music-nature.png)}.mood-label{text-transform:capitalize;letter-spacing:1px;cursor:var(--cursor-default), default;font-size:75%;position:relative;bottom:0%}.mood-selected-badge{background-color:rgba(var(--color-bg-rgb), .69);width:56px;height:56px;color:var(--color-icon);pointer-events:none;border-radius:100%;justify-content:center;align-items:center;font-size:26px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(30deg)}.volume-slider-container{justify-content:space-between;align-items:center;width:90%;margin-top:40px;display:flex}#volumeSlider{appearance:none;background-color:var(--color-border);width:80%;height:3px;cursor:var(--cursor-default), default;border-radius:2px}#volumeSlider::-webkit-slider-thumb{appearance:none;background-color:var(--color-border);width:23px;height:23px;cursor:var(--cursor-grab), grab;border-radius:100%;transition:transform .1s}#volumeSlider::-webkit-slider-thumb:active{cursor:var(--cursor-grabbing), grabbing;transform:scale(1.15)}.audioIcon{cursor:var(--cursor-pointer), pointer;margin:0 15px;font-size:30px;transition:transform .15s,color .15s}.audioIcon:hover{transform:scale(1.12)}.audioIcon:active{transform:scale(.92)}.playPauseBtn{width:13%}.fa-pause{display:none}.stats-bar{background-color:var(--color-bg);border:solid 2px var(--color-border);width:fit-content;max-width:100%;box-shadow:5px 6px 0 rgba(var(--color-shadow-rgb), .9), 5px 8px 18px rgba(var(--color-shadow-rgb), .18);transition:background-color var(--transition-theme), border-color var(--transition-theme), box-shadow var(--transition-theme);border-radius:12px;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;row-gap:12px;margin:0 auto;padding:16px 28px;display:flex}.stat-item{align-items:center;gap:12px;padding:0 24px;display:flex}.stat-divider{background-color:var(--color-border);opacity:.6;flex-shrink:0;align-self:stretch;width:1.5px}.stat-icon{color:var(--color-icon);flex-shrink:0;font-size:22px}.stat-text{white-space:nowrap;flex-direction:column;line-height:1.35;display:flex}.stat-label{letter-spacing:1.3px;text-transform:uppercase;color:var(--color-accent-2);font-size:.62rem;font-weight:700}.stat-value{color:var(--color-text);font-size:1.05rem;font-weight:600}.stat-sub{letter-spacing:.4px;color:var(--color-accent-2);opacity:.85;font-size:.62rem}.feedback-launcher{z-index:898;min-height:44px;color:var(--color-text);background-color:var(--color-bg);border:2px solid var(--color-border);box-shadow:3px 3px 0 rgba(var(--color-shadow-rgb), .9);font:600 .66rem/1 var(--font-body);letter-spacing:.7px;cursor:var(--cursor-pointer), pointer;transition:color var(--transition-theme), background-color var(--transition-theme), border-color var(--transition-theme), box-shadow var(--transition-theme), transform .15s ease;border-radius:10px;align-items:center;gap:9px;padding:9px 13px;display:inline-flex;position:fixed;top:max(16px,2%);left:max(16px,2%)}.feedback-launcher i{font-size:1rem}.feedback-launcher:hover{box-shadow:4px 4px 0 rgba(var(--color-shadow-rgb), .9);transform:translate(-1px,-1px)}.feedback-launcher:active{box-shadow:1px 1px 0 rgba(var(--color-shadow-rgb), .9);transform:translate(2px,2px)}.feedback-launcher:focus-visible,.feedback-close-button:focus-visible,.feedback-preview-form input:focus-visible,.feedback-preview-form textarea:focus-visible,.feedback-submit-button:focus-visible{outline:3px solid var(--color-accent-4);outline-offset:3px}body.feedback-dialog-open{overflow:hidden}.feedback-dialog{width:min(680px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--color-text);background:0 0;border:0;margin:auto;padding:0;overflow:visible}.feedback-dialog[open]{animation:.22s cubic-bezier(.22,1,.36,1) feedback-window-in}.feedback-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#140c088a;animation:.18s ease-out feedback-backdrop-in}.feedback-window{background-color:var(--color-bg);border:2px solid var(--color-border);max-height:calc(100dvh - 32px);box-shadow:8px 9px 0 rgba(var(--color-shadow-rgb), .9);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.feedback-window-banner{min-height:52px;color:var(--color-banner-fg);background-color:var(--color-banner);border-bottom:2px solid var(--color-border);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:7px 9px 7px 16px;display:flex}.feedback-window-title{letter-spacing:1.1px;text-transform:uppercase;align-items:center;gap:10px;font-size:.72rem;font-weight:600;display:flex}.feedback-window-title i{font-size:1rem}.feedback-close-button{color:currentColor;width:38px;height:38px;cursor:var(--cursor-pointer), pointer;transition:background-color var(--transition-fast), transform var(--transition-fast);background:0 0;border:1.5px solid;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.feedback-close-button:hover{background-color:rgba(var(--color-shadow-rgb), .14)}.feedback-close-button:active{transform:scale(.92)}.feedback-window-body{min-height:0;padding:24px;overflow-y:auto}.feedback-intro{max-width:58ch;margin-bottom:20px}.feedback-intro h2{color:var(--color-text);font-family:var(--font-body);letter-spacing:.2px;text-wrap:balance;margin:0 0 7px;font-size:1.18rem;font-weight:600;line-height:1.3}.feedback-intro p{color:var(--color-text);letter-spacing:.35px;opacity:.88;text-wrap:pretty;margin:0;font-size:.72rem;line-height:1.65}.feedback-form-surface{--feedback-surface:var(--color-bg-alt);--feedback-control:var(--color-bg);--feedback-ink:var(--color-text);--feedback-border:var(--color-accent-2);--feedback-accent:var(--color-accent-4);--feedback-accent-ink:var(--color-icon-secondary);--feedback-shadow:var(--color-shadow);min-height:400px;color:var(--feedback-ink);background-color:var(--feedback-surface);border:2px solid var(--feedback-border);transition:color var(--transition-theme), background-color var(--transition-theme), border-color var(--transition-theme);border-radius:10px;padding:22px}.feedback-tally-frame{background-color:var(--feedback-surface);border:0;width:100%;min-height:500px;display:block}.feedback-privacy-note{color:var(--color-text);letter-spacing:.3px;opacity:.7;align-items:center;gap:8px;margin:14px 2px 0;font-size:.58rem;line-height:1.5;display:flex}.feedback-preview-label{color:var(--feedback-accent);letter-spacing:.8px;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:18px;font-size:.58rem;font-weight:600;display:inline-flex}.feedback-preview-label>span{background:var(--feedback-border);border-radius:50%;width:8px;height:8px}.feedback-preview-form{color:var(--feedback-ink);flex-direction:column;gap:20px;display:flex}.feedback-preview-form fieldset{border:0;min-width:0;padding:0}.feedback-preview-form legend,.feedback-field>span{color:var(--feedback-ink);letter-spacing:.35px;margin-bottom:9px;font-size:.68rem;font-weight:600;display:block}.feedback-field small{opacity:.72;font-size:.52rem;font-weight:400}.feedback-type-options{flex-wrap:wrap;gap:8px;display:flex}.feedback-type-options label{cursor:var(--cursor-pointer), pointer;flex:130px}.feedback-type-options input{opacity:0;pointer-events:none;position:absolute}.feedback-type-options span{min-height:42px;color:var(--feedback-ink);background-color:var(--feedback-control);border:1.5px solid var(--feedback-border);letter-spacing:.25px;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:.58rem;font-weight:500;transition:color .15s,background-color .15s,border-color .15s,transform .15s;display:flex}.feedback-type-options label:hover span{transform:translateY(-1px)}.feedback-type-options input:checked+span{color:var(--feedback-accent-ink);background-color:var(--feedback-accent);border-color:var(--feedback-accent)}.feedback-type-options input:focus-visible+span{outline:3px solid var(--feedback-accent);outline-offset:3px}.feedback-field textarea,.feedback-field input{width:100%;color:var(--feedback-ink);background-color:var(--feedback-control);border:1.5px solid var(--feedback-border);font:400 .64rem/1.5 var(--font-body);letter-spacing:.25px;resize:vertical;transition:color var(--transition-theme), background-color var(--transition-theme), border-color var(--transition-theme);border-radius:8px;padding:12px 13px}.feedback-field textarea::placeholder,.feedback-field input::placeholder{color:color-mix(in srgb, var(--feedback-ink) 82%, var(--feedback-control));opacity:1}.feedback-submit-button{min-height:44px;color:var(--feedback-accent-ink);background-color:var(--feedback-accent);border:2px solid var(--feedback-shadow);box-shadow:3px 3px 0 var(--feedback-shadow);font:600 .64rem/1 var(--font-body);letter-spacing:.5px;cursor:var(--cursor-pointer), pointer;border-radius:8px;justify-content:center;align-self:flex-start;align-items:center;gap:10px;padding:10px 16px;transition:background-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.feedback-submit-button:hover{background-color:color-mix(in srgb, var(--feedback-accent) 88%, var(--feedback-control));box-shadow:4px 4px 0 var(--feedback-shadow);transform:translate(-1px,-1px)}.feedback-submit-button:active{box-shadow:1px 1px 0 var(--feedback-shadow);transform:translate(2px,2px)}.feedback-submit-button:disabled{cursor:wait;opacity:.72;box-shadow:2px 2px 0 var(--feedback-shadow);transform:none}.feedback-preview-form fieldset:disabled,.survey-preview-form fieldset:disabled,.feedback-field input:disabled,.feedback-field textarea:disabled{opacity:.7}.feedback-form-error{color:var(--color-error);letter-spacing:.25px;align-items:flex-start;gap:8px;margin:-4px 0 0;font-size:.58rem;line-height:1.5;display:flex}.feedback-preview-success{min-height:300px;color:var(--feedback-ink);text-align:left;justify-content:center;align-items:center;gap:14px;display:flex}.feedback-success-icon{width:42px;height:42px;color:var(--feedback-accent-ink);background-color:var(--feedback-accent);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.feedback-preview-success strong{margin-bottom:5px;font-size:.78rem;display:block}.feedback-preview-success p{letter-spacing:.25px;max-width:36ch;margin:0;font-size:.62rem;line-height:1.55}.survey-dialog{width:min(720px,100vw - 32px)}.survey-intro{justify-content:space-between;align-items:flex-start;gap:24px;max-width:none;display:flex}.survey-intro>div{max-width:52ch}.survey-time-note{color:var(--color-text);background-color:var(--color-accent);letter-spacing:.3px;border-radius:8px;flex:none;align-items:center;gap:7px;margin-top:3px;padding:7px 9px;font-size:.55rem;font-weight:600;line-height:1;display:inline-flex}.survey-form-surface{min-height:440px}.survey-tally-frame{min-height:540px}.survey-preview-form{color:var(--feedback-ink);flex-direction:column;gap:22px;display:flex}.survey-preview-form fieldset{border:0;min-width:0;padding:0}.survey-preview-form legend{color:var(--feedback-ink);letter-spacing:.35px;margin-bottom:9px;font-size:.68rem;font-weight:600;display:block}.survey-preview-form legend small{opacity:.72;font-size:.52rem;font-weight:400}.survey-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.survey-choice-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.survey-choice-grid label{min-width:0;cursor:var(--cursor-pointer), pointer}.survey-choice-grid input{opacity:0;pointer-events:none;position:absolute}.survey-choice-grid span{min-height:42px;color:var(--feedback-ink);background-color:var(--feedback-control);border:1.5px solid var(--feedback-border);letter-spacing:.2px;text-align:center;border-radius:8px;justify-content:center;align-items:center;padding:8px 10px;font-size:.56rem;font-weight:500;line-height:1.35;transition:color .15s,background-color .15s,border-color .15s,transform .15s;display:flex}.survey-choice-grid label:hover span{transform:translateY(-1px)}.survey-choice-grid input:checked+span{color:var(--feedback-accent-ink);background-color:var(--feedback-accent);border-color:var(--feedback-accent)}.survey-choice-grid input:focus-visible+span{outline:3px solid var(--feedback-accent);outline-offset:3px}.survey-submit-button{align-self:flex-end}.survey-footer{justify-content:space-between;align-items:center;gap:16px;margin-top:12px;display:flex}.survey-footer .feedback-privacy-note{margin:0}.survey-later-button{color:var(--color-text);font:500 .58rem/1 var(--font-body);letter-spacing:.35px;text-underline-offset:3px;cursor:var(--cursor-pointer), pointer;opacity:.78;background:0 0;border:0;flex:none;padding:8px 4px;text-decoration:underline}.survey-later-button:hover{opacity:1}.survey-later-button:focus-visible{outline:3px solid var(--color-accent-4);outline-offset:3px}.survey-complete-state{min-height:390px;color:var(--feedback-ink);justify-content:center;align-items:center;gap:14px;display:flex}.survey-complete-state strong{margin-bottom:5px;font-size:.82rem;display:block}.survey-complete-state p{letter-spacing:.25px;max-width:38ch;margin:0;font-size:.62rem;line-height:1.55}@keyframes feedback-window-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes feedback-backdrop-in{0%{opacity:0}to{opacity:1}}@media only screen and (width<=600px){.feedback-launcher{justify-content:center;width:44px;padding:0}.feedback-launcher~.container{padding-top:72px}.feedback-launcher span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.feedback-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.feedback-window{max-height:calc(100dvh - 20px);box-shadow:5px 6px 0 rgba(var(--color-shadow-rgb), .9)}.feedback-window-body{padding:18px 14px}.feedback-form-surface{min-height:380px;padding:16px 12px}.feedback-type-options{flex-direction:column}.feedback-type-options label{flex-basis:auto}.feedback-submit-button{width:100%}.survey-intro{display:block}.survey-time-note{margin-top:12px}.survey-choice-grid,.survey-choice-grid-four{grid-template-columns:1fr}.survey-form-surface{min-height:420px}.survey-footer{flex-direction:column-reverse;align-items:flex-start}.survey-submit-button{width:100%}}@media (prefers-reduced-motion:reduce){.feedback-dialog[open],.feedback-dialog::backdrop{animation:none}.feedback-launcher,.feedback-close-button,.feedback-type-options span,.survey-choice-grid span,.feedback-submit-button{transition-duration:.01ms}}@media only screen and (width>=1510px){html:not(:fullscreen) .bannerAndBody{border:solid var(--color-border) 2px}html:not(:fullscreen) .pop-up-box{border:solid var(--color-border) 2px}html:not(:fullscreen) .start-btn{border:solid var(--color-border) 2px}html:not(:fullscreen) #apply-btn{border:solid var(--color-border) 2px}html:not(:fullscreen) .icon-box{border:solid var(--color-border) 2px}html:not(:fullscreen) .quote-container{border:solid var(--color-border) 2px}html:not(:fullscreen) .task-lable-container{border-bottom:solid var(--color-border) 2px}html:not(:fullscreen) input[type=checkbox]{outline:solid var(--color-border) 2px;width:23px;height:23px}html:not(:fullscreen) .windows-btn{width:30px;height:30px}html:not(:fullscreen) .bannerAndBody{width:40%}html:not(:fullscreen) .row{margin-bottom:5%}html:not(:fullscreen) .container{padding:24px 6% 10px;font-size:140%}html:not(:fullscreen) .main-mood-container{gap:40px 30px}html:not(:fullscreen) .icon-box{background-size:50px;width:100px;height:100px}:is(html:not(:fullscreen) [data-theme=ocean] .icon-box,html:not(:fullscreen) [data-theme=forest] .icon-box,html:not(:fullscreen) [data-theme=midnight] .icon-box){background-size:contain}html:not(:fullscreen) .mood-selected:before{background-size:24px;width:25px;height:25px}html:not(:fullscreen) #volumeSlider::-webkit-slider-thumb{width:33px;height:33px}html:not(:fullscreen) .audioIcon{font-size:150%}html:not(:fullscreen) .quoteClass{line-height:150%}}@media only screen and (width<=1510px){.bannerAndBody{width:40%}.container{font-size:100%}}@media only screen and (width<=1170px){.container{font-size:20px}.pop-up-box{width:90%}.main-mood-container{gap:15px 2%}.icon-box{transform-origin:top;transform:scale(.9)}}@media only screen and (width<=910px){.bannerAndBody{width:50%}.container{font-size:15px}}@media only screen and (width<=740px){.bannerAndBody{width:70%}.pop-up-box{width:100%}.timer-setting-box{font-size:140%;position:absolute;left:35%;transform:scale(.7)}.timer-setting-box .windows-btn{width:30px;height:30px}.timer-setting-box .close-btn{font-size:90%}.timer-clock{margin-top:-20px;font-size:350%}.timer-container{flex-direction:column}.timer-btn-container{margin:5px 0}.quote-container:before{transform:scale(.5)}.full-screen-btn,.exit-full-screen-btn{opacity:0;transform:scale(0)}.stats-bar{padding:14px 20px}.stat-item{padding:0 14px}}@media only screen and (width<=480px){.home-row{flex-direction:column}.timer-todo-column,.vibes-column{flex:100%}#preloader h1{font-size:200%}.bannerAndBody{width:90%}.timer-setting-box{font-size:120%;left:0;transform:scale(.7)}.timer-setting-box .windows-btn{width:40px;height:40px}.timer-setting-box .close-btn{font-size:90%}.container{transform-origin:top;padding:10px;font-size:20px;transform:scale(.9)}.timer-clock{letter-spacing:6px;font-size:270%}.tabs-container button{letter-spacing:1.4px;font-size:58%}.main-mood-container,.pop-up-box{width:100%}.stats-bar{row-gap:10px;padding:14px}.stat-divider{display:none}.stat-item{padding:0 10px}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:background-color var(--transition-theme), border-color var(--transition-theme), color var(--transition-theme), box-shadow var(--transition-theme);margin:0;padding:0}:focus{outline:none}html{color:var(--color-text);font-family:var(--font-body);letter-spacing:2px;text-rendering:optimizelegibility;cursor:var(--cursor-default), auto;font-size:20px;font-weight:400;overflow-x:hidden}body{background-color:var(--color-bg)}a{color:var(--color-text);cursor:var(--cursor-pointer), pointer}@keyframes pop-in{0%{opacity:0;transform:scale(.94)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}h1{text-shadow:var(--color-accent) 4px 4px;text-transform:capitalize;text-align:center;font-size:250%;font-weight:400;font-family:var(--font-display);transition:text-shadow var(--transition-theme);margin:0}