:root{--text: #5c6578;--text-h: #0c1222;--bg: #eef2f7;--surface: #ffffff;--surface-muted: #f4f6fa;--border: rgba(12, 18, 34, .08);--border-strong: rgba(12, 18, 34, .12);--code-bg: #e8ecf4;--accent: #0d9488;--accent-bright: #14b8a6;--accent-deep: #0f766e;--accent-glow: rgba(13, 148, 136, .35);--accent-bg: rgba(13, 148, 136, .1);--accent-border: rgba(13, 148, 136, .45);--accent-hover: rgba(13, 148, 136, .16);--cyan: #0891b2;--shadow-sm: 0 1px 2px rgba(12, 18, 34, .06);--shadow: 0 4px 6px -1px rgba(12, 18, 34, .07), 0 12px 24px -4px rgba(12, 18, 34, .08);--shadow-lg: 0 8px 16px -4px rgba(12, 18, 34, .08), 0 24px 48px -12px rgba(12, 18, 34, .12);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 10px;--panel-bg: var(--surface);--sans: "Plus Jakarta Sans", system-ui, "Segoe UI", Roboto, sans-serif;--heading: "Plus Jakarta Sans", system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "Cascadia Code", Consolas, monospace;font:17px/150% var(--sans);letter-spacing:.01em;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 (max-width: 1024px){:root{font-size:16px}}@media (prefers-color-scheme: dark){:root{--text: #94a3b8;--text-h: #f1f5f9;--bg: #070b14;--surface: rgba(17, 24, 39, .72);--surface-muted: rgba(30, 41, 59, .5);--border: rgba(148, 163, 184, .12);--border-strong: rgba(148, 163, 184, .2);--code-bg: rgba(30, 41, 59, .8);--accent: #2dd4bf;--accent-bright: #5eead4;--accent-deep: #14b8a6;--accent-glow: rgba(45, 212, 191, .35);--accent-bg: rgba(45, 212, 191, .12);--accent-border: rgba(45, 212, 191, .45);--accent-hover: rgba(45, 212, 191, .2);--cyan: #22d3ee;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .35), 0 12px 24px -4px rgba(0, 0, 0, .45);--shadow-lg: 0 8px 16px -4px rgba(0, 0, 0, .45), 0 24px 48px -12px rgba(0, 0, 0, .55);--panel-bg: var(--surface)}}body{margin:0;min-height:100svh;background:radial-gradient(1200px 600px at 10% -10%,rgba(13,148,136,.14),transparent 55%),radial-gradient(900px 500px at 100% 0%,rgba(8,145,178,.12),transparent 50%),var(--bg)}@media (prefers-color-scheme: dark){body{background:radial-gradient(1000px 520px at 15% -5%,rgba(45,212,191,.12),transparent 55%),radial-gradient(800px 480px at 95% 5%,rgba(34,211,238,.08),transparent 45%),var(--bg)}}#root{width:min(920px,100%);max-width:100%;margin:0 auto;border-inline:1px solid var(--border);min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:linear-gradient(180deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.2) 40%,transparent 100%)}@media (prefers-color-scheme: dark){#root{background:linear-gradient(180deg,rgba(15,23,42,.55) 0%,rgba(15,23,42,.25) 45%,transparent 100%)}}h1,h2{font-family:var(--heading);font-weight:600;color:var(--text-h);letter-spacing:-.03em}h1{font-size:clamp(1.85rem,4.5vw,2.5rem);line-height:1.15;margin:0 0 .75rem}h2{font-size:1.125rem;line-height:1.3;margin:0 0 1rem}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}.page{display:flex;flex-direction:column;min-height:100%;text-align:left}.top{position:sticky;top:0;z-index:10;padding:1.5rem 1.75rem 1.35rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:.85rem}.mark{width:2.5rem;height:2.5rem;border-radius:12px;background:linear-gradient(135deg,var(--accent) 0%,var(--cyan) 55%,var(--accent-bright) 100%);box-shadow:var(--shadow-sm),0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent),0 12px 28px var(--accent-glow)}.name{font-family:var(--heading);font-weight:700;font-size:1.2rem;color:var(--text-h);letter-spacing:-.03em}.tagline{margin:.45rem 0 0 3.35rem;font-size:.9rem;color:var(--text);font-weight:500}.main{flex:1;padding:1.5rem 1.75rem 2rem;display:flex;flex-direction:column;gap:1.35rem}.panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.6rem 1.65rem;box-shadow:var(--shadow)}.hero{position:relative;overflow:hidden;border-color:var(--border-strong)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 8%,transparent) 0%,transparent 42%,color-mix(in srgb,var(--cyan) 6%,transparent) 100%);pointer-events:none}.hero>*{position:relative}.hero h1{font-size:clamp(1.65rem,4vw,2.2rem);margin:0 0 .65rem;letter-spacing:-.035em;line-height:1.2}.lede{margin:0 0 1.35rem;max-width:40rem;line-height:1.6;font-size:.98rem}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,2fr);gap:.85rem}@media (max-width: 640px){.stats{grid-template-columns:1fr}}.stat{position:relative;padding:1rem 1.05rem;border-radius:var(--radius-md);background:var(--surface-muted);border:1px solid var(--border);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.stat:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--border-strong)}.stat-value{display:block;font-family:var(--mono);font-size:1.45rem;font-weight:600;color:var(--text-h);letter-spacing:-.02em}.stat-label{font-size:.72rem;color:var(--text);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-top:.2rem}.progress{margin-top:.75rem;height:7px;border-radius:999px;background:color-mix(in srgb,var(--border-strong) 70%,var(--surface-muted));overflow:hidden}.progress:after{content:"";display:block;height:100%;width:var(--p, 0%);border-radius:inherit;background:linear-gradient(90deg,var(--accent-deep),var(--accent) 40%,var(--cyan) 100%);box-shadow:0 0 12px var(--accent-glow);transition:width .4s cubic-bezier(.4,0,.2,1)}.tasks h2{margin:0 0 1rem;font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.composer{display:flex;gap:.65rem;margin-bottom:1.05rem}.composer input{flex:1;min-width:0;padding:.72rem 1rem;font:inherit;color:var(--text-h);background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .2s,box-shadow .2s,background .2s}.composer input::placeholder{color:color-mix(in srgb,var(--text) 65%,transparent)}.composer input:hover{border-color:var(--border-strong)}.composer input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);background:var(--surface)}.composer button{padding:.72rem 1.35rem;font:inherit;font-weight:600;color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(145deg,var(--accent-deep) 0%,var(--accent) 45%,var(--cyan) 100%);box-shadow:var(--shadow-sm),0 4px 14px var(--accent-glow);transition:transform .15s ease,filter .2s ease,box-shadow .2s ease}.composer button:hover{filter:brightness(1.06);box-shadow:var(--shadow-sm),0 6px 20px var(--accent-glow)}.composer button:active{transform:scale(.98)}.task-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.task{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.72rem .85rem;border-radius:var(--radius-sm);background:var(--surface-muted);border:1px solid var(--border);transition:border-color .2s,background .2s,box-shadow .2s}.task:hover{border-color:var(--border-strong);background:color-mix(in srgb,var(--surface-muted) 85%,var(--accent) 15%)}.task.done{opacity:.92}.task.done .task-text{text-decoration:line-through;opacity:.62}.task-row{display:flex;align-items:flex-start;gap:.7rem;cursor:pointer;flex:1;min-width:0}.task-row input{margin-top:.22rem;width:1.1rem;height:1.1rem;border-radius:4px;accent-color:var(--accent)}.task-text{line-height:1.45;word-break:break-word;color:var(--text-h);font-weight:500}.task.done .task-text{font-weight:400}.delete{flex-shrink:0;width:2.15rem;height:2.15rem;border:1px solid transparent;border-radius:8px;font-size:1.2rem;line-height:1;color:var(--text);background:transparent;cursor:pointer;transition:color .15s,background .15s,border-color .15s}.delete:hover{color:var(--accent-deep);background:var(--accent-bg);border-color:var(--accent-border)}.foot{padding:1.2rem 1.75rem 1.5rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--text);text-align:center;font-weight:500}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}