:root{--bg: #0d0d0d;--bg-raised: #141414;--bg-card: #191919;--bg-hover: #1f1f1f;--border: #272727;--border-light: #303030;--accent: #2d8a5e;--accent-dim: #1e5f40;--accent-glow: #38b278;--accent-text: #4ecb8a;--text: #e0e0e0;--text-muted: #808080;--text-faint: #444;--phase-1: #2a6b9a;--phase-2: #2d8a5e;--phase-3: #7a5c2a;--phase-4: #7a2a5c;--phase-5: #4a3a8a;--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", Consolas, "Courier New", monospace;--radius: 6px;--radius-lg: 10px;--transition: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}code,pre,.mono{font-family:var(--font-mono)}.app{display:flex;flex-direction:column;min-height:100vh}.page{flex:1;max-width:860px;width:100%;margin:0 auto;padding:2rem 1.25rem 4rem}.page--wide{max-width:1040px}.nav{background:var(--bg-raised);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav__inner{max-width:1040px;margin:0 auto;padding:0 1.25rem;height:52px;display:flex;align-items:center;gap:2rem}.nav__brand{font-size:1rem;font-weight:700;color:var(--accent-glow);letter-spacing:.03em;text-decoration:none;flex-shrink:0}.nav__brand:hover{text-decoration:none;opacity:.85}.nav__links{display:flex;gap:.25rem;align-items:center}.nav__link{color:var(--text-muted);font-size:.875rem;padding:.35rem .65rem;border-radius:var(--radius);transition:color var(--transition),background var(--transition);text-decoration:none}.nav__link:hover{color:var(--text);background:var(--bg-hover);text-decoration:none}.nav__link--active{color:var(--accent-text);background:var(--bg-hover)}.nav__progress{margin-left:auto;font-size:.75rem;color:var(--text-faint);font-family:var(--font-mono);flex-shrink:0}.progress-bar{background:var(--border);border-radius:99px;height:6px;overflow:hidden;width:100%}.progress-bar__fill{height:100%;border-radius:99px;background:var(--accent);transition:width .4s ease}.progress-meta{display:flex;justify-content:space-between;align-items:baseline;font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.progress-meta span:last-child{font-family:var(--font-mono)}.home-header{margin-bottom:2.5rem}.home-header h1{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:.25rem}.home-header p{color:var(--text-muted);font-size:.9rem}.overall-progress{margin-top:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem}.overall-progress .progress-meta{margin-bottom:.5rem}.overall-progress .progress-meta strong{color:var(--text);font-size:.8rem;font-weight:600}.phase-section{margin-bottom:2rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.phase-header{padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--border)}.phase-title-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.25rem}.phase-badge{font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .5rem;border-radius:99px;background:var(--accent-dim);color:var(--accent-glow);flex-shrink:0}.phase-badge[data-phase="1"]{background:#162d3f;color:#5aace0}.phase-badge[data-phase="2"]{background:#142e1f;color:#4ecb8a}.phase-badge[data-phase="3"]{background:#302010;color:#d4a45a}.phase-badge[data-phase="4"]{background:#2e1025;color:#d46aaa}.phase-badge[data-phase="5"]{background:#1e1840;color:#9480e8}.phase-name{font-size:1rem;font-weight:600;color:var(--text)}.phase-desc{font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.phase-progress-row{display:flex;align-items:center;gap:.75rem}.phase-progress-row .progress-bar{flex:1}.phase-progress-count{font-size:.7rem;font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;width:3.5rem;text-align:right}.week-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1px;background:var(--border)}.week-card{background:var(--bg-card);padding:.875rem 1rem;display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;transition:background var(--transition);text-decoration:none;color:inherit}.week-card:hover{background:var(--bg-hover);text-decoration:none}.week-card__check{width:18px;height:18px;border-radius:4px;border:1.5px solid var(--border-light);flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;transition:background var(--transition),border-color var(--transition);background:transparent;cursor:pointer}.week-card__check:hover{border-color:var(--accent)}.week-card__check--done{background:var(--accent);border-color:var(--accent)}.week-card__check--done:after{content:"";display:block;width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg) translate(-1px,-1px)}.week-card__body{flex:1;min-width:0}.week-card__number{font-size:.68rem;font-family:var(--font-mono);color:var(--text-faint);margin-bottom:.15rem}.week-card__title{font-size:.82rem;color:var(--text);line-height:1.35;font-weight:500}.week-card--done .week-card__title{color:var(--text-muted)}.week-view__back{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-muted);margin-bottom:1.5rem;cursor:pointer;background:none;border:none;padding:0;transition:color var(--transition)}.week-view__back:hover{color:var(--text)}.week-view__header{margin-bottom:2rem}.week-view__phase-badge{display:inline-block;margin-bottom:.6rem}.week-view__title{font-size:1.5rem;font-weight:700;color:var(--text);line-height:1.25;margin-bottom:.35rem}.week-view__sub{font-size:.82rem;color:var(--text-muted);font-family:var(--font-mono)}.week-view__actions{display:flex;gap:.75rem;align-items:center;padding:1.25rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:2rem;flex-wrap:wrap}.week-view__nav{display:flex;justify-content:space-between;padding-top:2rem;margin-top:2rem;border-top:1px solid var(--border);gap:1rem}.week-view__nav-btn{background:none;border:1px solid var(--border);color:var(--text-muted);padding:.5rem .9rem;border-radius:var(--radius);font-size:.82rem;cursor:pointer;transition:color var(--transition),border-color var(--transition)}.week-view__nav-btn:hover{color:var(--text);border-color:var(--border-light)}.week-view__nav-btn:disabled{opacity:.3;cursor:default}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radius);font-size:.85rem;font-weight:500;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition);border:1px solid transparent;line-height:1;white-space:nowrap;font-family:var(--font-body)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-glow);border-color:var(--accent-glow);text-decoration:none}.btn-primary--done{background:var(--accent-dim);color:var(--accent-text);border-color:var(--accent-dim)}.btn-primary--done:hover{background:#1a3d2a;text-decoration:none}.btn-secondary{background:transparent;color:var(--text-muted);border-color:var(--border-light)}.btn-secondary:hover{color:var(--text);border-color:var(--text-muted);text-decoration:none}.btn-claude{background:#1a1a2e;color:#a89ce0;border-color:#2a2a4a}.btn-claude:hover{background:#1e1e38;border-color:#3a3a6a;text-decoration:none}.markdown-content{font-size:.92rem;line-height:1.75;color:var(--text)}.markdown-content h1{display:none}.markdown-content h2{font-size:1.05rem;font-weight:700;color:var(--text);margin-top:2rem;margin-bottom:.6rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.markdown-content h3{font-size:.95rem;font-weight:600;color:var(--accent-text);margin-top:1.5rem;margin-bottom:.5rem}.markdown-content h4{font-size:.88rem;font-weight:600;color:var(--text-muted);margin-top:1.25rem;margin-bottom:.4rem}.markdown-content p{margin-bottom:.9rem}.markdown-content ul,.markdown-content ol{padding-left:1.4rem;margin-bottom:.9rem}.markdown-content li{margin-bottom:.3rem}.markdown-content li>ul,.markdown-content li>ol{margin-top:.25rem;margin-bottom:0}.markdown-content strong{color:var(--text);font-weight:600}.markdown-content em{color:var(--text-muted)}.markdown-content code{font-family:var(--font-mono);font-size:.82em;background:var(--bg-raised);border:1px solid var(--border);padding:.1em .35em;border-radius:3px;color:var(--accent-text)}.markdown-content pre{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;overflow-x:auto;margin-bottom:1rem;font-family:var(--font-mono);font-size:.82rem;line-height:1.6}.markdown-content pre code{background:none;border:none;padding:0;color:var(--text-muted)}.markdown-content blockquote{border-left:3px solid var(--accent-dim);background:var(--bg-card);padding:.75rem 1rem;margin:1rem 0;border-radius:0 var(--radius) var(--radius) 0;font-size:.88rem;color:var(--text-muted)}.markdown-content blockquote p{margin-bottom:0}.markdown-content table{width:100%;border-collapse:collapse;font-size:.84rem;margin-bottom:1.25rem;font-family:var(--font-mono)}.markdown-content th{background:var(--bg-raised);color:var(--text-muted);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.5rem .75rem;text-align:left;border:1px solid var(--border)}.markdown-content td{padding:.5rem .75rem;border:1px solid var(--border);color:var(--text);vertical-align:top;font-family:var(--font-body);font-size:.84rem}.markdown-content tr:nth-child(2n) td{background:var(--bg-raised)}.markdown-content hr{border:none;border-top:1px solid var(--border);margin:1.75rem 0}.markdown-content li input[type=checkbox]{accent-color:var(--accent);margin-right:.4rem}.ref-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.ref-header h1{font-size:1.3rem;font-weight:700;color:var(--text)}.ref-header p{font-size:.85rem;color:var(--text-muted);margin-top:.3rem}.state-empty{text-align:center;padding:4rem 2rem;color:var(--text-muted);font-size:.9rem}@media (max-width: 600px){.page{padding:1.25rem 1rem 3rem}.nav__inner{gap:1rem}.nav__progress{display:none}.week-grid{grid-template-columns:1fr}.week-view__title{font-size:1.2rem}.week-view__actions{flex-direction:column;align-items:flex-start}.btn{font-size:.82rem}}