:root{--bg: #eef1f6;--surface: #ffffff;--surface-2: #f5f7fb;--border: #dbe0ea;--ink: #161b26;--muted: #5b6472;--accent: #3757ff;--accent-ink: #ffffff;--good: #1f9d63;--good-bg: #e5f7ee;--leetcode: #c47f0a;--leetcode-bg: #fbf0dc;--codewars: #c23b32;--codewars-bg: #fbe6e3;--other: #5b6472;--other-bg: #eceef2;--danger: #c23b32;--cell-empty: #e3e7ee;--cell-part: #c9d6ff;--cell-full: #3757ff;--shadow: 0 1px 2px rgba(20, 26, 40, .06), 0 8px 24px rgba(20, 26, 40, .05)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #12151c;--surface: #191d27;--surface-2: #1f2431;--border: #2b3140;--ink: #eef1f7;--muted: #9aa3b5;--accent: #7c93ff;--accent-ink: #0d1020;--good: #3ecb8a;--good-bg: #123024;--leetcode: #e3ac4c;--leetcode-bg: #2e2410;--codewars: #e97a70;--codewars-bg: #331815;--other: #9aa3b5;--other-bg: #242a37;--danger: #e97a70;--cell-empty: #242a37;--cell-part: #31407a;--cell-full: #7c93ff;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:IBM Plex Sans,ui-sans-serif,system-ui,sans-serif;font-variant-numeric:tabular-nums}#root{max-width:780px;margin:0 auto;padding:32px 20px 80px}.eyebrow{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 6px}h1{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:26px;margin:0 0 4px;text-wrap:balance;font-weight:600}.sub{color:var(--muted);font-size:14px;margin:0 0 22px;max-width:64ch;line-height:1.5}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:28px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px;box-shadow:var(--shadow)}.stat .n{font-family:IBM Plex Mono,monospace;font-size:22px;font-weight:600}.stat .l{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.tab-btn{font:inherit;cursor:pointer;text-align:left;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:10px;padding:10px 12px;box-shadow:var(--shadow)}.tab-btn:hover{background:var(--surface-2)}.tab-btn.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.tab-btn .tn{font-family:IBM Plex Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.75}.tab-btn .tl{font-size:13px;font-weight:600;margin-top:2px}.tab-btn .tf{font-family:IBM Plex Mono,monospace;font-size:11px;opacity:.75;margin-top:2px}.phase{display:flex;align-items:center;gap:10px;margin:16px 0 6px}.phase .num{width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:none}.phase h2{font-family:IBM Plex Mono,monospace;font-size:18px;font-weight:600;margin:0}.phase-sub{color:var(--muted);font-size:13.5px;margin:0 0 20px 36px;line-height:1.55;max-width:60ch}.bar{height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden;margin-bottom:8px;border:1px solid var(--border)}.bar>div{height:100%;background:var(--accent);border-radius:99px;transition:width .3s ease}.bar-label{font-size:12px;color:var(--muted);margin-bottom:24px}.cat-head{display:flex;align-items:baseline;justify-content:space-between;font-family:IBM Plex Mono,monospace;font-size:12.5px;letter-spacing:.03em;color:var(--muted);text-transform:uppercase;margin:22px 0 8px;padding:0 2px}.cat-head:first-of-type{margin-top:0}.cat-head b{color:var(--ink);font-weight:600}.topic{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);margin-bottom:10px;overflow:hidden}.topic-head{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;border:none;background:none;font:inherit;color:inherit;text-align:left}.topic-head:hover{background:var(--surface-2)}.topic-check{width:20px;height:20px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;border:2px solid var(--border);font-size:12px;color:transparent;font-weight:700;cursor:pointer;background:none;padding:0}.topic.done .topic-check{background:var(--good);border-color:var(--good);color:#fff}.topic-title{font-size:14.5px;font-weight:600;flex:1}.topic.done .topic-title{color:var(--muted)}.topic-title.code-title{font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:500}.topic-frac{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--muted);flex:none}.chev{color:var(--muted);font-size:11px;transition:transform .15s ease;flex:none}.topic.open .chev{transform:rotate(90deg)}.topic-body{border-top:1px solid var(--border)}.topic-hint{padding:10px 14px 4px;font-size:12.5px;color:var(--muted);line-height:1.5}.task{display:flex;align-items:center;gap:10px;padding:9px 14px 9px 34px}.task:hover{background:var(--surface-2)}.task input[type=checkbox]{width:15px;height:15px;accent-color:var(--good);cursor:pointer;flex:none}.task .tt{font-size:13.5px;flex:1}.task.done .tt{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--border)}.diff{font-family:IBM Plex Mono,monospace;font-size:10.5px;padding:1px 6px;border-radius:5px;flex:none}.diff.E{color:var(--good);background:var(--good-bg)}.diff.M{color:var(--leetcode);background:var(--leetcode-bg)}.diff.H{color:var(--codewars);background:var(--codewars-bg)}.fix-prompt{padding:12px 14px 0;font-size:13px;color:var(--ink);line-height:1.55}.code{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:12px 14px;font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.6;overflow-x:auto;white-space:pre;margin:10px 14px 14px;color:var(--ink)}.today-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:16px;margin-bottom:16px}.today-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.today-head .t{font-family:IBM Plex Mono,monospace;font-size:13px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.today-head .streak{font-size:12.5px;color:var(--accent);font-weight:600}.goal-row{display:flex;gap:14px}.goal-item{flex:1}.goal-item .gl{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:5px}.goal-bar{height:7px;border-radius:99px;background:var(--surface-2);overflow:hidden;border:1px solid var(--border)}.goal-bar>div{height:100%;border-radius:99px}.goal-bar.leetcode>div{background:var(--leetcode)}.goal-bar.codewars>div{background:var(--codewars)}.heatmap{display:flex;gap:4px;flex-wrap:wrap;margin:14px 0 4px}.cell{width:16px;height:16px;border-radius:4px;background:var(--cell-empty)}.cell.part{background:var(--cell-part)}.cell.full{background:var(--cell-full)}.heatmap-label{font-size:11px;color:var(--muted)}h2.section-title{font-family:IBM Plex Mono,monospace;font-size:17px;margin:0 0 4px;font-weight:600}.section-sub{color:var(--muted);font-size:13px;margin:0 0 16px}.tag{font-family:IBM Plex Mono,monospace;font-size:11px;padding:2px 7px;border-radius:99px;flex:none;text-transform:uppercase;letter-spacing:.03em}.tag.leetcode{color:var(--leetcode);background:var(--leetcode-bg)}.tag.codewars{color:var(--codewars);background:var(--codewars-bg)}.tag.other{color:var(--other);background:var(--other-bg)}form.log-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:14px;margin-bottom:18px}form.log-form input,form.log-form select{font:inherit;font-size:13.5px;padding:8px 10px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--ink);width:100%}form.log-form .full{grid-column:1 / -1}form.log-form button{grid-column:1 / -1;font:inherit;font-weight:600;font-size:13.5px;background:var(--accent);color:var(--accent-ink);border:none;border-radius:7px;padding:10px;cursor:pointer}form.log-form button:hover{filter:brightness(1.05)}.list{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.log-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);font-size:13.5px}.log-row:last-child{border-bottom:none}.log-row .date{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:12px;width:78px;flex:none}.log-row .title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-row .del{background:none;border:none;color:var(--muted);cursor:pointer;font-size:16px;line-height:1;padding:2px 4px;flex:none}.log-row .del:hover{color:var(--danger)}.empty{padding:16px 14px;color:var(--muted);font-size:13.5px}.status-line{font-size:12px;color:var(--muted);text-align:center;margin-top:28px;min-height:16px}.status-line.error{color:var(--danger)}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.logout-btn{font:inherit;font-size:11.5px;font-family:IBM Plex Mono,ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:var(--muted);background:none;border:1px solid var(--border);border-radius:7px;padding:4px 10px}.logout-btn:hover{color:var(--ink);background:var(--surface-2)}.login-wrap{max-width:340px;margin:12vh auto 0}.login-form{display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:20px;margin-top:18px}.login-form label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--muted)}.login-form input{font:inherit;font-size:14px;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--ink)}.login-form button{font:inherit;font-weight:600;font-size:14px;background:var(--accent);color:var(--accent-ink);border:none;border-radius:8px;padding:10px;cursor:pointer;margin-top:4px}.login-form button:disabled{opacity:.6;cursor:default}.login-error{color:var(--danger);font-size:12.5px;margin:0}