.small-card-wrapper{aspect-ratio:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;background:#0003;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:min(15rem,100%);max-width:20rem;height:min(15rem,90vw);padding:1rem;display:flex;overflow:hidden}@media (min-width:769px) and (max-width:1024px){.small-card-wrapper{width:10rem;height:10rem}}@media (max-width:768px){.small-card-wrapper{background:#0003;border:1px solid #fff3;width:5.5rem;height:3.5rem;padding:.15rem}}
.small-chat-icon{opacity:.7;font-size:4rem;line-height:1}@media (max-width:768px){.small-chat-icon{font-size:1.5rem}}.small-chat-card{cursor:pointer;transition:opacity .2s}.small-chat-card:hover{opacity:.8}
.chat-history-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:800px;height:100%;max-height:90vh;padding:1rem;display:flex;overflow:hidden}@media (max-width:480px){.chat-history-container{max-height:100vh;padding:.5rem}}.chat-history-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.chat-history-title{color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #ffffffe6;font-family:Times New Roman,Times,serif;font-size:clamp(1.5rem,5vw,2rem);font-weight:400}.chat-history-clear{cursor:pointer;color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke:.5px #ffffffb3;background:0 0;border:1px solid #ffffff4d;padding:.5rem 1rem;font-family:Times New Roman,Times,serif;font-size:1rem;transition:all .2s}.chat-history-clear:hover{-webkit-text-stroke:.5px #fff;border-color:#fff9}.chat-history-list{flex-direction:column;flex:1;gap:1.5rem;padding-right:1rem;display:flex;overflow-y:auto}@media (max-width:480px){.chat-history-list{gap:1rem;padding-right:.25rem}}.chat-history-item{border:1px solid #ffffff26;border-radius:8px;padding:1rem}.chat-history-timestamp{opacity:.5;color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke:.3px #ffffffb3;margin-bottom:.75rem;font-family:Times New Roman,Times,serif;font-size:.85rem}.chat-history-user,.chat-history-assistant{flex-direction:column;gap:.25rem;margin-bottom:.75rem;display:flex}.chat-history-assistant{margin-bottom:0}.chat-history-label{opacity:.6;color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke:.4px #fffc;font-family:Times New Roman,Times,serif;font-size:.9rem}.chat-history-message{word-wrap:break-word;color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke:.5px #ffffffe6;font-family:Times New Roman,Times,serif;font-size:1.1rem;font-weight:400;line-height:1.4}.chat-history-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;display:flex}.chat-history-empty p{color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #ffffffe6;font-family:Times New Roman,Times,serif;font-size:clamp(1.5rem,5vw,2rem);font-weight:400}.chat-history-hint{opacity:.5;-webkit-text-stroke:.5px #ffffffb3!important;font-size:1rem!important}.chat-history-footer{text-align:center;opacity:.4;color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke:.4px #ffffffb3;flex-shrink:0;margin-top:1rem;font-family:Times New Roman,Times,serif;font-size:.9rem}.chat-history-list::-webkit-scrollbar{width:6px}.chat-history-list::-webkit-scrollbar-track{background:0 0}.chat-history-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.chat-history-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}
.thumbnail{--button_radius:.75em;--button_color:#000;--button_outline_color:#fff;cursor:pointer;border-radius:var(--button_radius);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-sizing:border-box;aspect-ratio:1;background:0 0;border:none;width:100%;padding:0;font-size:17px;font-weight:700;display:block;position:relative}.thumbnail[style*="aspect-ratio: auto"]{aspect-ratio:auto;height:auto}.thumbnail .button_top{box-sizing:border-box;border:2px solid var(--button_outline_color);border-radius:var(--button_radius);background:var(--button_color);color:var(--button_outline_color);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:.75em;transition:transform .1s;display:flex;overflow:hidden;transform:translateY(-.2em)}.thumbnail:hover .button_top{transform:translateY(-.33em)}.thumbnail:active .button_top,.thumbnail.clicked .button_top{transform:translateY(0)}.task-thumbnail.completed{filter:grayscale();cursor:not-allowed;pointer-events:none}.task-thumbnail.completed:hover .button_top,.task-thumbnail.completed:active .button_top,.task-thumbnail.completed.clicked .button_top{transform:translateY(-.2em)}.thumbnail.add-button .button_top{background:0 0;border-style:dashed}
.habit-thumbnail-content{width:100%;height:100%;color:inherit;justify-content:center;align-items:center;display:flex;position:relative}.habit-thumbnail-bg-number{opacity:.15;pointer-events:none;-webkit-user-select:none;user-select:none;color:inherit;justify-content:center;align-items:center;font-size:clamp(4rem,10vw,8rem);font-weight:800;display:flex;position:absolute;inset:0}.habit-thumbnail-title{text-align:center;word-break:break-word;-webkit-line-clamp:4;opacity:.9;z-index:1;color:inherit;-webkit-box-orient:vertical;padding:0 .5rem;font-size:clamp(.9rem,2.5vw,1.2rem);line-height:1.3;display:-webkit-box;position:relative;overflow:hidden}.habit-thumbnail.add-button .button_top{opacity:.8;border-style:dashed}.add-icon{color:inherit;opacity:.5;font-size:clamp(3rem,10vw,4rem);font-weight:100}@media (max-width:768px){.habit-thumbnail-bg-number{opacity:.9;color:inherit;font-size:1.5rem}.habit-thumbnail-title{display:none}}
.task-thumbnail-content{flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;position:relative}.task-thumbnail.up-next{box-shadow:0 0 0 2px var(--button_outline_color)}.task-thumbnail-bg-number{opacity:.08;pointer-events:none;-webkit-user-select:none;user-select:none;color:inherit;justify-content:center;align-items:center;font-size:clamp(3rem,10vw,4rem);font-weight:800;display:flex;position:absolute;inset:0}.task-thumbnail-title{color:inherit;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:.5rem;font-family:Times New Roman,Times,serif;font-size:clamp(1rem,5vw,1.2rem);font-weight:400;line-height:1.2;display:-webkit-box;position:relative;overflow:hidden}.task-thumbnail-time{color:inherit;opacity:.7;text-align:right;font-family:monospace;font-size:clamp(.7rem,3vw,.9rem);position:relative}.task-thumbnail.add-button{justify-content:center;align-items:center;display:flex}.add-icon{color:inherit;opacity:.5;font-size:clamp(3rem,15vw,5rem);font-weight:100}
.celebration-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;cursor:pointer;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s celebrationFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes celebrationFadeIn{0%{opacity:0}to{opacity:1}}.celebration-confetti-container{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.celebration-confetti-particle{top:-20px;left:var(--confetti-left);width:var(--confetti-size);height:calc(var(--confetti-size)*.6);background:var(--confetti-color);opacity:.9;animation:confettiFall var(--confetti-duration)ease-out var(--confetti-delay)forwards;transform:rotate(var(--confetti-rotation));border-radius:2px;position:absolute}@keyframes confettiFall{0%{transform:translateY(0)rotate(var(--confetti-rotation))scale(1);opacity:1}to{transform:translateY(100vh)rotate(calc(var(--confetti-rotation) + 720deg))scale(.5);opacity:0}}.celebration-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;cursor:default;background:linear-gradient(135deg,#ffffff26 0%,#ffffff14 100%);border:1px solid #ffffff40;border-radius:24px;width:90%;max-width:320px;padding:2.5rem 3rem;animation:.4s cubic-bezier(.34,1.56,.64,1) celebrationBounceIn;position:relative;box-shadow:0 8px 32px #0000004d,0 0 60px #ffd70026,inset 0 1px #fff3}@keyframes celebrationBounceIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.celebration-emoji{margin-bottom:.75rem;font-size:4rem;line-height:1;animation:.3s ease-out .2s backwards celebrationPopIn}@keyframes celebrationPopIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.celebration-message{color:#fffffff2;margin-bottom:.5rem;font-family:Times New Roman,Times,serif;font-size:1.5rem;font-weight:500;animation:.3s ease-out .3s backwards celebrationSlideUp}@keyframes celebrationSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.celebration-name{color:#ffffffbf;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-bottom:.75rem;font-size:1.1rem;animation:.3s ease-out .35s backwards celebrationSlideUp;overflow:hidden}.celebration-reward{color:#1a1a1a;background:linear-gradient(135deg,gold 0%,orange 100%);border-radius:20px;margin-bottom:.75rem;padding:.35rem .75rem;font-size:.9rem;font-weight:600;animation:.3s ease-out .4s backwards celebrationSlideUp;display:inline-block}.celebration-checkmark{color:#fff;background:linear-gradient(135deg,#32cd32 0%,#228b22 100%);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;animation:.3s ease-out .5s backwards celebrationPopIn;display:flex;position:absolute;bottom:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #32cd3266}@media (prefers-reduced-motion:reduce){.celebration-backdrop,.celebration-card,.celebration-emoji,.celebration-message,.celebration-name,.celebration-reward,.celebration-checkmark{animation:none}.celebration-confetti-particle{animation:none;display:none}}@media (max-width:480px){.celebration-card{border-radius:20px;padding:2rem}.celebration-emoji{font-size:3rem}.celebration-message{font-size:1.25rem}.celebration-name{font-size:1rem}}
.habit-task-viewer-container{flex-direction:column;width:100%;max-width:1200px;height:100%;max-height:90vh;display:flex;position:relative;overflow-y:auto}.habit-task-viewer-edit-button{cursor:pointer;color:#ffffffb3;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;padding:.75rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.habit-task-viewer-edit-button:hover{color:#ffffffe6;background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.habit-task-viewer-edit-button:active{transform:scale(.95)}.habit-task-viewer-content{flex-direction:column;flex:1;gap:2rem;padding:4rem 1rem 1rem;display:flex;overflow-y:auto}.habit-task-viewer-section{flex-direction:column;gap:1rem;display:flex}.habit-task-viewer-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;width:100%;padding:1rem;display:flex}.habit-task-viewer-grid>*{flex:none;min-width:140px;max-width:140px}.habit-grid>*{min-width:200px;max-width:200px}.habit-task-viewer-container::-webkit-scrollbar{width:8px}.habit-task-viewer-content::-webkit-scrollbar{width:8px}.habit-task-viewer-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.habit-task-viewer-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.habit-task-viewer-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.habit-task-viewer-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}@media (max-width:1024px){.habit-task-viewer-content{gap:1.5rem}.habit-task-viewer-grid{gap:1rem}.habit-task-viewer-grid>*{min-width:120px;max-width:120px}.habit-grid>*{min-width:180px;max-width:180px}}@media (max-width:768px){.habit-task-viewer-container{max-height:100vh}.habit-task-viewer-content{gap:1rem;padding:3.5rem .75rem .75rem}.habit-task-viewer-grid{gap:1rem;padding:.75rem}.habit-task-viewer-edit-button{padding:.5rem;top:.75rem;right:.75rem}}@media (max-width:480px){.habit-task-viewer-content{gap:.75rem;padding:3rem .5rem .5rem}.habit-task-viewer-grid{gap:.75rem;padding:.5rem}.habit-task-viewer-grid>*{min-width:100px;max-width:100px}.habit-grid>*{min-width:160px;max-width:160px}.habit-task-viewer-container::-webkit-scrollbar{width:4px}.habit-task-viewer-content::-webkit-scrollbar{width:4px}}
.small-tasker-card{cursor:pointer;border-color:var(--task-border-color,#ffffff1a);transition:opacity .2s,border-color .3s}.small-tasker-card:hover{opacity:.8}.small-tasker-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.small-tasker-bg-number{opacity:.08;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:clamp(6rem,15vw,13rem);font-weight:800;display:flex;position:absolute;inset:0}.small-tasker-title{text-align:center;word-break:break-word;-webkit-line-clamp:4;opacity:.9;-webkit-box-orient:vertical;padding:0 .5rem;font-size:clamp(1rem,3vw,1.5rem);line-height:1.3;display:-webkit-box;position:relative;overflow:hidden}.small-tasker-icon{opacity:.7;font-size:clamp(2.5rem,6vw,4rem);line-height:1}@media (max-width:768px){.small-tasker-bg-number{opacity:.9;color:#fff;font-size:1.5rem}.small-tasker-title{display:none}.small-tasker-icon{font-size:1.5rem}}@media (min-width:769px) and (max-width:1024px){.small-tasker-bg-number{font-size:clamp(4rem,12vw,8rem)}.small-tasker-title{-webkit-line-clamp:3;padding:0 .75rem}}
.streak-dashboard-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-auto-rows:max-content;gap:1.5rem;padding:1rem;display:grid;overflow-y:auto}.streak-item{justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.streak-item-bg-number{color:currentColor;opacity:.15;z-index:0;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;font-size:6rem;font-weight:800;line-height:1;display:flex;position:absolute;top:0;left:0}.streak-item-name{z-index:1;text-align:center;color:var(--button_outline_color);word-break:break-word;padding:.5rem;font-size:1rem;font-weight:700;position:relative}@media (max-width:1024px){.streak-dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.streak-item-bg-number{font-size:5rem}.streak-item-name{font-size:.9rem}}@media (max-width:480px){.streak-dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;padding:.5rem}.streak-item-bg-number{font-size:4rem}.streak-item-name{font-size:.8rem}}.streak-dashboard-empty{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.streak-empty-icon{opacity:.5;margin-bottom:1rem;font-size:4rem}.streak-empty-text{color:#ffffffb3;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.streak-empty-subtext{color:#ffffff80;font-size:1rem}.streak-dashboard-grid::-webkit-scrollbar{width:8px}.streak-dashboard-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.streak-dashboard-grid::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}
.tasker-container{flex-direction:column;width:100%;max-width:1200px;height:100%;max-height:90vh;display:flex;position:relative}.tasker-content{flex:1;gap:2rem;display:flex;overflow:hidden}.tasker-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-auto-rows:max-content;gap:1.5rem;padding:1rem;display:grid;overflow-y:auto}.tasker-detail{flex:0 0 500px;justify-content:center;align-items:center;display:flex;position:relative;overflow-y:auto}.tasker-grid::-webkit-scrollbar{width:8px}.tasker-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.tasker-grid::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}@media (max-width:1024px){.tasker-content{gap:1.5rem}.tasker-detail{flex:0 0 400px}.tasker-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}}@media (max-width:768px){.tasker-container{max-height:100vh}.tasker-content{flex-direction:column;gap:0}.tasker-grid{flex:1;gap:1rem;max-height:none;padding:.75rem}.tasker-content:has(.tasker-detail) .tasker-grid{display:none}.tasker-detail{flex:1;width:100%;min-height:0}}@media (max-width:480px){.tasker-content{gap:.5rem}.tasker-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;padding:.5rem}.tasker-grid::-webkit-scrollbar{width:4px}}
.analytics-container{flex-direction:column;flex:1;padding:1rem;display:flex;overflow:hidden}.analytics-tabs{border-bottom:1px solid #ffffff1a;gap:.5rem;margin-bottom:2rem;display:flex}.analytics-tab{color:#fff9;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s}.analytics-tab:hover{color:#fffc}.analytics-tab.active{color:#ffffffe6;border-bottom-color:#ff6b6b}.analytics-content{flex:1;overflow-y:auto}.weekly-progress,.monthly-progress{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.progress-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.progress-header h3{color:#ffffffe6;margin:0;font-size:1.5rem;font-weight:600}.progress-stats{gap:2rem;display:flex}.stat-item{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.stat-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.stat-value{color:#ffffffe6;font-size:1.5rem;font-weight:700}.completion-chart{width:100%}.chart-bars{justify-content:space-between;align-items:flex-end;gap:.5rem;height:300px;padding:1rem 0;display:flex}.chart-bar-container{flex-direction:column;flex:1;align-items:center;min-width:40px;height:100%;display:flex}.chart-bar{background:linear-gradient(#ff8787,#ff6b6b);border-radius:4px 4px 0 0;justify-content:center;align-items:flex-start;width:100%;min-height:4px;padding-top:.5rem;transition:all .2s;display:flex;position:relative}.chart-bar:hover{opacity:.8;transform:scaleY(1.05)}.chart-bar-value{color:#ffffffe6;background:#0000004d;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.chart-bar-label{color:#fff9;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:.5rem;font-size:.75rem;overflow:hidden}.time-pattern-chart{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.heatmap-grid{grid-template-columns:repeat(6,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.heatmap-cell{aspect-ratio:1;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.heatmap-cell:hover{z-index:1;transform:scale(1.1);box-shadow:0 4px 12px #ff6b6b66}.heatmap-hour{color:#ffffffe6;margin-bottom:.25rem;font-size:.75rem;font-weight:600}.heatmap-count{color:#fffc;font-size:.65rem;font-weight:500}.heatmap-legend{color:#fff9;justify-content:center;align-items:center;gap:1rem;font-size:.75rem;display:flex}.legend-gradient{background:linear-gradient(90deg,#ff6b6b33,#ff6b6b);border-radius:6px;width:200px;height:12px}.analytics-content::-webkit-scrollbar{width:8px}.analytics-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.analytics-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}@media (max-width:768px){.analytics-container{padding:.75rem}.analytics-tabs{gap:.25rem;margin-bottom:1.5rem}.analytics-tab{padding:.5rem 1rem;font-size:.9rem}.weekly-progress,.monthly-progress,.time-pattern-chart{padding:1.5rem}.progress-header{flex-direction:column;align-items:flex-start;gap:1rem}.progress-stats{gap:1.5rem}.chart-bars{gap:.25rem;height:200px}.heatmap-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}}@media (max-width:480px){.analytics-container{padding:.5rem}.analytics-tabs{flex-wrap:wrap}.analytics-tab{padding:.5rem .75rem;font-size:.85rem}.weekly-progress,.monthly-progress,.time-pattern-chart{padding:1rem}.chart-bars{height:150px}.heatmap-grid{grid-template-columns:repeat(3,1fr)}}
.small-settings-icon{opacity:.7;font-size:4rem;line-height:1}@media (max-width:768px){.small-settings-icon{font-size:1.5rem}}.small-settings-card{cursor:pointer;transition:opacity .2s}.small-settings-card:hover{opacity:.8}
.settings-container{color:#fff;background-color:#0000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.settings-grid{flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;padding:1rem;display:flex}.settings-grid>*{aspect-ratio:1/3;--button_color:transparent;flex:none;width:200px}@media (max-width:1024px){.settings-grid{gap:1.5rem}.settings-grid>*{width:180px}}@media (max-width:480px){.settings-grid{gap:.75rem}.settings-grid>*{width:160px}}
.task-card{background:var(--task-bg-color,#0003);border:1px solid var(--task-border-color,#ffffff1a);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-sizing:border-box;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:450px;min-height:min(600px,70vh);max-height:80vh;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow-y:auto}.task-card::-webkit-scrollbar{width:4px}.task-card::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.task-card.landscape{flex-direction:row;max-width:900px;min-height:450px}@media (max-width:900px){.task-card.landscape{flex-direction:column;max-width:450px}}.task-card.completed{background:#00ff640d;border-color:#00ff6466}.task-card-header{text-align:center;flex:none;width:100%;margin-bottom:2.25rem}.task-card.landscape .task-card-header{border-bottom:none;border-right:1px solid #ffffff1a;flex-direction:column;flex:0 0 40%;justify-content:center;align-items:center;margin-bottom:0;margin-right:2.25rem;padding-right:2.25rem;display:flex}@media (max-width:900px){.task-card.landscape .task-card-header{border-bottom:1px solid #ffffff1a;border-right:none;flex:none;margin-bottom:1.5rem;margin-right:0;padding-bottom:1.5rem;padding-right:0}}.task-card-title{text-align:center;word-wrap:break-word;color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #ffffffe6;margin-bottom:.75rem;font-family:Times New Roman,Times,serif;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:400;line-height:1.1}.task-card-body{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.task-card-reward{color:#fffffff2;text-align:center;margin-bottom:2rem;font-family:Times New Roman,Times,serif;font-size:clamp(8rem,25vw,22.5rem);font-weight:700;line-height:1}.task-card-description{color:#ffffffe6;white-space:pre-wrap;text-align:center;max-width:100%;margin-bottom:3rem;font-size:clamp(1rem,4vw,1.65rem);line-height:1.5}.task-card-edit-button{cursor:pointer;color:#ffffffb3;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:absolute;top:1rem;left:1rem}.task-card-edit-button:hover{color:#ffffffe6;background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.task-card-edit-button:active{transform:scale(.95)}.task-complete-button{color:#ffffffe6;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;border:1px solid #fff3;border-radius:12px;padding:1rem 2rem;font-size:1.2rem;transition:all .3s}.task-complete-button:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-2px)}.task-completed-badge{color:#00ff64;text-shadow:0 0 10px #00ff6480;font-size:1.2rem;font-weight:700}
.reminder-pile-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.reminder-pile-stack{justify-content:center;align-items:center;width:100%;max-width:500px;height:min(650px,60vh);display:flex;position:relative}.reminder-card-wrapper{justify-content:center;width:100%;max-height:100%;transition:all .3s ease-in-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reminder-controls{z-index:10;flex-shrink:0;margin-top:2rem}@media (max-width:480px){.reminder-pile-stack{height:55vh}.reminder-controls{margin-top:1rem}}.dismiss-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:2rem;padding:.8rem 2rem;font-size:1rem;transition:all .2s}.dismiss-btn:hover{background:#fff3;transform:scale(1.05)}.empty-reminder{color:#ffffff80}
.habit-card{background:var(--habit-bg-color,#0003);border:1px solid var(--habit-border-color,#ffffff1a);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-sizing:border-box;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:450px;min-height:min(600px,70vh);max-height:80vh;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow-y:auto}.habit-card.completed{background:#00ff640d;border-color:#00ff6466}.habit-card-header{text-align:center;flex:none;width:100%;margin-bottom:2.25rem}.habit-card-title{text-align:center;word-wrap:break-word;color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #ffffffe6;margin-bottom:.75rem;font-family:Times New Roman,Times,serif;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:400;line-height:1.1}.habit-card-frequency{color:#fff9;font-family:monospace;font-size:1rem}.habit-card-body{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.habit-card-reward{color:#fffffff2;text-align:center;margin-bottom:2rem;font-family:Times New Roman,Times,serif;font-size:clamp(8rem,25vw,15rem);font-weight:700;line-height:1}.habit-card-description{color:#ffffffe6;white-space:pre-wrap;text-align:center;max-width:100%;margin-bottom:3rem;font-size:clamp(1rem,4vw,1.4rem);line-height:1.5}.habit-complete-button{color:#ffffffe6;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;border:1px solid #fff3;border-radius:12px;padding:1rem 2rem;font-size:1.2rem;transition:all .3s}.habit-complete-button:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-2px)}.habit-completed-badge{color:#00ff64;text-shadow:0 0 10px #00ff6480;font-size:1.2rem;font-weight:700}.habit-card-edit-button{cursor:pointer;color:#ffffffb3;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:absolute;top:1rem;left:1rem}
.task-form{background:#0006;border-color:#fff6;justify-content:flex-start;align-items:stretch;height:auto;min-height:auto;max-height:none}.task-form-inner{flex-direction:column;gap:1rem;display:flex}.task-form .task-card-header{text-align:left;margin-bottom:1.5rem}.task-form .task-card-body{justify-content:flex-start;align-items:stretch}.task-card-created{display:none}.task-input{color:#fff;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;font-family:inherit}.task-input:focus{background:#ffffff0d;border-radius:4px}.title-input{color:#fff;text-align:left;border-bottom:1px solid #fff3;margin-bottom:.5rem;font-family:Times New Roman,Times,serif;font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1}.description-input{color:#ffffffe6;resize:vertical;box-sizing:border-box;background:#0003;border:1px solid #ffffff1a;border-radius:8px;width:100%;min-height:120px;padding:.75rem;font-size:1.1rem;line-height:1.5}.task-form-date-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.task-form-reward{flex-direction:column;justify-content:center;align-items:center;margin:1.5rem 0;display:flex}.reward-big-input{text-align:center;max-width:100%;font-family:Times New Roman,Times,serif;font-size:clamp(4rem,15vw,6rem);font-weight:700;line-height:1}.reward-big-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.reward-big-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.reward-big-input{-moz-appearance:textfield}.meta-input{color:#fff;background:0 0;border:none;flex:1;font-family:monospace}.meta-item{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.meta-label{text-transform:uppercase;color:#ffffff80;flex-shrink:0;width:70px;font-family:monospace;font-size:.8rem}.form-actions{border-top:1px solid #ffffff1a;flex-wrap:wrap;flex-shrink:0;justify-content:space-evenly;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.action-btn{cursor:pointer;text-transform:uppercase;text-align:center;border:none;border-radius:6px;flex:1;min-width:80px;padding:.6rem 1.2rem;font-family:monospace;font-weight:700;transition:all .2s}.action-btn:hover{opacity:.8;transform:translateY(-1px)}.save-btn{color:#000;background:#ffffffe6;position:relative}.save-btn.saved{color:#fff;background:#32ff3299;animation:.3s savedPulse}@keyframes savedPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.cancel-btn{color:#fff;background:#fff3}.delete-btn{color:#fff;background:#ff323266}.task-form .task-card-meta{flex-direction:row;justify-content:space-evenly;align-items:stretch;gap:1rem;margin-bottom:1rem;display:flex}@media (max-width:480px){.task-form .task-card-meta{flex-direction:column;align-items:center}}.meta-left{flex-direction:column;flex:1;gap:.5rem;width:100%;display:flex}.meta-right{border-left:1px solid #ffffff1a;justify-content:center;align-items:center;padding-left:1.5rem;display:flex}@media (max-width:480px){.meta-right{border-top:1px solid #ffffff1a;border-left:none;width:100%;padding-top:1rem;padding-left:0}}.color-picker-label{cursor:pointer;transition:transform .2s;display:block}.color-picker-label:hover{transform:scale(1.1)}.color-input-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.color-preview-square{background-color:var(--preview-bg-color,#000);border-style:solid;border-width:3px;border-color:var(--preview-border-color,#000);border-radius:8px;width:50px;height:50px;box-shadow:0 4px 12px #0006}
.edit-habit-task-content{box-sizing:border-box;flex-direction:column;width:100%;height:100%;padding:2rem;display:flex;position:relative;overflow-y:auto}.edit-habit-task-back{cursor:pointer;color:#ffffffb3;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;padding:.75rem;transition:all .2s;display:flex;position:absolute;top:2rem;right:2rem}.edit-habit-task-back:hover{color:#ffffffe6;background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.edit-habit-task-back:active{transform:scale(.95)}.edit-habit-task-grid-container{flex-direction:column;flex:1;gap:3rem;padding-top:4rem;display:flex;overflow-y:auto}.edit-habit-task-section{flex-direction:column;gap:1.5rem;display:flex}.edit-habit-task-section-title{color:#ffffffe6;text-align:center;margin:0;font-family:Times New Roman,Times,serif;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:400}.edit-habit-task-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-auto-rows:max-content;gap:1.5rem;padding:1rem;display:grid}.edit-habit-task-form-container{flex:1;justify-content:center;align-items:center;padding-top:4rem;display:flex}.edit-habit-task-content::-webkit-scrollbar{width:8px}.edit-habit-task-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.edit-habit-task-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}@media (max-width:768px){.edit-habit-task-content{padding:1rem}.edit-habit-task-back{padding:.5rem;top:1rem;right:1rem}.edit-habit-task-grid-container{gap:2rem;padding-top:3rem}.edit-habit-task-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;padding:.5rem}.edit-habit-task-form-container{padding-top:3rem}}@media (max-width:480px){.edit-habit-task-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}}
.center-wrapper{flex:1;justify-content:center;align-items:center;height:100%;display:flex;overflow:auto}