:root{--bg-0: #05070d;--bg-1: #0a0f1c;--glass: rgba(255, 255, 255, .045);--glass-strong: rgba(255, 255, 255, .07);--glass-border: rgba(148, 178, 255, .16);--glass-border-strong: rgba(148, 178, 255, .3);--text-primary: #eaf0ff;--text-secondary: #93a1c2;--text-muted: #5c6889;--accent: #3b82f6;--accent-2: #22d3ee;--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #22d3ee 100%);--accent-glow: rgba(59, 130, 246, .45);--danger: #f87171;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;overflow-x:hidden}body{background:var(--bg-0);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100svh}button,input{font-family:inherit;color:inherit}button{-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.app{position:relative;max-width:600px;min-height:100svh;margin:0 auto;display:flex;flex-direction:column;padding:24px 18px calc(18px + var(--safe-bottom));isolation:isolate}.app__glow{position:fixed;width:60vmax;height:60vmax;border-radius:50%;filter:blur(90px);opacity:.28;pointer-events:none;z-index:-1;animation:drift 18s ease-in-out infinite alternate}.app__glow--a{top:-20vmax;left:-20vmax;background:radial-gradient(circle,var(--accent) 0%,transparent 70%)}.app__glow--b{bottom:-25vmax;right:-20vmax;background:radial-gradient(circle,var(--accent-2) 0%,transparent 70%);animation-delay:-9s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(4vmax,3vmax) scale(1.08)}}.app__header{padding-bottom:16px}.app__eyebrow{margin:0 0 8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2)}.app__title{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(26px,7vw,36px);line-height:1.15;letter-spacing:-.01em;background:linear-gradient(135deg,#fff 20%,#b9d4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.app__subtitle{margin:8px 0 0;font-size:14.5px;color:var(--text-secondary)}.day-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 16px;margin-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.day-tabs::-webkit-scrollbar{display:none}.day-tab{position:relative;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;width:56px;padding:11px 0 13px;background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;cursor:pointer;color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.day-tab:hover{transform:translateY(-2px);border-color:var(--glass-border-strong)}.day-tab.is-today:not(.is-selected){border-color:#3b82f68c;color:var(--text-primary)}.day-tab.is-selected{background:var(--accent-gradient);border-color:transparent;color:#061019;transform:translateY(-3px);box-shadow:0 10px 24px -8px var(--accent-glow)}.day-tab__weekday{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;opacity:.85}.day-tab__number{font-family:var(--font-display);font-size:20px;font-weight:600;line-height:1}.day-tab__month{font-size:10px;opacity:.8}.day-tab__dot{position:absolute;bottom:6px;width:5px;height:5px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 6px var(--accent-2)}.day-tab__dot.is-done{background:currentColor;box-shadow:none;opacity:.5}.app__main{flex:1;padding-top:4px}.empty-state{text-align:center;padding:56px 12px;color:var(--text-secondary)}.empty-state__title{font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--text-primary);margin:0 0 6px}.empty-state__hint{margin:0;font-size:14px}.task-list{display:flex;flex-direction:column;gap:22px}.task-section__header{display:flex;align-items:center;gap:9px;padding:0 2px 10px}.task-section__dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 8px currentColor}.task-section__title{margin:0;font-family:var(--font-display);font-size:14.5px;font-weight:600;letter-spacing:.01em;color:var(--text-primary);flex:1}.task-section__count{font-family:var(--font-mono);font-size:11.5px;color:var(--text-muted)}.task-list__group{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.task-item{position:relative;display:flex;align-items:center;gap:12px;background:var(--glass);border:1px solid var(--glass-border);border-radius:14px;padding:13px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s ease,border-color .2s ease,opacity .3s ease,transform .2s ease}.task-item:hover{border-color:var(--glass-border-strong)}.task-item.is-completed{background:transparent;border-color:#94b2ff14;opacity:.55}.task-item__check{position:relative;flex:0 0 auto;width:28px;height:28px;border-radius:50%;border:2px solid var(--task-color, var(--accent));background:transparent;cursor:pointer;display:grid;place-items:center;padding:0;transition:background .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1),border-color .25s ease,box-shadow .25s ease}.task-item.is-completed .task-item__check{background:var(--task-color, var(--accent));border-color:var(--task-color, var(--accent));transform:scale(1.05);box-shadow:0 0 14px color-mix(in srgb,var(--task-color, var(--accent)) 65%,transparent)}.task-item__mark{width:15px;height:15px;fill:none;stroke:#05070d;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:26;stroke-dashoffset:26;transition:stroke-dashoffset .3s ease .05s}.task-item.is-completed .task-item__mark{stroke-dashoffset:0}.task-item__text{flex:1;font-size:15px;line-height:1.4;position:relative;color:var(--text-primary);word-break:break-word}.task-item__text:after{content:"";position:absolute;left:0;top:50%;height:1.5px;width:0;background:var(--text-muted);transition:width .35s ease .05s}.task-item.is-completed .task-item__text{color:var(--text-muted)}.task-item.is-completed .task-item__text:after{width:100%}.task-item__remove{flex:0 0 auto;width:32px;height:32px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;opacity:0;display:grid;place-items:center;border-radius:8px;transition:opacity .15s ease,color .15s ease,background .15s ease}.task-item:hover .task-item__remove,.task-item:focus-within .task-item__remove{opacity:1}.task-item__remove:hover{color:var(--danger);background:#f871711a}.task-item__remove svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}@media (hover: none){.task-item__remove{opacity:.55}}.burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.burst__dot{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:var(--task-color, var(--accent));box-shadow:0 0 6px var(--task-color, var(--accent));transform:translate(-50%,-50%);animation:burst-fly .6s ease-out forwards}.burst__dot--0{--angle: 0deg}.burst__dot--1{--angle: 60deg}.burst__dot--2{--angle: 120deg}.burst__dot--3{--angle: 180deg}.burst__dot--4{--angle: 240deg}.burst__dot--5{--angle: 300deg}@keyframes burst-fly{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translate(0) scale(1);opacity:1}to{transform:translate(-50%,-50%) rotate(var(--angle)) translate(26px) scale(0);opacity:0}}.app__footer{position:sticky;bottom:0;padding-top:14px;padding-bottom:var(--safe-bottom);background:linear-gradient(to top,var(--bg-0) 55%,transparent)}.add-task{display:flex;flex-direction:column;gap:8px;background:var(--glass-strong);border:1px solid var(--glass-border);border-radius:16px;padding:10px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.add-task__row{display:flex;gap:8px}.add-task__input,.add-task__category{border-radius:10px;border:1px solid transparent;background:#ffffff0a;color:var(--text-primary);font-size:16px;outline-offset:2px}.add-task__input{flex:1;padding:12px 14px}.add-task__category{padding:9px 12px;font-size:13px;color:var(--text-secondary)}.add-task__input:focus-visible,.add-task__category:focus-visible{outline:2px solid var(--accent);border-color:transparent}.add-task__input::placeholder,.add-task__category::placeholder{color:var(--text-muted)}.add-task__submit{flex:0 0 auto;width:44px;height:44px;border-radius:10px;border:none;background:var(--accent-gradient);color:#05070d;cursor:pointer;display:grid;place-items:center;transition:transform .1s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 6px 16px -6px var(--accent-glow)}.add-task__submit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.add-task__submit:active:not(:disabled){transform:scale(.94)}.add-task__submit:disabled{opacity:.35;box-shadow:none;cursor:not-allowed}.app__storage-note{margin:12px 0 0;text-align:center;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;color:var(--text-muted)}@media (min-width: 640px){.app{padding-top:44px}}@media (max-width: 380px){.day-tab{width:50px}}