@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){body{align-items:stretch;padding:12px 0}.container{width:calc(100% - 24px);min-width:0;margin:0 12px}header{padding:16px 12px;margin-top:0;border-radius:12px 12px 0 0}h1{font-size:clamp(1.45rem,7vw,1.8rem)}.app-body{padding:16px 12px}#mail-btn{position:static;align-self:flex-end;margin:0 12px 8px;font-size:30px}#clock-wrapper{flex-direction:column;align-items:center;gap:8px;margin-bottom:12px}#clock-display,#timer-display{width:100%;max-width:100%;flex-shrink:1}#clock-display{width:min(320px,calc(100% - 24px))}.tag-input-container{align-items:stretch;flex-direction:row;gap:8px}#tag-input,.custom-dropdown{flex:1 1 0;width:0;min-width:0;margin-left:0}.dropdown-button{width:100%;min-width:0;padding:5px 8px}#exist-tag-button{min-width:0}#exist-tag-dropdown{width:100%;min-width:0;max-width:100%}.stats{flex-wrap:wrap;align-items:center;gap:10px}.stats #clear-tasks{order:1;width:100%;padding:8px}.footer{width:auto;margin:16px 12px 0;flex-wrap:wrap;gap:16px}#ko-fi-container{margin-left:0;text-align:left}.delete-btn{opacity:1;min-width:28px;min-height:28px}}