:root{--bg-primary:#060606;--bg-card:#0d0d0d;--bg-elevated:#131313;--bg-hover:#181818;--bg-sidebar:#0a0a0a;--bg-code:#0c0c0c;--red-primary:#e50000;--red-bright:#f11;--red-dark:#a00000;--red-muted:#e500001f;--red-border:#e5000059;--red-glow:#e5000033;--text-primary:#f5f5f5;--text-secondary:#888;--text-dim:#555;--text-muted:#444;--border:#1a1a1a;--border-bright:#252525;--border-subtle:#151515;--rank-e:#666;--rank-d:#4a9eff;--rank-c:#4aff9e;--rank-b:gold;--rank-a:#ff6b35;--rank-s:#e50000;--rank-intro:#888;--topbar-h:56px;--sidebar-w:300px;--content-max-w:820px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--font-heading:"Bebas Neue", sans-serif;--font-sub:"Rajdhani", sans-serif;--font-body:"Sora", sans-serif;--font-code:"Source Code Pro", monospace;--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--bottom-nav-h:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);min-height:100dvh;line-height:1.7}a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--red-bright);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.cr-topbar{max-width:100vw;height:calc(var(--topbar-h) + var(--safe-top));padding-top:var(--safe-top);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding-left:calc(24px + var(--safe-left));padding-right:calc(24px + var(--safe-right));z-index:1000;background:#060606eb;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.cr-topbar-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.cr-pack-switcher{flex-shrink:1;min-width:0;position:relative}.cr-pack-switcher-inner{position:relative}.cr-pack-switcher-btn{background:var(--bg-elevated);border:1px solid var(--border-bright);min-height:44px;color:var(--text-primary);font-family:var(--font-sub);cursor:pointer;transition:all var(--transition-fast);border-radius:6px;align-items:center;gap:8px;max-width:200px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.cr-pack-switcher-btn:hover,.cr-pack-switcher-btn.open{border-color:var(--red-border);background:var(--bg-hover)}.cr-pack-switcher-icon{flex-shrink:0;font-size:14px}.cr-pack-switcher-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cr-pack-switcher-chevron{opacity:.6;transition:transform var(--transition-fast);flex-shrink:0}.cr-pack-switcher-btn.open .cr-pack-switcher-chevron{transform:rotate(180deg)}.cr-pack-switcher-menu{background:var(--bg-card);border:1px solid var(--border-bright);z-index:1100;border-radius:8px;min-width:280px;max-width:320px;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 8px 32px #00000080}.cr-pack-switcher-menu-header{font-family:var(--font-sub);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border);padding:10px 16px;font-size:11px;font-weight:700}.cr-pack-switcher-item{color:var(--text-primary);transition:background var(--transition-fast);border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:12px 16px;text-decoration:none;display:flex}.cr-pack-switcher-item:hover{background:var(--bg-hover)}.cr-pack-switcher-item.is-current{background:var(--red-muted)}.cr-pack-switcher-item-icon{flex-shrink:0;font-size:18px}.cr-pack-switcher-item-text{flex:1;min-width:0}.cr-pack-switcher-item-title{font-family:var(--font-sub);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.cr-pack-switcher-item-meta{color:var(--text-dim);margin-top:2px;font-size:11px;display:block}.cr-pack-switcher-current{text-transform:uppercase;letter-spacing:.08em;color:var(--red-primary);flex-shrink:0;font-size:10px;font-weight:700}.cr-pack-switcher-catalog{font-family:var(--font-sub);text-transform:uppercase;letter-spacing:.06em;color:var(--red-primary);text-align:center;background:var(--bg-elevated);transition:background var(--transition-fast);padding:12px 16px;font-size:12px;font-weight:700;text-decoration:none;display:block}.cr-pack-switcher-catalog:hover{background:var(--bg-hover)}.cr-back-btn{color:var(--text-secondary);font-family:var(--font-sub);letter-spacing:.5px;min-height:44px;transition:all var(--transition-fast);border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.cr-back-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.cr-topbar-divider{background:var(--border-bright);flex-shrink:0;width:1px;height:24px}.cr-course-title{font-family:var(--font-sub);color:var(--text-primary);letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.cr-topbar-right{flex-shrink:0;align-items:center;gap:20px;display:flex}.cr-reader-auth{align-items:center;display:flex}.cr-reader-auth:empty{display:none}.cr-reader-auth .auth-profile-menu{z-index:500}.cr-progress-info{align-items:center;gap:10px;display:flex}.cr-progress-text{font-family:var(--font-body);color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:500}.cr-progress-bar-mini{background:var(--border);border-radius:2px;width:100px;height:4px;overflow:hidden}.cr-progress-fill-mini{background:linear-gradient(90deg, var(--red-dark), var(--red-primary), var(--red-bright));width:0%;height:100%;box-shadow:0 0 8px var(--red-glow);border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}.cr-xp-badge{font-family:var(--font-sub);color:var(--rank-b);white-space:nowrap;background:#ffd70014;border:1px solid #ffd70026;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:13px;font-weight:700;display:flex}.cr-xp-badge svg{color:var(--rank-b)}.cr-layout{padding-top:calc(var(--topbar-h) + var(--safe-top));max-width:100vw;min-height:100dvh;display:flex;overflow-x:clip}.cr-sidebar{top:calc(var(--topbar-h) + var(--safe-top));width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:900;transition:transform var(--transition-base);position:fixed;bottom:0;left:0;overflow:hidden auto}.cr-sidebar-header{border-bottom:1px solid var(--border-subtle);padding:20px 20px 12px}.cr-sidebar-label{font-family:var(--font-sub);letter-spacing:2px;color:var(--text-dim);text-transform:uppercase;font-size:11px;font-weight:700}.cr-sidebar-inner{padding:8px 0 40px}.cr-rank-group{margin-bottom:4px}.cr-rank-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);border-left:3px solid #0000;justify-content:space-between;align-items:center;padding:10px 20px;display:flex;position:relative}.cr-rank-header:hover{background:var(--bg-hover)}.cr-rank-header-left{align-items:center;gap:10px;min-width:0;display:flex}.cr-rank-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cr-rank-title{font-family:var(--font-sub);letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.cr-rank-chevron{width:16px;height:16px;transition:transform var(--transition-fast);color:var(--text-dim);flex-shrink:0}.cr-rank-header.expanded .cr-rank-chevron{transform:rotate(90deg)}.cr-rank-badge{font-size:10px;font-family:var(--font-sub);letter-spacing:.5px;border-radius:3px;flex-shrink:0;margin-left:4px;padding:1px 6px;font-weight:600}.cr-rank-badge.locked{color:var(--text-dim);background:#ffffff0d}.cr-lesson-list{transition:max-height var(--transition-base), opacity var(--transition-fast);opacity:0;max-height:0;overflow:hidden}.cr-lesson-list.expanded{opacity:1;max-height:12000px}.cr-lesson-item{cursor:pointer;min-height:44px;transition:all var(--transition-fast);color:var(--text-secondary);border-left:3px solid #0000;align-items:center;gap:10px;padding:10px 20px 10px 36px;font-size:13px;font-weight:400;line-height:1.4;text-decoration:none;display:flex;position:relative}.cr-lesson-item:hover{background:var(--bg-hover);color:var(--text-primary)}.cr-lesson-item.active{border-left-color:var(--red-primary);background:var(--red-muted);color:var(--text-primary);font-weight:500}.cr-lesson-item.completed .cr-lesson-check{opacity:1}.cr-lesson-item.locked{opacity:.35;cursor:not-allowed;pointer-events:none}.cr-lesson-icon{text-align:center;flex-shrink:0;width:20px;font-size:14px}.cr-lesson-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cr-lesson-check{opacity:0;width:16px;height:16px;transition:opacity var(--transition-fast);color:#4aff9e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex}.cr-sidebar-overlay{z-index:850;opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#0009;position:fixed;inset:0}.cr-sidebar-overlay.active{opacity:1;pointer-events:auto}.cr-sidebar-toggle{background:var(--bg-elevated);border:1px solid var(--border-bright);cursor:pointer;width:44px;min-width:44px;height:44px;transition:all var(--transition-fast);border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;display:none}.cr-sidebar-toggle:hover{background:var(--bg-hover);border-color:var(--red-border)}.cr-toggle-bar{background:var(--text-secondary);width:18px;height:2px;transition:all var(--transition-fast);border-radius:1px;display:block}.cr-main{margin-left:var(--sidebar-w);min-width:0;max-width:100%;min-height:calc(100vh - var(--topbar-h));flex-direction:column;flex:1;display:flex}.cr-content{max-width:var(--content-max-w);width:100%;min-width:0;padding:48px 40px calc(var(--bottom-nav-h) + 40px);flex:1;margin:0 auto;animation:.4s fadeInContent;overflow-x:clip}@keyframes fadeInContent{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cr-loading{color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:120px 20px;font-size:14px;display:flex}.cr-spinner{border:3px solid var(--border-bright);border-top-color:var(--red-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cr-content h1{font-family:var(--font-heading);letter-spacing:2px;color:var(--text-primary);border-bottom:2px solid var(--red-primary);margin:0 0 24px;padding-bottom:16px;font-size:42px;line-height:1.1}.cr-content h2{font-family:var(--font-sub);letter-spacing:.8px;color:var(--text-primary);border-bottom:1px solid var(--border);margin:48px 0 16px;padding-bottom:8px;font-size:24px;font-weight:700}.cr-content h3{font-family:var(--font-sub);color:var(--text-primary);letter-spacing:.4px;margin:36px 0 12px;font-size:19px;font-weight:700}.cr-content h4{font-family:var(--font-sub);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin:28px 0 10px;font-size:16px;font-weight:600}.cr-content h5,.cr-content h6{font-family:var(--font-sub);color:var(--text-secondary);letter-spacing:.5px;margin:24px 0 8px;font-size:14px;font-weight:600}.cr-content p{color:var(--text-primary);margin:0 0 16px;font-size:16px;line-height:1.8}.cr-content strong{color:var(--text-primary);font-weight:600}.cr-content em{color:var(--text-secondary);font-style:italic}.cr-content a{color:var(--red-bright);transition:all var(--transition-fast);border-bottom:1px solid #0000;text-decoration:none}.cr-content a:hover{color:#f44;border-bottom-color:var(--red-border)}.cr-content ul,.cr-content ol{margin:0 0 16px;padding-left:24px}.cr-content li{color:var(--text-primary);margin-bottom:6px;font-size:16px;line-height:1.8}.cr-content ul li::marker{color:var(--red-primary)}.cr-content ol li::marker{color:var(--red-primary);font-weight:600}.cr-content blockquote{border-left:4px solid var(--red-primary);background:var(--red-muted);color:var(--text-secondary);border-radius:0 8px 8px 0;margin:20px 0;padding:16px 20px;font-style:italic}.cr-content blockquote p{color:var(--text-secondary);margin-bottom:0}.cr-content blockquote p:not(:last-child){margin-bottom:8px}.cr-content img{border:1px solid var(--border);border-radius:8px;max-width:100%;height:auto;margin:16px 0}.cr-content table{border-collapse:collapse;width:100%;margin:20px 0;font-size:14px;display:block;overflow-x:auto}.cr-content thead th{background:var(--bg-elevated);color:var(--text-primary);font-family:var(--font-sub);letter-spacing:.5px;text-transform:uppercase;text-align:left;border-bottom:2px solid var(--red-primary);white-space:nowrap;padding:12px 16px;font-size:13px;font-weight:700}.cr-content tbody td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:top;padding:10px 16px}.cr-content tbody tr:hover{background:var(--bg-hover)}.cr-content code:not(pre code){font-family:var(--font-code);color:var(--red-bright);background:#e5000014;border:1px solid #e500001f;border-radius:4px;padding:2px 7px;font-size:.88em}.cr-content pre{border:1px solid var(--border);border-radius:10px;margin:16px 0;position:relative;overflow:hidden;background:var(--bg-code)!important}.cr-content pre code{color:var(--text-primary);white-space:pre;display:block;overflow-x:auto;font-family:var(--font-code)!important;background:0 0!important;padding:20px 24px!important;font-size:13.5px!important;line-height:1.65!important}.cr-copy-btn{background:var(--bg-elevated);border:1px solid var(--border-bright);color:var(--text-dim);font-family:var(--font-code);cursor:pointer;min-height:44px;transition:all var(--transition-fast);z-index:5;border-radius:5px;align-items:center;gap:4px;padding:8px 12px;font-size:11px;display:flex;position:absolute;top:10px;right:10px}.cr-copy-btn:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--red-border)}.cr-copy-btn.copied{color:#4aff9e;border-color:#4aff9e4d}.cr-content details{background:var(--bg-card);border:1px solid var(--border);transition:border-color var(--transition-fast);border-radius:10px;margin:20px 0;overflow:hidden}.cr-content details summary{cursor:pointer;font-family:var(--font-sub);color:var(--text-primary);background:var(--bg-elevated);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:14px 20px;font-size:15px;font-weight:700;list-style:none;display:flex}.cr-content details summary:before{content:"▸";color:var(--red-primary);transition:transform var(--transition-fast);font-size:14px}.cr-content details summary:hover{background:var(--bg-hover)}.cr-content details>:not(summary){padding:0 20px}.cr-content details>p:first-of-type{padding-top:16px}.cr-content details>:last-child{padding-bottom:16px}.code-tabs{border:1px solid var(--border);background:var(--bg-code);border-radius:10px;margin:20px 0;overflow:hidden}.code-tab-buttons{-webkit-overflow-scrolling:touch;background:var(--bg-elevated);border-bottom:1px solid var(--border);scrollbar-width:thin;flex-wrap:nowrap;padding:0;display:flex;overflow-x:auto}.code-tab-btn{min-height:44px;font-family:var(--font-sub);letter-spacing:.8px;color:var(--text-dim);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;padding:10px 20px;font-size:13px;font-weight:700}.code-tab-btn:hover{color:var(--text-secondary);background:#ffffff05}.code-tab-btn.active{color:var(--red-bright);border-bottom-color:var(--red-primary);background:#e500000f}.code-tab-content{display:none;position:relative}.code-tab-content.active{display:block}.code-tab-content pre{border:none!important;border-radius:0!important;margin:0!important}.cr-bottom-nav{padding:16px 40px;padding-bottom:calc(16px + var(--safe-bottom));-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);max-width:var(--content-max-w);background:#060606eb;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:0 auto;display:flex;position:sticky;bottom:0}.cr-nav-btn{min-height:44px;font-family:var(--font-sub);letter-spacing:.8px;text-transform:uppercase;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-bright);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:700;display:flex}.cr-nav-btn:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--red-border)}.cr-nav-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.cr-nav-btn svg{width:14px;height:14px}.cr-mark-complete-btn{min-height:44px;font-family:var(--font-sub);letter-spacing:.8px;text-transform:uppercase;color:#fff;background:linear-gradient(135deg, var(--red-dark), var(--red-primary));border:1px solid var(--red-border);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 0 20px var(--red-glow);white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:13px;font-weight:700;display:flex}.cr-mark-complete-btn:hover{background:linear-gradient(135deg, var(--red-primary), var(--red-bright));transform:translateY(-1px);box-shadow:0 0 30px #e5000059}.cr-mark-complete-btn.completed{color:#4aff9e;background:linear-gradient(135deg,#0a3a1a,#0d4a20);border-color:#4aff9e4d;box-shadow:0 0 20px #4aff9e1a}.cr-mark-complete-btn.completed:hover{background:linear-gradient(135deg,#0d4a20,#106030);box-shadow:0 0 30px #4aff9e33}.cr-mark-complete-btn.ready{animation:2s ease-in-out infinite readyPulse}.cr-mark-complete-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.cr-mark-complete-btn:disabled:hover{background:linear-gradient(135deg, var(--red-dark), var(--red-primary));box-shadow:0 0 20px var(--red-glow);transform:none}@keyframes readyPulse{0%,to{box-shadow:0 0 20px var(--red-glow)}50%{box-shadow:0 0 36px #e5000073}}.cr-lesson-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.cr-meta-pill{font-family:var(--font-sub);letter-spacing:.5px;border:1px solid var(--border-bright);color:var(--text-secondary);background:var(--bg-elevated);border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.cr-meta-pill.rank{border-color:var(--pill-rank-color,var(--border-bright));color:var(--pill-rank-color,var(--text-secondary));background:0 0}.cr-meta-pill.xp{color:var(--rank-b);border-color:#ffd70033}@media (width<=768px){.cr-sidebar{z-index:950;width:280px;transform:translate(-100%)}.cr-sidebar.open{transform:translate(0);box-shadow:4px 0 32px #00000080}.cr-sidebar-toggle{display:flex}.cr-main{margin-left:0}.cr-content{padding:32px 20px calc(var(--bottom-nav-h) + 32px)}.cr-bottom-nav{padding:12px 16px;padding-bottom:calc(12px + var(--safe-bottom));--bottom-nav-h:68px;gap:8px}.cr-nav-btn{padding:10px 14px;font-size:12px}.cr-mark-complete-btn{padding:10px 16px;font-size:12px}.cr-topbar{padding-left:calc(12px + var(--safe-left));padding-right:calc(12px + var(--safe-right))}.cr-topbar-divider,.cr-course-title{display:none}.cr-pack-switcher-btn{max-width:140px;padding:8px 10px;font-size:12px}.cr-back-btn span{display:none}.cr-progress-info{align-items:center;gap:6px;min-width:0;display:flex}.cr-progress-text{white-space:nowrap;letter-spacing:.2px;font-size:11px}.cr-progress-bar-mini{display:none}.cr-xp-badge{align-items:center;min-height:44px;padding:6px 10px;font-size:12px;display:flex}.cr-pack-switcher-menu{left:12px;right:12px;top:calc(var(--topbar-h) + var(--safe-top) + 8px);min-width:unset;width:auto;max-width:none;position:fixed}.cr-content h1{font-size:30px}.cr-content h2{font-size:20px}.cr-content pre code{font-size:12px!important}.cr-content table{font-size:13px}.cr-content thead th{white-space:normal;padding:10px 12px;font-size:11px}.cr-content tbody td{word-break:break-word;padding:8px 12px;font-size:13px}.cr-try-first-zone,.cr-hints-zone,.cr-walkthrough-zone,.cr-solution-zone-content,.cr-mini-challenge-zone,.cr-problem-zone{padding-left:16px;padding-right:16px}.code-tab-btn{padding:10px 14px;font-size:12px}}@media (width<=480px){.cr-content{padding:24px 16px calc(var(--bottom-nav-h) + 24px)}.cr-content h1{font-size:26px}.cr-try-first-zone,.cr-hints-zone,.cr-walkthrough-zone,.cr-solution-zone-content,.cr-mini-challenge-zone{padding:14px 12px}.cr-bottom-nav{--bottom-nav-h:108px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;max-width:100%;display:grid}.cr-prev-btn{grid-area:1/1;justify-content:center}.cr-prev-btn span,.cr-next-btn span{display:none}.cr-next-btn{grid-area:1/2;justify-content:center}.cr-mark-complete-btn{grid-area:2/1/auto/-1;justify-content:center;width:100%}}.fade-in{animation:.35s fadeInContent}.cr-rank-header:after{content:"";opacity:0;width:3px;transition:opacity var(--transition-fast);position:absolute;top:0;bottom:0;left:0}.cr-rank-header:hover:after{opacity:1}@keyframes xpPulse{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.xp-pulse{animation:.3s xpPulse}.rank-color-intro{--rank-color:var(--rank-intro)}.rank-color-e{--rank-color:var(--rank-e)}.rank-color-d{--rank-color:var(--rank-d)}.rank-color-c{--rank-color:var(--rank-c)}.rank-color-b{--rank-color:var(--rank-b)}.rank-color-a{--rank-color:var(--rank-a)}.rank-color-s{--rank-color:var(--rank-s)}.cr-day-group{border-radius:6px;margin:2px 0}.cr-day-header{cursor:pointer;width:100%;min-height:44px;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);font:inherit;text-align:left;color:inherit;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-left:2px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:10px 12px 10px 14px;display:flex;position:relative}.cr-day-header:hover{background:var(--bg-hover)}.cr-day-header:focus-visible{outline:2px solid var(--red-border);outline-offset:1px}.cr-day-header.expanded{background:var(--bg-elevated)}.cr-day-header.has-active-lesson:not(.expanded){border-left-color:var(--red-primary);background:#e500000f}.cr-day-group.expanded{background:#ffffff05;border-radius:6px}.cr-day-group.has-active-lesson:not(.expanded){background:#e5000008;border-radius:6px}.cr-day-indicator{background:var(--bg-elevated);border:1px solid var(--border-bright);width:22px;height:22px;color:var(--text-dim);font-family:var(--font-sub);transition:all var(--transition-fast);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.68rem;font-weight:600;display:flex}.cr-day-indicator.completed{color:#22c55e;background:#14532d;border-color:#22c55e}.cr-day-indicator.in-progress{color:#e59600;background:#e5960026;border-color:#e5960080;font-size:.62rem}.cr-day-title{min-width:0;color:var(--text-secondary);font-family:var(--font-sub);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.78rem;font-weight:600;overflow:hidden}.cr-day-header.expanded .cr-day-title,.cr-day-header.has-active-lesson .cr-day-title{color:var(--text-primary)}.cr-day-chevron{width:14px;height:14px;color:var(--text-dim);transition:transform var(--transition-base), color var(--transition-fast);flex-shrink:0;margin-left:auto}.cr-day-header.expanded .cr-day-chevron{color:var(--text-secondary);transform:rotate(90deg)}.cr-day-lessons{padding-left:12px;display:none}.cr-day-lessons.expanded{animation:.22s dayLessonsOpen;display:block}@keyframes dayLessonsOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cr-lesson-item.cr-lesson-sub{padding-left:28px;font-size:.82rem}.cr-lesson-item.cr-lesson-sub .cr-lesson-icon{font-size:.75rem}.cr-content blockquote{border-left:3px solid var(--border-bright);background:var(--bg-elevated);transition:border-color var(--transition-fast);border-radius:0 8px 8px 0;margin:1.2rem 0;padding:.85rem 1.1rem;font-size:.92rem;line-height:1.65}.cr-content blockquote:has(strong:first-child){border-left-width:3px}.cr-content blockquote p:first-child strong:first-child{letter-spacing:.01em}.cr-content details{border:1px solid var(--border-bright);border-radius:8px;margin:1.5rem 0;overflow:hidden}.cr-content details summary{cursor:pointer;background:var(--bg-elevated);font-family:var(--font-sub);color:var(--text-secondary);transition:background var(--transition-fast), color var(--transition-fast);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:12px 16px;font-size:.95rem;font-weight:600;list-style:none;display:flex}.cr-content details summary::-webkit-details-marker{display:none}.cr-content details summary:before{content:"▶";transition:transform var(--transition-base);color:var(--text-dim);font-size:.7rem}.cr-content details[open] summary:before{transform:rotate(90deg)}.cr-content details summary:hover{background:var(--bg-hover);color:var(--text-primary)}.cr-content details[open]{border-color:#e500004d}.cr-content details[open] summary{border-bottom:1px solid var(--border);color:var(--text-primary)}.cr-content details>:not(summary){padding:0 16px}.cr-content details>p:last-child,.cr-content details>div:last-child{padding-bottom:16px}.cr-content hr{background:linear-gradient(90deg, transparent, var(--border-bright) 20%, var(--border-bright) 80%, transparent);border:none;height:1px;margin:2rem 0}.cr-content>p:last-child em:only-child{text-align:right;color:var(--text-secondary);border-top:1px solid var(--border);margin-top:1.5rem;padding-top:.8rem;font-size:.88rem;display:block}.cr-mission-panel{border:1px solid var(--red-border);background:linear-gradient(135deg,#e500000f,#0d0d0df2);border-radius:12px;margin-bottom:28px;padding:20px 22px;position:relative;overflow:hidden}.cr-mission-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--red-primary), transparent);height:2px;position:absolute;top:0;left:0;right:0}.cr-mission-panel.checkpoint{background:linear-gradient(135deg,#4aff9e0a,#0d0d0df2);border-color:#4aff9e40}.cr-mission-panel.checkpoint:before{background:linear-gradient(90deg,#0000,#4aff9e,#0000)}.cr-mission-panel.test{background:linear-gradient(135deg,#ffd7000d,#0d0d0df2);border-color:#ffd70040}.cr-mission-panel.test:before{background:linear-gradient(90deg, transparent, var(--rank-b), transparent)}.cr-mission-panel.mission-ready{border-color:#4aff9e66;box-shadow:0 0 24px #4aff9e14}.cr-mission-panel.mission-complete{background:linear-gradient(135deg,#14532d26,#0d0d0df2);border-color:#4aff9e59}.cr-day-progress{border-bottom:1px solid var(--border-subtle);margin-bottom:16px;padding-bottom:14px}.cr-day-progress-label{font-family:var(--font-sub);letter-spacing:.8px;text-transform:uppercase;color:var(--text-dim);justify-content:space-between;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.cr-day-progress-bar{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.cr-day-progress-fill{background:linear-gradient(90deg, var(--red-dark), var(--red-bright));height:100%;box-shadow:0 0 8px var(--red-glow);border-radius:2px;transition:width .5s}.cr-mission-header{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.cr-mission-icon{flex-shrink:0;font-size:28px;line-height:1}.cr-mission-title{font-family:var(--font-sub);letter-spacing:.6px;color:var(--text-primary);margin:0 0 4px;font-size:18px;font-weight:700}.cr-mission-subtitle{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.cr-mission-status{text-align:right;flex-shrink:0;margin-left:auto}.cr-mission-status-text{font-family:var(--font-sub);letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);max-width:220px;margin-bottom:6px;font-size:10px;font-weight:600;line-height:1.35;display:block}.cr-mission-panel.mission-ready .cr-mission-status-text,.cr-mission-panel.mission-complete .cr-mission-status-text{color:#4aff9e}.cr-mission-progress-ring{background:conic-gradient(#4aff9e var(--progress), var(--border) 0);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-left:auto;display:flex;position:relative}.cr-mission-progress-ring:before{content:"";background:var(--bg-card);border-radius:50%;position:absolute;inset:4px}.cr-mission-progress-ring span{font-family:var(--font-sub);color:var(--text-primary);font-size:11px;font-weight:700;position:relative}.cr-mission-checklist{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cr-mission-step{background:var(--bg-elevated);border:1px solid var(--border-subtle);transition:all var(--transition-fast);border-radius:8px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.cr-mission-step.done{background:#14532d14;border-color:#4aff9e33}.cr-mission-step.locked{opacity:.55}.cr-step-check{border:2px solid var(--border-bright);color:#4aff9e;width:22px;height:22px;transition:all var(--transition-fast);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.cr-mission-step.done .cr-step-check{background:#14532d;border-color:#22c55e}.cr-step-body{flex:1;min-width:0}.cr-step-label{color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.4;display:block}.cr-mission-step.done .cr-step-label{color:var(--text-secondary);-webkit-text-decoration:line-through #4aff9e66;text-decoration:line-through #4aff9e66}.cr-step-hint{color:var(--text-dim);margin-top:4px;font-size:12px;line-height:1.45;display:block}.cr-step-action{font-family:var(--font-sub);letter-spacing:.6px;text-transform:uppercase;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--red-border);cursor:pointer;transition:all var(--transition-fast);border-radius:6px;margin-top:8px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-block}.cr-step-action:hover:not(:disabled){background:var(--red-muted);border-color:var(--red-primary)}.cr-step-action.reveal{color:var(--rank-b);border-color:#ffd7004d}.cr-step-action.reveal:hover:not(:disabled){background:#ffd70014}.cr-step-action:disabled{opacity:.4;cursor:not-allowed}.cr-attempt-timer{font-family:var(--font-code);color:var(--text-dim);margin-top:6px;font-size:11px;display:block}.cr-try-first-zone{background:linear-gradient(135deg,#ff6b351a,#e5000014);border:2px solid #ff6b3559;border-radius:12px;margin:0 0 28px;padding:22px 24px;position:relative}.cr-try-first-zone:before{content:"ATTEMPT FIRST";font-family:var(--font-sub);letter-spacing:1.2px;color:#ff6b35;background:var(--bg-primary);padding:0 8px;font-size:10px;font-weight:700;position:absolute;top:-10px;left:20px}.cr-try-first-zone h2{color:#ff6b35!important;border-bottom-color:#ff6b354d!important;margin-top:0!important}.cr-try-first-zone p{margin-bottom:12px}a.cr-lc-btn{font-family:var(--font-sub);letter-spacing:.6px;text-transform:uppercase;transition:all var(--transition-fast);border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 4px 16px #ffa11640;color:#fff!important;background:linear-gradient(135deg,#ffa116,#ff6b00)!important;border:none!important;text-decoration:none!important}a.cr-lc-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #ffa11659;border-bottom:none!important}a.cr-lc-link{font-weight:600;color:#ffa116!important;border-bottom:1px solid #ffa1164d!important}a.cr-lc-link:hover{color:#fb4!important;border-bottom-color:#ffa11699!important}.cr-problem-zone{border-bottom:2px solid var(--border-bright);margin-bottom:32px;padding-bottom:28px}.cr-problem-zone h2{margin-top:0!important}.cr-hints-zone,.cr-walkthrough-zone,.cr-solution-zone-content{border:1px solid var(--border-bright);background:var(--bg-elevated);border-radius:12px;margin:32px 0;padding:20px 22px;position:relative}.cr-hints-zone{background:#ffd70008;border-left:4px solid #ffd70080}.cr-hints-zone h2{color:var(--rank-b)!important;border-bottom-color:#ffd70033!important;margin-top:0!important}.cr-walkthrough-zone{background:#4a9eff08;border-left:4px solid #4a9eff80}.cr-walkthrough-zone h2{color:#4a9eff!important;border-bottom-color:#4a9eff33!important;margin-top:0!important}.cr-solution-zone-content{background:#4aff9e08;border-left:4px solid #4aff9e80}.cr-solution-zone-content h2{color:#4aff9e!important;border-bottom-color:#4aff9e33!important;margin-top:0!important}.cr-mini-challenge-zone{background:#ff6b350a;border:1px solid #ff6b3540;border-radius:12px;margin:24px 0;padding:20px 22px}.cr-mini-challenge-zone h2{margin-top:0!important}.cr-gated-section:not(.revealed)>:not(.cr-section-gate){display:none}.cr-section-gate{text-align:center;padding:28px 20px}.cr-section-gate-inner h3{font-family:var(--font-sub);color:var(--text-primary);margin:8px 0 10px;font-size:17px}.cr-section-gate-inner p{color:var(--text-secondary);max-width:440px;margin:0 auto;font-size:14px;line-height:1.6}.cr-section-gate-hints .cr-gate-icon{font-size:28px}.cr-hint-gated:not(.revealed)>:not(.cr-section-gate){display:none}.cr-solution-zone{margin-top:8px}.cr-solution-gate{background:var(--bg-card);border:2px dashed var(--border-bright);text-align:center;border-radius:12px;margin:24px 0;padding:32px 24px}.cr-solution-gate-inner h3{font-family:var(--font-sub);color:var(--text-primary);margin:8px 0 10px;font-size:18px}.cr-solution-gate-inner p{color:var(--text-secondary);max-width:420px;margin:0 auto;font-size:14px;line-height:1.6}.cr-gate-icon{font-size:32px;display:block}.cr-content details.cr-solution-locked summary{cursor:not-allowed;opacity:.6;color:var(--text-dim)}.cr-content details.cr-test-solution[open]{border-color:#ffd70059}.cr-rank-awakening{text-align:center;background:linear-gradient(135deg,#ffd70014,#e500000f);border:1px solid #ffd70033;border-radius:12px;margin:20px 0 28px;padding:24px}.cr-awakening-icon{margin-bottom:8px;font-size:28px;display:block}.cr-rank-awakening h3{font-family:var(--font-sub);color:var(--rank-b);margin:0 0 8px;font-size:20px}.cr-rank-awakening p{color:var(--text-secondary);margin:0;font-size:14px}.cr-milestone-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d1;justify-content:center;align-items:center;animation:.3s fadeInOverlay;display:flex;position:fixed;inset:0}.cr-milestone-overlay[hidden]{display:none}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.cr-milestone-card{background:var(--bg-card);border:1px solid var(--red-border);text-align:center;border-radius:16px;width:90%;max-width:420px;padding:40px 36px 32px;animation:.45s cubic-bezier(.34,1.56,.64,1) milestonePop;position:relative;overflow:hidden}@keyframes milestonePop{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.cr-milestone-glow{background:radial-gradient(circle, var(--red-glow), transparent 70%);pointer-events:none;width:200px;height:200px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.cr-milestone-icon{margin-bottom:8px;font-size:52px;line-height:1;animation:.6s .2s both iconBounce}@keyframes iconBounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.cr-milestone-label{font-family:var(--font-sub);letter-spacing:2px;color:var(--red-bright);margin-bottom:6px;font-size:11px;font-weight:700}.cr-milestone-title{font-family:var(--font-heading);letter-spacing:1px;color:var(--text-primary);margin:0 0 12px;font-size:32px}.cr-milestone-msg{color:var(--text-secondary);margin:0 0 16px;font-size:14px;line-height:1.6}.cr-milestone-xp{font-family:var(--font-sub);color:var(--rank-b);text-shadow:0 0 20px #ffd7004d;margin-bottom:20px;font-size:22px;font-weight:700}.cr-milestone-btn{font-family:var(--font-sub);letter-spacing:.8px;text-transform:uppercase;color:#fff;background:linear-gradient(135deg, var(--red-dark), var(--red-primary));border:1px solid var(--red-border);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 0 24px var(--red-glow);border-radius:8px;padding:12px 28px;font-size:13px;font-weight:700}.cr-milestone-btn:hover{background:linear-gradient(135deg, var(--red-primary), var(--red-bright));transform:translateY(-1px)}.cr-toast{bottom:calc(var(--bottom-nav-h) + 16px + var(--safe-bottom));background:var(--bg-elevated);border:1px solid var(--border-bright);color:var(--text-primary);z-index:1500;opacity:0;pointer-events:none;text-align:center;border-radius:8px;max-width:90%;padding:12px 20px;font-size:13px;transition:all .3s;position:fixed;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 8px 32px #0006}.cr-toast.visible{opacity:1;transform:translate(-50%)translateY(0)}.cr-rank-progress{font-family:var(--font-sub);color:var(--text-dim);background:var(--bg-elevated);border-radius:4px;margin-left:4px;padding:2px 7px;font-size:10px;font-weight:600}.cr-lesson-steps{font-family:var(--font-sub);color:#e59600;background:#e596001f;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:600}.cr-meta-pill.type{border-color:var(--red-border);color:var(--red-bright)}.cr-lesson-item.recommended{border-left-color:#e5960080}.cr-lesson-item.recommended:not(.active){background:#e596000a}.cr-lesson-rec-badge{font-family:var(--font-sub);letter-spacing:.6px;color:#e59600;background:#e5960026;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:700}.cr-sidebar-rec{cursor:pointer;text-align:left;width:calc(100% - 24px);transition:all var(--transition-fast);color:inherit;background:linear-gradient(135deg,#e596001a,#e500000f);border:1px solid #e5960040;border-radius:8px;margin:12px 12px 8px;padding:12px 14px;font-family:inherit;display:block}.cr-sidebar-rec:hover{background:linear-gradient(135deg,#e5960024,#e5000014);border-color:#e5960073}.cr-sidebar-rec.on-path{cursor:default;background:linear-gradient(135deg,#4aff9e0f,#0d0d0df2);border-color:#4aff9e40}.cr-sidebar-rec.on-path:hover{border-color:#4aff9e40}.cr-sidebar-rec-done{background:linear-gradient(135deg,#ffd70014,#0d0d0df2);border-color:#ffd70040}.cr-sidebar-rec-label{font-family:var(--font-sub);letter-spacing:1.2px;text-transform:uppercase;color:#e59600;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.cr-sidebar-rec.on-path .cr-sidebar-rec-label{color:#4aff9e}.cr-sidebar-rec-done .cr-sidebar-rec-label{color:var(--rank-b)}.cr-sidebar-rec-title{font-family:var(--font-sub);color:var(--text-primary);font-size:13px;font-weight:700;line-height:1.35;display:block}.cr-sidebar-rec-sub{color:var(--text-dim);margin-top:4px;font-size:11px;display:block}.cr-recommended-next{background:var(--bg-elevated);border:1px solid #e5960033;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:14px 18px;display:flex}.cr-recommended-next.on-path{background:#14532d0f;border-color:#4aff9e33;gap:12px}.cr-recommended-next.all-complete{background:#ffd7000a;border-color:#ffd70033}.cr-rec-path-dot{background:#4aff9e;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:2s ease-in-out infinite recPulse;box-shadow:0 0 10px #4aff9e80}@keyframes recPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.92)}}.cr-recommended-next-text{flex:1;min-width:0}.cr-rec-label{font-family:var(--font-sub);letter-spacing:1px;text-transform:uppercase;color:#e59600;margin-bottom:2px;font-size:10px;font-weight:700;display:block}.cr-recommended-next.on-path .cr-rec-label{color:#4aff9e}.cr-recommended-next.all-complete .cr-rec-label{color:var(--rank-b)}.cr-rec-title{font-family:var(--font-sub);color:var(--text-primary);font-size:14px;font-weight:700;display:block}.cr-rec-sub{color:var(--text-dim);margin-top:2px;font-size:12px;display:block}.cr-rec-go-btn{font-family:var(--font-sub);letter-spacing:.6px;text-transform:uppercase;color:var(--text-primary);background:var(--bg-card);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border:1px solid #e5960059;border-radius:6px;flex-shrink:0;padding:8px 16px;font-size:11px;font-weight:700}.cr-rec-go-btn:hover{background:#e596001f;border-color:#e596008c}.cr-nav-btn.is-recommended{color:#e59600;border-color:#e5960059}.cr-nav-btn.is-recommended:hover{color:#f0a820;border-color:#e596008c}@media (width<=768px){.cr-mission-header{flex-wrap:wrap}.cr-mission-status{text-align:left;justify-content:space-between;align-items:center;width:100%;margin-top:10px;margin-left:0;display:flex}.cr-mission-status-text{max-width:none;margin-bottom:0}.cr-milestone-card{padding:32px 24px 24px}.cr-milestone-title{font-size:26px}.cr-recommended-next{flex-direction:column;align-items:stretch}.cr-rec-go-btn{text-align:center;width:100%}}.starter-placeholder-body{background:var(--bg-primary)}.starter-badge{font-family:var(--font-sub);letter-spacing:.08em;color:#4aff9e;background:#4aff9e14;border:1px solid #4aff9e59;border-radius:4px;padding:6px 12px;font-size:11px;font-weight:700}.starter-placeholder-main{max-width:860px;margin:0 auto;padding:48px 24px 80px}.starter-hero{text-align:center;margin-bottom:56px}.starter-icon{margin-bottom:16px;font-size:56px;display:block}.starter-title{font-family:var(--font-heading);letter-spacing:.04em;margin:8px 0 16px;font-size:clamp(42px,8vw,64px);line-height:1}.starter-tagline{color:#4aff9e;font-family:var(--font-sub);letter-spacing:.04em;margin-bottom:16px;font-size:18px;font-weight:700}.starter-description{color:var(--text-secondary);max-width:640px;margin:0 auto;font-size:17px}.starter-section{margin-bottom:48px}.starter-section-title{font-family:var(--font-sub);letter-spacing:.12em;color:var(--text-dim);margin-bottom:20px;font-size:14px;font-weight:700}.starter-goals{gap:14px;list-style:none;display:grid}.starter-goals li{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.starter-goal-check{color:#4aff9e;flex-shrink:0}.starter-progression{color:var(--text-secondary);margin-bottom:20px}.starter-phases{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.starter-phase-card{background:var(--bg-card);border:1px solid #4aff9e33;border-radius:10px;padding:20px}.starter-phase-label{font-family:var(--font-sub);letter-spacing:.08em;color:#4aff9e;margin-bottom:8px;font-size:12px;font-weight:700}.starter-phase-name{font-family:var(--font-sub);margin-bottom:8px;font-size:20px;font-weight:700}.starter-phase-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.starter-completion-card{background:linear-gradient(135deg,#4aff9e14,#4a9eff0f);border:1px solid #4aff9e40;border-radius:12px;padding:28px}.starter-completion-label{font-family:var(--font-sub);letter-spacing:.1em;color:#4aff9e;margin-bottom:8px;font-size:12px;font-weight:700}.starter-completion-headline{font-family:var(--font-heading);letter-spacing:.04em;margin-bottom:12px;font-size:36px}.starter-completion-body{color:var(--text-secondary);line-height:1.7}.starter-notice{text-align:center;background:var(--bg-card);border:1px dashed var(--border-bright);border-radius:12px;padding:32px 24px}.starter-notice-title{font-family:var(--font-sub);margin-bottom:10px;font-size:18px;font-weight:700}.starter-notice-text{color:var(--text-secondary);max-width:520px;margin:0 auto 20px}.starter-back-link{color:var(--text-primary);font-family:var(--font-sub);letter-spacing:.04em;font-weight:700;text-decoration:none}.starter-back-link:hover{color:#4aff9e}@media (width>=1440px){:root{--content-max-w:900px}}.cr-diagram-wrap{width:100%;max-width:100%;margin:16px 0;overflow:hidden}.cr-diagram-block{transform:scale(var(--diagram-scale,1));transform-origin:0 0;width:max-content;max-width:none;position:relative;overflow:visible;background:#4a9eff0a!important;border-color:#4a9eff47!important;margin:0!important}.cr-diagram-block code,.cr-diagram-block .cr-diagram-code{white-space:pre;tab-size:2;display:block;overflow-x:visible;font-family:var(--font-code)!important;color:var(--text-primary)!important;background:0 0!important;padding:16px 14px!important;font-size:clamp(8px,2.4vw,13.5px)!important;line-height:1.35!important}.cr-diagram-stack{background:#4aff9e08!important;border-color:#4aff9e40!important}.cr-diagram-tree{border-color:#4a9eff47!important}.cr-diagram-grid{background:#ffd70008!important;border-color:#ffd70038!important}.cr-diagram-flowchart{background:#ff6b350a!important;border-color:#ff6b3547!important}.cr-diagram-trie{background:#4aff9e0a!important;border-color:#4aff9e47!important}.cr-diagram-graph{background:#a882ff0a!important;border-color:#a882ff47!important}.cr-diagram-pointer{background:#4adcff0a!important;border-color:#4adcff47!important}.cr-diagram-window{background:#4aff9e0a!important;border-color:#4aff9e47!important}.cr-diagram-table{background:#ffb44a0a!important;border-color:#ffb44a47!important}[data-pack=graphs] .cr-diagram-grid code,[data-pack=graphs] .cr-diagram-grid .cr-diagram-code,[data-pack=arrays-strings] .cr-diagram-grid code,[data-pack=arrays-strings] .cr-diagram-grid .cr-diagram-code{font-size:clamp(7px,2vw,12.5px)!important}[data-pack=dp] .cr-diagram-grid code,[data-pack=dp] .cr-diagram-grid .cr-diagram-code{font-size:clamp(6.5px,1.85vw,12px)!important}[data-pack=dp] .cr-diagram-flowchart code,[data-pack=dp] .cr-diagram-flowchart .cr-diagram-code{font-size:clamp(6px,1.7vw,11.5px)!important}[data-pack=starter] .cr-diagram-grid code,[data-pack=starter] .cr-diagram-grid .cr-diagram-code,[data-pack=starter] .cr-diagram-table code,[data-pack=starter] .cr-diagram-table .cr-diagram-code{font-size:clamp(7px,2vw,12.5px)!important}[data-pack=starter] .cr-diagram-flowchart code,[data-pack=starter] .cr-diagram-flowchart .cr-diagram-code,[data-pack=starter] .cr-diagram-trace code,[data-pack=starter] .cr-diagram-trace .cr-diagram-code{font-size:clamp(6.5px,1.85vw,12px)!important}[data-pack=starter] .cr-content p{line-height:1.78}@media (width<=768px){[data-pack=starter] .cr-content{font-size:16.5px}}[data-pack=starter] .cr-content blockquote{background:#4a9eff0f;border-left:4px solid #4a9eff73;border-radius:0 10px 10px 0;margin:20px 0;padding:14px 18px}[data-pack=starter] .cr-skill-check-zone,[data-pack=starter] .cr-reflection-zone,[data-pack=starter] .cr-habit-zone,[data-pack=starter] .cr-mistake-zone,[data-pack=starter] .cr-practice-queue-zone,[data-pack=starter] .cr-onboarding-section,[data-pack=starter] .cr-completion-section{border:1px solid var(--border-bright);background:var(--bg-elevated);border-radius:12px;margin:28px 0;padding:20px 22px}[data-pack=starter] .cr-skill-check-zone{background:#4a9eff0a;border-left:4px solid #4a9eff80}[data-pack=starter] .cr-reflection-zone{background:#a882ff0a;border-left:4px solid #a882ff80}[data-pack=starter] .cr-habit-zone{background:#4aff9e0a;border-left:4px solid #4aff9e80}[data-pack=starter] .cr-mistake-zone{background:#ffb44a0a;border-left:4px solid #ffb44a80}[data-pack=starter] .cr-practice-queue-zone{background:#ffa1160a;border-left:4px solid #ffa11673}[data-pack=starter] .cr-onboarding-section{background:#4a9eff08;border-left:4px solid #4a9eff73}[data-pack=starter] .cr-completion-section{background:#ffd7000a;border-left:4px solid #ffd70073}[data-pack=starter] .cr-skill-check-zone h2,[data-pack=starter] .cr-reflection-zone h2,[data-pack=starter] .cr-habit-zone h2,[data-pack=starter] .cr-mistake-zone h2,[data-pack=starter] .cr-practice-queue-zone h2,[data-pack=starter] .cr-onboarding-section h2,[data-pack=starter] .cr-completion-section h2{margin-top:0!important}[data-pack=starter] .cr-habit-zone ul{margin:16px 0 0;padding:0;list-style:none}[data-pack=starter] .cr-habit-zone li{background:#4aff9e0f;border:1px solid #4aff9e33;border-radius:8px;min-height:44px;margin-bottom:10px;padding:12px 14px 12px 40px;line-height:1.5;position:relative}[data-pack=starter] .cr-habit-zone li:before{content:"☐";color:#4aff9ecc;font-size:16px;position:absolute;top:12px;left:14px}@media (width<=480px){[data-pack=starter] a.cr-lc-btn{justify-content:center;width:100%;min-height:44px;display:flex}[data-pack=starter] .cr-skill-check-zone,[data-pack=starter] .cr-reflection-zone,[data-pack=starter] .cr-habit-zone,[data-pack=starter] .cr-mistake-zone,[data-pack=starter] .cr-practice-queue-zone,[data-pack=starter] .cr-onboarding-section,[data-pack=starter] .cr-completion-section{padding:16px 14px}}@media (width<=768px){.cr-diagram-block code,.cr-diagram-block .cr-diagram-code{padding:12px 10px!important;font-size:clamp(7px,2.1vw,12px)!important}}@media (width<=480px){.cr-diagram-block code,.cr-diagram-block .cr-diagram-code{padding:10px 8px!important;font-size:clamp(6.5px,1.9vw,11px)!important}.cr-mark-complete-btn{letter-spacing:.4px;padding:10px 12px;font-size:11px}}