:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.battery-card{background:linear-gradient(145deg,#0d2230f5,#050f17f5);border:1px solid #17364a;border-radius:22px;margin-bottom:22px;padding:22px 18px;box-shadow:0 18px 45px #00000059}.battery-headline{color:#aebbc4;letter-spacing:1px;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:13px;font-weight:700;display:flex}.battery-headline strong{color:#fff;letter-spacing:0;font-size:18px}.battery{border:2px solid #21b8ff;border-radius:14px;padding:5px;position:relative;box-shadow:0 0 10px #21b8ff40,inset 0 0 10px #21b8ff14}.battery-inner{grid-template-columns:repeat(20,1fr);gap:3px;height:38px;display:grid}.battery-segment{background:#142938;border-radius:5px;min-width:0}.battery-segment.filled{background:linear-gradient(#78f57d 0%,#23d568 55%,#12a94c 100%);box-shadow:0 0 8px #34e66c8c}.battery-tip{border:2px solid #21b8ff;border-left:0;border-radius:0 5px 5px 0;width:7px;height:24px;position:absolute;top:12px;right:-9px}.battery-next{text-align:center;color:#62dc91;margin:10px 0 0;font-size:12px}.battery-quote{text-align:center;color:#d6dee4;margin:18px 0 0;font-size:14px;font-style:italic}.success-overlay{z-index:100;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.success-dialog{color:#f5f7fa;text-align:center;background:#142536;border:1px solid #31566d;border-radius:20px;width:100%;max-width:400px;padding:24px}.success-dialog h2{color:#62ccff}.success-task{margin:16px 0 24px;font-weight:700}.success-options{gap:10px;margin:24px 0;display:grid}.success-option{color:#fff;text-align:left;cursor:pointer;background:#1b3448;border:1px solid #31566d;border-radius:12px;padding:15px}.success-option span{margin-right:12px}.success-option.selected{background:#245476;border-color:#62ccff}.success-dialog .new-task-button,.success-dialog .back-button{width:100%}.empty-tasks{color:#8fa3b0;text-align:center;padding:20px 0;font-size:14px}.task-content .task-datetime{color:#62ccff;font-size:12px}.all-tasks-button{color:#62ccff;cursor:pointer;background:0 0;border:1px solid #31566d;border-radius:12px;width:100%;margin:12px 0 24px;padding:12px;font-size:14px;display:block}.all-tasks-button:hover{background:#193345}.proud-stars{text-align:center;color:#f5d76e;margin:12px 0 24px;font-size:14px}.level-title{text-align:center;color:#62ccff;margin:20px 0 12px}.level-history{text-align:center;color:#8fa3b0;margin-top:12px;font-size:13px}.home-menu-button{color:#fff;cursor:pointer;z-index:10;background:0 0;border:none;padding:8px;font-size:30px;position:absolute;top:20px;right:20px}.home-menu{z-index:20;background:#102b3d;border:1px solid #475569;border-radius:14px;flex-direction:column;gap:6px;min-width:190px;padding:10px;display:flex;position:absolute;top:70px;right:20px;box-shadow:0 8px 24px #0000004d}.home-menu button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:12px;font-size:15px}.home-menu button:hover{background:#486287}.welcome-card form{flex-direction:column;gap:12px;margin-top:25px;display:flex}.welcome-card label{color:#c3d4df;margin-top:10px;font-size:14px;font-weight:600}.welcome-card input,.welcome-card select{color:#fff;width:100%;font:inherit;background:#091b28;border:1px solid #31566d;border-radius:12px;outline:none;padding:15px;font-size:15px}.welcome-card input:focus,.welcome-card select:focus{border-color:#21b8ff;box-shadow:0 0 12px #21b8ff33}.welcome-card .new-task-button{margin-top:22px}.new-task-button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}.back-button{color:#8fa3b0;width:100%;font:inherit;cursor:pointer;background:0 0;border:none;margin-top:15px;padding:12px}.back-button:hover{color:#21b8ff}.welcome-card .add-time-button{color:#21b8ff;width:100%;font:inherit;cursor:pointer;background:#091b28;border:1px dashed #31566d;border-radius:12px;margin-top:10px;padding:14px;font-size:14px;font-weight:600}.welcome-card .add-time-button:hover{background:#102b3d;border-color:#21b8ff}.welcome-card .remove-time-button{color:#21b8ff;width:100%;font:inherit;cursor:pointer;background:#091b28;border:1px dashed #31566d;border-radius:12px;margin-top:10px;padding:14px;font-size:14px;font-weight:600}.welcome-card .remove-time-button:hover{background:#102b3d;border-color:#21b8ff}.category-select-row{align-items:center;gap:10px;display:flex}.category-select-row select{flex:1;min-width:0}.category-add-button{color:#38bdf8;cursor:pointer;background:0 0;border:1px solid #23576d;border-radius:12px;flex-shrink:0;width:52px;height:52px;font-size:24px}.weekday-selection{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.weekday-selection button{color:#8fa3b0;min-width:0;font:inherit;cursor:pointer;background:#091b28;border:1px solid #31566d;border-radius:10px;padding:12px 0;font-size:13px}.weekday-selection button.active{color:#091b28;background:#21b8ff;border-color:#21b8ff;font-weight:700}.category-icon-picker{grid-template-columns:repeat(6,1fr);gap:8px;margin:10px 0 18px;display:grid}.category-icon-button{aspect-ratio:1;justify-content:center;align-items:center;min-width:0;display:flex}.archive-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000812cc;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.archive-dialog{box-sizing:border-box;color:#fff;text-align:center;background:#0c2233;border:1px solid #32617d;border-radius:24px;width:100%;max-width:420px;max-height:90vh;padding:28px 22px;overflow-y:auto;box-shadow:0 15px 50px #00000080}.archive-icon{margin-bottom:12px;font-size:48px}.archive-dialog h2{margin:0 0 18px;font-size:25px}.archive-dialog p{color:#b9d4e7;line-height:1.6}.archive-dialog p strong{color:#38c5ff}.archive-info{color:#b9d4e7;background:#102d42;border:1px solid #24506b;border-radius:12px;margin:22px 0;padding:15px;font-size:14px;line-height:1.5}.archive-actions{gap:12px;display:flex}.archive-actions button{color:#fff;cursor:pointer;background:#17364d;border:1px solid #32617d;border-radius:12px;flex:1;min-height:48px;padding:12px 8px;font-size:14px;font-weight:600}.archive-actions button:last-child{background:#0879b9;border-color:#29baff}@media (width<=380px){.archive-dialog{padding:22px 16px}.archive-actions{flex-direction:column}}.levelup-overlay{z-index:200;background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.levelup-dialog{color:#fff;text-align:center;background:#10283a;border:2px solid #21b8ff;border-radius:24px;width:100%;max-width:420px;padding:35px 24px;animation:.5s ease-out levelup-appear;box-shadow:0 0 50px #21b8ff40}.levelup-trophy{margin-bottom:15px;font-size:65px}.levelup-heading{color:#21b8ff;letter-spacing:3px;margin:0;font-size:42px}.levelup-message{margin:15px 0 30px;font-size:22px;font-weight:700}.levelup-battery{border:2px solid #21b8ff;border-radius:12px;gap:3px;margin:25px 0;padding:8px;display:flex}.levelup-segment{opacity:0;background:#24d879;border-radius:4px;flex:1;height:45px;animation:.3s ease-out forwards segment-charge}.levelup-number{color:#24d879;margin:25px 0;font-size:36px;font-weight:700;animation:.8s ease-out levelup-appear}.levelup-description{color:#a8c5d8;margin-bottom:30px;line-height:1.6}.levelup-continue{color:#071725;cursor:pointer;background:#21b8ff;border:none;border-radius:12px;width:100%;padding:15px;font-size:17px;font-weight:700}.levelup-continue:hover{background:#62ccff}@keyframes levelup-appear{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes segment-charge{0%{opacity:0;transform:scaleY(.3)}to{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.levelup-dialog,.levelup-segment,.levelup-number{opacity:1;animation:none}}.statistics-table-wrapper{width:100%;overflow-x:auto}.statistics-table{border-collapse:collapse;width:100%;font-size:13px}.statistics-table th,.statistics-table td{text-align:center;border-bottom:1px solid #31566d;padding:12px 5px}.statistics-table th:first-child,.statistics-table td:first-child{text-align:left;white-space:nowrap}.statistics-table .current-month{color:#24d879;font-weight:700}.statistics-total{font-weight:700}.statistics-chart-title{text-align:center;margin-top:35px;font-size:20px}.year-chart{align-items:flex-end;gap:5px;height:220px;margin-top:25px;display:flex}.year-chart-month{color:#a8c5d8;flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;height:100%;font-size:11px;display:flex}.year-chart-value{color:#62ccff;height:16px;font-size:11px}.year-chart-track{border-bottom:1px solid #31566d;flex:1;align-items:flex-end;width:100%;display:flex}.year-chart-bar{background:linear-gradient(#62ccff,#087cb5);border-radius:4px 4px 0 0;width:100%;min-height:0}.year-chart-bar.current-month{background:linear-gradient(#66ff9b,#00a85a);box-shadow:0 0 12px #24d87959}.statistics-navigation{color:#a8c5d8;justify-content:center;align-items:center;gap:24px;margin:20px 0;display:flex}.statistics-navigation button{color:#62ccff;cursor:pointer;background:#10283a;border:1px solid #31566d;border-radius:10px;padding:8px 14px;font-size:20px}.statistics-navigation button:disabled{opacity:.25;cursor:default}.year-chart-value.current-month{color:#24d879;font-weight:700}.chart-switch{justify-content:center;gap:8px;margin:20px 0;display:flex}.chart-switch button{color:#a8c5d8;cursor:pointer;background:#10283a;border:1px solid #31566d;border-radius:10px;flex:1;padding:10px 6px;font-size:14px}.chart-switch button.active{color:#fff;background:#174b66;border-color:#21b8ff;font-weight:700}.success-lines{margin:20px 0}.success-lines svg{width:100%;height:auto;display:block}.success-lines-legend{color:#a8c5d8;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:15px;font-size:12px;display:flex}.combined-year-chart{width:100%;margin:20px 0}.combined-year-chart svg{width:100%;height:auto;display:block;overflow:visible}*{box-sizing:border-box}body{color:#f5f7fa;background:radial-gradient(circle at 50% -10%,#12344a 0%,#07141f 35%,#02080d 75%);min-width:320px;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100vh}.levelup{width:min(100%,430px);min-height:100vh;margin:0 auto;padding:30px 20px 100px}.levelup header{text-align:center;margin-bottom:32px}.levelup h1{letter-spacing:2px;color:#fff;margin:0;font-size:34px}.levelup h1 span{color:#21b8ff}.levelup header p{color:#9caeba;margin:4px 0 0;font-size:14px}.welcome-card{background:linear-gradient(145deg,#0d2230f5,#050f17f5);border:1px solid #17364a;border-radius:22px;padding:24px;box-shadow:0 18px 45px #00000059}.welcome-card h2{margin:0 0 10px;font-size:24px}.welcome-card p{color:#aebbc4;margin:0;line-height:1.5}.today-card{background:linear-gradient(145deg,#0d2230f5,#050f17f5);border:1px solid #17364a;border-radius:22px;margin-bottom:22px;padding:22px 18px;box-shadow:0 18px 45px #00000059}.section-title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-title h2{margin:0;font-size:20px}.section-title span{color:#8da0ad;font-size:12px}.task{border-bottom:1px solid #5d80952e;align-items:center;gap:13px;padding:14px 0;display:flex}.task-check{color:#0000;cursor:pointer;background:#0a1a25;border:1px solid #31566d;border-radius:50%;flex:0 0 36px;width:36px;height:36px;font-size:18px}.task-check:hover{border-color:#21b8ff;box-shadow:0 0 10px #21b8ff40}.task-content{flex-direction:column;flex:1;gap:5px;display:flex}.task-content strong{font-size:15px;font-weight:650}.task-content span{color:#8fa3b0;font-size:12px}.new-task-button{color:#62ccff;width:100%;font:inherit;cursor:pointer;background:#21b8ff14;border:1px solid #21b8ff;border-radius:14px;margin-top:18px;padding:13px 16px;font-weight:700;transition:all .2s}.new-task-button span{margin-right:5px;font-size:18px}.new-task-button:hover{background:#21b8ff29;transform:translateY(-1px);box-shadow:0 0 18px #21b8ff2e}.levelup h2{color:#f5f7fa}.task-edit{cursor:pointer;background:0 0;border:none;border-radius:8px;flex:0 0 40px;width:40px;padding:8px;font-size:19px;line-height:1}.task-edit:hover{background:#102b3d}.task-edit:focus-visible{outline-offset:2px;outline:2px solid #21b8ff}