@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap);@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);font-family:Inter,sans-serif;font-family:var(--font-body);margin:0;transition:color .5s}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}main{min-height:100vh}li{list-style:none}:root{--accent-1:#22d3ee;--accent-2:#6366f1;--accent-3:#a855f7;--accent-gradient:linear-gradient(135deg,var(--accent-1) 0%,var(--accent-2) 55%,var(--accent-3) 100%);--danger:#f87171;--success:#34d399;--font-display:"Space Grotesk","Inter",sans-serif;--font-body:"Inter",sans-serif;--radius-lg:22px;--radius-md:14px;--radius-sm:10px;--ease:cubic-bezier(.4,0,.2,1);--shadow-lg:0 24px 60px -18px #0000008c,0 0 0 1px #ffffff0a;--shadow-sm:0 8px 24px -10px #00000073;--box-shadow:var(--shadow-sm)}*{box-sizing:border-box;font-family:inherit;list-style:none;margin:0;padding:0;text-decoration:none}html{scrollbar-color:#6366f1 #0000;scrollbar-color:var(--accent-2) #0000;scrollbar-width:thin}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#22d3ee,#6366f1 55%,#a855f7);background:var(--accent-gradient);background-clip:content-box;border:2px solid #0000;border-radius:999px}::selection{background:#6366f1;background:var(--accent-2);color:#fff}:focus-visible{border-radius:6px;outline:2px solid #22d3ee;outline:2px solid var(--accent-1);outline-offset:2px}.light{--surface:#ffffffb8;--surface-2:#fffffff0;--border:#0f172a14;--border-strong:#0f172a29;--text:#101728;--text-dim:#586074;--text-faint:#8992a3;--backdrop-blur:blur(18px) saturate(160%);background:radial-gradient(1100px circle at 12% -10%,#6366f11a,#0000 55%),radial-gradient(900px circle at 92% 0,#22d3ee1a,#0000 50%),#f2f4f9}.light,.medium{color-scheme:light;transition:background .5s}.medium{--surface:#fff9;--surface-2:#ffffffe0;--border:#0f172a1a;--border-strong:#0f172a2e;--text:#161b26;--text-dim:#5a6172;--text-faint:#868e9e;--backdrop-blur:blur(18px) saturate(160%);background:radial-gradient(1100px circle at 12% -10%,#6366f114,#0000 55%),#e7e9f0}.dark{--surface:hsla(0,0%,100%,.045);--surface-2:#ffffff17;--border:#ffffff1a;--border-strong:#fff3;--text:#eef1f8;--text-dim:#96a1b8;--text-faint:#636d84;--backdrop-blur:blur(20px) saturate(180%);background:radial-gradient(1200px circle at 12% -12%,#6366f147,#0000 55%),radial-gradient(1000px circle at 95% 0,#22d3ee33,#0000 50%),#05070d;color-scheme:dark;transition:background .5s}.gGood,.gKali,.gOne,.gThree,.gTwo{--surface:#0609116b;--surface-2:#0609119e;--border:#ffffff24;--border-strong:#ffffff42;--text:#f5f7fb;--text-dim:#cbd2e1;--text-faint:#9aa3b8;--backdrop-blur:blur(22px) saturate(180%);color-scheme:dark}.gOne{background:linear-gradient(90deg,#4dc9e6,#2c0cac)}.gOne,.gTwo{transition:all .5s}.gTwo{background:linear-gradient(235deg,#fff,#000f25),linear-gradient(180deg,#6100ff,#000),linear-gradient(235deg,#ffa3ac,#ffa3ac 40%,#00043c calc(40% + 1px),#00043c 60%,#005d6c calc(60% + 1px),#005d6c 70%,#00c9b1 calc(70% + 1px),#00c9b1),linear-gradient(125deg,#ffa3ac,#ffa3ac 40%,#00043c calc(40% + 1px),#00043c 60%,#005d6c calc(60% + 1px),#005d6c 70%,#00c9b1 calc(70% + 1px),#00c9b1);background-blend-mode:soft-light,screen,darken,normal}.gThree{background:linear-gradient(125deg,#fff,#000),linear-gradient(200deg,#ffd9e8,#ffd9e8 50%,#de95ba calc(50% + 1px),#de95ba 60%,#7f4a88 calc(60% + 1px),#7f4a88 75%,#4a266a calc(75% + 1px),#4a266a),linear-gradient(113deg,#ffd9e8,#ffd9e8 40%,#de95ba calc(40% + 1px),#de95ba 50%,#7f4a88 calc(50% + 1px),#7f4a88 70%,#4a266a calc(70% + 1px),#4a266a);background-blend-mode:overlay,overlay,normal;transition:all .5s}.gKali{background-image:url(/static/media/background.9c459da5e3e10e7d911d.jpg)}.gGood,.gKali{background-position:top;background-repeat:no-repeat;background-size:cover;transition:all .5s}.gGood{background-image:url(/static/media/Super.aeb3cf8f2a9058a90334.jpg)}.App{min-height:100vh;text-align:center}header{align-items:center;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:64px;min-height:74px;padding:12px 28px;position:sticky;top:0;z-index:40}footer{border-top:1px solid var(--border);color:var(--text-faint);flex-direction:column;gap:6px;margin-top:64px;min-height:auto;padding:28px 16px 24px;-webkit-user-select:none;user-select:none}footer,footer .contact{align-items:center;display:flex;justify-content:center}footer .contact{flex-wrap:wrap;font-size:13.5px;gap:18px}footer .contact span{align-items:center;display:inline-flex;gap:6px}footer .contact i{color:var(--accent-1)}footer .brand{font-family:var(--font-display);font-size:12px;letter-spacing:.08em;opacity:.7;text-transform:uppercase}header .logo{align-items:center;display:flex;gap:12px}header .logo img{border-radius:10px;box-shadow:0 0 0 1px var(--border),0 6px 18px #6366f159;cursor:pointer;max-width:38px;transition:transform .3s var(--ease)}header .logo img:hover{transform:rotate(-6deg) scale(1.06)}header .logo .brand{display:flex;flex-direction:column;line-height:1.2;text-align:left}header .logo .brand .name{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:#0000;cursor:pointer;font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:.2px}header .logo .brand .tag{color:var(--text-faint);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase}header .headerRight{align-items:center;display:flex;gap:14px}header .headerActions{gap:8px}.iconbtn,header .headerActions{align-items:center;display:flex}.iconbtn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;font-size:14px;height:34px;justify-content:center;transition:all .2s var(--ease);width:34px}.iconbtn:hover{background:var(--accent-gradient);border-color:#0000;color:#fff;transform:translateY(-2px)}header .themeSelector{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;display:flex;gap:7px;padding:6px 8px}header .themeSelector span{border-radius:50%;box-shadow:0 0 0 1px var(--border);cursor:pointer;display:inline-block;height:18px;margin-left:0;transition:transform .25s var(--ease),box-shadow .25s var(--ease);width:18px}header .themeSelector span:hover{transform:translateY(-2px) scale(1.15)}header .themeSelector .activeTheme{box-shadow:0 0 0 2px var(--accent-1),0 0 14px #22d3eeb3;height:20px;transform:scale(1.18);width:20px}.createTodo{backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:20px auto;max-width:520px;padding:26px 24px;position:relative;z-index:5}.createTodo form{display:flex;gap:10px}.container{margin:auto;max-width:1200px;padding:10px 16px 40px}.createTodo form input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);flex-grow:1;font-size:16px;padding:12px 16px;transition:border-color .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease)}.createTodo form input::placeholder{color:var(--text-faint)}.createTodo form input:focus{background:var(--surface);border-color:var(--accent-2);box-shadow:0 0 0 4px #6366f12e;outline:0}.createTodo form button.submit-btn{align-items:center;background:var(--accent-gradient);border:none;border-radius:var(--radius-sm);box-shadow:0 8px 20px -6px #6366f18c;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;letter-spacing:.2px;padding:0 24px;transition:transform .2s var(--ease),box-shadow .2s var(--ease),filter .2s var(--ease)}.createTodo form button.submit-btn:hover{box-shadow:0 12px 26px -6px #6366f1a6;filter:brightness(1.06);transform:translateY(-2px)}.createTodo form button.submit-btn:active{transform:translateY(0)}.createTodo form button.submit-btn:disabled{box-shadow:none;cursor:not-allowed;filter:none;opacity:.4;pointer-events:none;transform:none}.clicking{border-color:var(--accent-1)!important;box-shadow:0 0 0 4px #22d3ee2e!important}.datepicker{flex-grow:1;position:relative}.dp-trigger{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;display:flex;font-size:16px;gap:10px;padding:12px 16px;transition:border-color .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease);width:100%}.dp-trigger:hover{border-color:var(--border-strong)}.dp-trigger i.bi-calendar3{color:var(--accent-1);font-size:16px}.dp-trigger span{flex-grow:1;text-align:left}.dp-trigger .dp-placeholder{color:var(--text-faint)}.dp-trigger .dp-value{font-weight:500}.dp-chevron{color:var(--text-faint);font-size:13px;transition:transform .25s var(--ease)}.datepicker.open .dp-chevron{transform:rotate(180deg)}.datepicker.open .dp-trigger{background:var(--surface);border-color:var(--accent-2);box-shadow:0 0 0 4px #6366f12e}.dp-pop{animation:dp-in .18s var(--ease);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;max-width:calc(100vw - 64px);padding:16px;position:absolute;top:calc(100% + 10px);width:300px;z-index:60}@keyframes dp-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dp-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.dp-month{color:var(--text);font-family:var(--font-display);font-size:14px;font-weight:600}.dp-nav{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text-dim);cursor:pointer;display:flex;font-size:13px;height:28px;justify-content:center;transition:all .2s var(--ease);width:28px}.dp-nav:hover{background:var(--accent-gradient);border-color:#0000;color:#fff}.dp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.dp-weekdays span{color:var(--text-faint);font-size:11px;font-weight:600;padding:4px 0;text-align:center;text-transform:uppercase}.dp-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.dp-day{background:#0000;border:none;border-radius:9px;color:var(--text);cursor:pointer;font-size:13.5px;height:34px;transition:all .18s var(--ease)}.dp-day:hover{background:var(--surface-2)}.dp-day.dp-muted{color:var(--text-faint);opacity:.45}.dp-day.dp-today{box-shadow:inset 0 0 0 1px var(--accent-1);color:var(--accent-1);font-weight:700}.dp-day.dp-selected{background:var(--accent-gradient);box-shadow:0 6px 16px -4px #6366f199;color:#fff;font-weight:700}.dp-foot{border-top:1px solid var(--border);display:flex;justify-content:center;margin-top:12px;padding-top:12px}.dp-today-btn{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;color:var(--text-dim);cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;padding:6px 14px;transition:all .2s var(--ease)}.dp-today-btn:hover{background:var(--accent-gradient);border-color:#0000;color:#fff}.container{position:relative}.showdates{backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:20px auto;max-width:560px;padding:26px 24px;transition:opacity .5s ease,transform .5s ease}.showdates h1{align-items:center;color:var(--text);display:flex;font-family:var(--font-display);font-size:20px;font-weight:600;gap:10px;justify-content:center}.count{background:var(--accent-gradient);border-radius:999px;box-shadow:0 4px 14px -4px #6366f199;color:#fff;font-size:14px;font-weight:700;margin-left:0;padding:4px 13px;-webkit-user-select:none;user-select:none}.showdates ol{display:flex;flex-direction:column;gap:10px;margin-top:20px}.showdates li{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:12px;justify-content:space-between;margin:0;padding:14px 16px;transition:transform .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease);width:100%}.date-info{display:flex;flex-direction:column;gap:3px;text-align:left}.date-label{align-items:center;color:var(--text);display:inline-flex;font-size:15px;font-weight:500;gap:8px}.date-progress{color:var(--text-faint);font-size:11.5px}.badge{border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.05em;padding:2px 9px;text-transform:uppercase}.badge-today{background:var(--accent-gradient);color:#fff}.badge-overdue{background:#f8717126;color:var(--danger)}.showdates li.is-today{border-color:var(--accent-1);box-shadow:0 0 0 1px var(--accent-1) inset}.showdates li.is-overdue{border-color:#f8717166}.showdates li:hover{background:var(--surface);border-color:var(--border-strong);transform:translateX(4px)}.view{background:#0000;color:var(--text-dim);cursor:pointer;gap:6px;min-width:auto;-webkit-user-select:none;user-select:none}.view,.view .deli,.view .edi{align-items:center;border-radius:var(--radius-sm);display:flex;height:34px;justify-content:center}.view .deli,.view .edi{font-size:15px;margin:0;padding:0;transition:all .25s var(--ease);width:34px}.view .deli{background:#f871711f;color:var(--danger)}.view .deli:hover{background:var(--danger);box-shadow:0 6px 16px -4px #f8717199;color:#fff}.view .edi{background:#22d3ee1f;color:var(--accent-1)}.view .edi:hover{background:var(--accent-gradient);box-shadow:0 6px 16px -4px #22d3ee80;color:#fff}.show{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.hide{opacity:0;transform:translateY(-6px);transition:opacity .4s ease,transform .4s ease}.done{display:none}.date{color:var(--text-faint);font-size:12.5px}.showtodo{backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:20px auto;max-width:900px;padding:26px 24px;transition:opacity .5s ease,transform .5s ease}.showtodo div.head{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:0 0 18px}.progress-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;color:var(--text-dim);font-size:12.5px;padding:5px 13px}.progress-chip,.showtodo .title{font-weight:600;-webkit-user-select:none;user-select:none}.showtodo .title{align-items:center;align-self:center;color:var(--text);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:18px;gap:8px;transition:color .2s var(--ease)}.showtodo .title:hover{color:var(--accent-1)}.showtodo ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:flex-start;margin:24px 0 4px}.showtodo u{border:1px solid var(--border);border-radius:999px;color:var(--text);font-weight:600;margin-left:0;padding:6px 14px;-webkit-user-select:none;user-select:none}.showtodo li,.showtodo u{background:var(--surface-2)}.showtodo li{border:1px solid var(--border);border-left:3px solid var(--accent-2);border-radius:var(--radius-md);display:flex;gap:10px;padding:16px;transition:transform .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease);width:calc(50% - 8px)}.showtodo li:hover{background:var(--surface);border-color:var(--border-strong);transform:translateY(-3px)}.showtodo li p{display:flex;flex-direction:column;flex-grow:1;text-align:left}.showtodo li .name{color:var(--text);font-size:16px;font-weight:500;padding-bottom:5px;transition:color .2s var(--ease)}.showtodo li.completed{border-left-color:var(--success)}.showtodo li.completed .name{color:var(--text-faint);text-decoration:line-through}.check{align-self:flex-start;background:#0000;border:none;color:var(--text-faint);cursor:pointer;flex-shrink:0;font-size:20px;line-height:1;padding:0;transition:all .2s var(--ease),transform .15s var(--ease)}.check:hover{color:var(--accent-1);transform:scale(1.1)}.showtodo li.completed .check{color:var(--success)}.action{background:#0000;cursor:pointer;gap:6px;height:auto;min-width:auto;padding-top:0;-webkit-user-select:none;user-select:none}.action,.action .del,.action .ed{align-items:center;border-radius:var(--radius-sm);display:flex;justify-content:center}.action .del,.action .ed{font-size:15px;height:34px;margin:0;padding:0;transition:all .25s var(--ease);width:34px}.action .del{background:#f871711f;color:var(--danger)}.action .del:hover{background:var(--danger);box-shadow:0 6px 16px -4px #f8717199;color:#fff}.action .ed{background:#22d3ee1f;color:var(--accent-1)}.action .ed:hover{background:var(--accent-gradient);box-shadow:0 6px 16px -4px #22d3ee80;color:#fff}@media only screen and (max-width:800px){.showdates,.showtodo li{width:100%}}.toast{align-items:center;animation:toast-in .3s var(--ease);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);bottom:28px;box-shadow:var(--shadow-lg);color:var(--text);display:flex;gap:12px;left:50%;max-width:calc(100vw - 32px);overflow:hidden;padding:14px 16px;position:fixed;transform:translateX(-50%);z-index:200}@keyframes toast-in{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.toast>i.bi-check-circle-fill{color:var(--success);flex-shrink:0;font-size:16px}.toast-msg{font-size:14px;white-space:nowrap}.toast-undo{align-items:center;background:var(--accent-gradient);border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:6px 14px;transition:transform .2s var(--ease),filter .2s var(--ease)}.toast-undo:hover{filter:brightness(1.08);transform:translateY(-1px)}.toast-close{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-faint);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s var(--ease);width:24px}.toast-close:hover{background:var(--surface-2);color:var(--text)}.toast-bar{animation:toast-shrink 5s linear forwards;background:var(--accent-gradient);bottom:0;height:2px;left:0;position:absolute}@keyframes toast-shrink{0%{width:100%}to{width:0}}@media only screen and (max-width:560px){.toast{left:16px;max-width:none;right:16px;transform:none}.toast-msg{flex-grow:1;white-space:normal}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}
/*# sourceMappingURL=main.39561e32.css.map*/