@font-face{font-family:Madeonmactrackpad-Regular;src:url(/assets/Madeonmactrackpad-Regular-CenBas0T.ttf) format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:Madeonmactrackpad2-Regular;src:url(/assets/Madeonmactrackpad2-Regular-CW2_p8X9.ttf) format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:Madeonmactrackpadicons-Regular;src:url(/assets/Madeonmactrackpadicons-Regular-VMqi73lz.ttf) format("truetype");font-display:swap;font-weight:lighter;font-style:normal}:root{--bg-color: #ffffff;--text-color: #000000;--container-bg: #ffffff;--header-bg: #e1e1e9;--task-item-bg: #e1e1e9;--border-color: #000000;--input-bg: #ffffff;--time-display: #ffffff;--icon-color: #000000;--icon-bg: #ffffff;--add-img: url(/assets/add-button-CuJvsWxP.png);--checked-img: url(/assets/checked-box-CVBIJ7bB.png);--delete-img: url(/assets/delete-GA22qP8A.png);--unchecked-img: url(/assets/unchecked-box-DsNGACyZ.png)}html[data-theme=dark]{--bg-color: #1a1a1a;--text-color: #ffffff;--container-bg: #2d2d2d;--header-bg: #3d3d3d;--task-item-bg: #3d3d3d;--border-color: #ffffff;--input-bg: "#3d3d3d";--time-display: "white";--add-img: url(/assets/add-button-dark-DYhB0ahh.png);--checked-img: url(/assets/checked-box-dark-Bio-TtAW.png);--unchecked-img: url(/assets/unchecked-box-dark-CZm0no-c.png);--delete-img: url(/assets/delete-dark-DuVmvZz1.png)}*{box-sizing:border-box;margin:0;padding:0;font-family:Madeonmactrackpad-Regular,Madeonmactrackpad2-Regular,Madeonmactrackpadicons-Regular,BlinkMacSystemFont}body{background:var(--bg-color);min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 0;margin:0;font-family:Madeonmactrackpad-Regular,Madeonmactrackpad2-Regular,Madeonmactrackpadicons-Regular,BlinkMacSystemFont;color:var(--text-color)}html[data-background=diary][data-theme=light] body{background-image:url(/assets/dilairyyy-bg-light-DXD0_as7.png);background-size:cover;background-repeat:no-repeat;background-position:center}html[data-background=diary][data-theme=dark] body{background-image:url(/assets/dilairyyy-bg-dark-0qvXW90A.png);background-size:cover;background-repeat:no-repeat;background-position:center}.container{background-color:var(--bg-color);border-radius:12px;border:.7px solid var(--border-color);width:100%;min-width:500px;max-width:600px;color:var(--text-color);margin:0 20px;align-items:center;z-index:1;position:relative}header{background-color:var(--bg-color);color:var(--text-color);margin-top:20px;padding:15px;text-align:center;border-bottom:.7px solid var(--border-color)}h1{font-size:2.2rem;margin-bottom:5px}#back-button{background-color:var(--input-bg);border:1px var(--border-color) solid;cursor:pointer;padding:10px;margin-left:20px;margin-top:20px;margin-right:auto;justify-self:left;font-family:Madeonmactrackpad-Regular;border-radius:5px;color:var(--text-color)}.subtitle{opacity:.8;font-weight:300}.app-body{padding:15px 25px 25px}.input-container{display:flex;margin-bottom:10px}.footer{border-color:transparent;margin-top:20px;margin-left:20px;margin-right:20px;display:flex;justify-content:space-between;align-items:center;width:100%}#new-task{flex:1;padding:0 14px;border:none;border-bottom:1px solid #e0e0e0;font-size:1rem;outline:none;transition:border-color .3s;background-color:var(--input-bg);color:var(--text-color)}#new-task:focus{border:none;border-bottom:2px solid #e1e1e9}#add-task{border:none;width:40px;height:40px;padding:5px;font-size:25px;transition:background .3s;background-position:center;cursor:pointer;background-color:transparent;color:var(--icon-color)}#add-task:hover{background-color:transparent;background-size:27px 27px;background-position:center;background-repeat:no-repeat}#task-list{list-style-type:none}.task-item{background:var(--bg-color);border-radius:8px;padding:12px;margin-bottom:12px;display:flex;align-items:center;transition:transform .3s ease,opacity .3s ease;color:var(--text-color);border:.4px var(--border-color) solid}.task-item:hover{transform:translateY(-2px)}.custom-checkbox-wrapper{display:flex;align-items:center;cursor:pointer;position:relative}.custom-checkbox-wrapper input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.custom-checkbox{display:inline-block;width:24px;height:24px;margin-right:12px;padding-bottom:20px;font-size:20px;color:var(--icon-color);transition:background-image .2s ease}.task-text{flex:1;font-size:1.1rem;transition:all .3s}.task-text.completed{text-decoration:line-through;color:#6c757d;opacity:.7}.tags-btn,.time-display-btn,.history-btn,.settings-btn{width:30px;height:30px;background-position:center;background-repeat:no-repeat;cursor:pointer;border:none;background-color:transparent;line-height:0;background-size:30px 30px;outline:none;transition:transform .2s ease;padding:0}.delete-btn{width:20px;height:20px;border:none;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:transparent;cursor:pointer;opacity:0;transition:all .3s ease;color:var(--icon-color)}.task-item:hover .delete-btn{opacity:1}.delete-btn:hover,.tags-btn:hover,.time-display-btn:hover,.history-btn:hover,.settings-btn:hover{transform:scale(1.1)}.buttons{text-align:right}.tags-btn,.settings-btn,.history-btn,.time-display-btn{color:var(--icon-color);font-size:27px}.settings-btn{font-size:29px}iframe{border:none;margin:0;padding:0;overflow:visible}#clock-wrapper{display:flex;justify-content:center;align-items:flex-start;gap:0px;width:100%;margin-bottom:20px}#clock-display,#timer-display{border:none;overflow:visible;flex-shrink:0}.clock-display,.timer-display{width:100%;height:100%;padding:0;display:flex;align-items:center;justify-content:center}.tag{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.75em;margin:2px 4px 0 0;color:#000}#clear-tasks{border-radius:4px;background-color:var(--container-bg);color:var(--text-color);padding:2px 7px;border:1px var(--text-color) solid}#learn-more{border-radius:4px;background-color:var(--bg-color);color:var(--text-color);margin-top:5px;margin-bottom:5px;padding:5px 7px;border:1px var(--text-color) solid}.tag-container{margin-top:4px}.tag-entry{display:flex;align-items:center;margin-bottom:1rem}.tag-sample{padding:5px 10px;border-radius:12px;margin-right:10px;color:#000;font-size:.9rem;min-width:60px;text-align:center}.tag-entry input[type=text]{margin-right:10px}#mail-btn{border-color:transparent;position:absolute;right:100px;top:20px;background-color:transparent;font-size:35px;color:var(--text-color)}#mail-btn:hover{transform:scale(1.1)}#ko-fi-container{margin-left:auto;text-align:right}.empty-state{text-align:center;padding:40px 20px;color:#6c757d}.empty-state img{width:100px;opacity:.5;margin-bottom:20px}.stats{display:flex;justify-content:space-between;margin-top:20px;padding-top:15px;border-top:1px solid #eee;color:#6c757d;font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 500px){.container{margin:10px}header{padding:20px 15px}h1{font-size:1.8rem}.app-body{padding:20px 15px}}