.cl-app{--bg:#f6f4ee;--panel:#fff;--ink:#1d1d1f;--soft:#6e6e73;--line:#e6e3da;--accent:#0071e3;--accent-soft:#eaf2fd;--green:#2f8f5b;--amber:#bf7a1e;--red:#d6453f;--hi:#ffe27a;--side:#0a0a0c;--side-soft:#17181c;--side-ink:#f2f2f4;--side-mut:#86868b;--side-line:#ffffff17;background:var(--bg);min-height:100vh;color:var(--ink);letter-spacing:-.01em;grid-template-columns:340px 1fr;display:grid}.cl-side{background:var(--side);height:100dvh;color:var(--side-ink);border-right:1px solid var(--side-line);scrollbar-width:thin;scrollbar-color:#2a2a2e transparent;position:sticky;top:0;overflow-y:auto}.cl-brand{color:inherit;align-items:center;gap:.7rem;padding:1.4rem 1.4rem 1rem;text-decoration:none;display:flex}.cl-brand .mk{color:#fff;background:linear-gradient(135deg,#2997ff,#6db8ff 55%,#a78bfa);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.cl-brand .bt{letter-spacing:-.02em;font-size:14.5px;font-weight:600;line-height:1.1}.cl-brand .bs{color:var(--side-mut);font-size:11.5px}.cl-prog{border-bottom:1px solid var(--side-line);padding:.4rem 1.4rem 1rem}.cl-pbar{background:#ffffff1a;border-radius:99px;height:6px;overflow:hidden}.cl-pbar>i{background:#2997ff;width:0;height:100%;transition:width .4s;display:block}.cl-pmeta{color:var(--side-mut);justify-content:space-between;margin-top:.5rem;font-size:11.5px;display:flex}.cl-tree{padding:.6rem .7rem 2rem}.cl-tier{margin-top:.3rem}.cl-tierhead{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:.55rem;padding:.6rem;font-family:inherit;display:flex}.cl-tierhead:hover{background:#ffffff0a}.cl-tierhead .chev{color:var(--side-mut);flex-shrink:0;width:12px;font-size:10px;transition:transform .2s}.cl-tierhead.open .chev{transform:rotate(90deg)}.cl-tierhead .tn{letter-spacing:-.01em;flex:1;font-size:13.5px;font-weight:600}.cl-badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid;border-radius:5px;padding:.16rem .45rem;font-size:9.5px;font-weight:700}.cl-badge.Free{color:#7ee2a8;border-color:#7ee2a859}.cl-badge.Paid{color:#7fb4ff;border-color:#7fb4ff59}.cl-badge.VIP{color:#c9a8ff;border-color:#c9a8ff66}.cl-tierwrap{overflow:hidden}.cl-module{margin:.5rem 0 .2rem}.cl-modlabel{letter-spacing:.06em;text-transform:uppercase;color:var(--side-mut);padding:.35rem .7rem .25rem 1.55rem;font-size:10.5px;font-weight:700}.cl-lrow{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:.55rem;padding:.42rem .6rem .42rem 1.55rem;font-family:inherit;display:flex}.cl-lrow:hover{background:#ffffff0a}.cl-lrow.on{background:var(--side-soft);border-color:var(--side-line)}.cl-lrow .dot{border:1.5px solid var(--side-mut);width:17px;height:17px;color:var(--side-mut);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:9px;font-weight:700;display:flex}.cl-lrow.on .dot{border-color:#2997ff}.cl-lrow.done .dot{background:var(--green);border-color:var(--green);color:#fff}.cl-lrow .lt{color:#d7d7da;font-size:12.5px;line-height:1.32}.cl-lrow.on .lt{color:#fff;font-weight:500}.cl-lrow .lc{color:var(--side-mut);margin-top:1px;font-size:10px}.cl-main{flex-direction:column;align-items:center;min-width:0;display:flex}.cl-wrap{width:100%;max-width:760px;padding:clamp(2rem,5vw,3.6rem) clamp(1.2rem,4vw,2.4rem) 4rem}.cl-crumb{color:var(--accent);letter-spacing:.01em;font-size:13px;font-weight:600}.cl-crumb .sep{color:var(--soft);margin:0 .4rem;font-weight:400}.cl-ey{color:var(--soft);align-items:center;gap:.6rem;margin-top:.5rem;font-size:12.5px;font-weight:500;display:flex}.cl-ey .code{color:var(--ink);font-weight:700}.cl-h1{letter-spacing:-.03em;margin-top:.65rem;font-size:clamp(1.9rem,4.2vw,2.9rem);font-weight:700;line-height:1.07}.cl-completerow{margin-top:.95rem}.cl-cbtn{color:var(--soft);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-family:inherit;font-size:13.5px;font-weight:600;display:inline-flex}.cl-cbtn .ring{border:2px solid var(--soft);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:inline-flex}.cl-cbtn.done{color:var(--green)}.cl-cbtn.done .ring{background:var(--green);border-color:var(--green)}.cl-lead{color:#33312e;letter-spacing:-.015em;margin-top:1.4rem;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:500;line-height:1.5}.cl-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;margin-top:1.9rem;padding:clamp(1.3rem,3vw,1.9rem);box-shadow:0 1px 2px #00000008}.cl-cardh{letter-spacing:.07em;text-transform:uppercase;color:var(--soft);align-items:center;gap:.55rem;font-size:12px;font-weight:700;display:flex}.cl-cardh .ic{font-size:15px}.cl-beats{flex-direction:column;gap:1rem;margin:1.1rem 0 0;padding:0;list-style:none;display:flex}.cl-beats li{color:#2c2a27;gap:.8rem;font-size:16.5px;line-height:1.5;display:flex}.cl-beats li .ar{color:var(--accent);flex-shrink:0;font-size:17px;font-weight:800;line-height:1.45}.cl-hi{background:linear-gradient(104deg,transparent 0.5%,var(--hi)1%,var(--hi)99%,transparent 99.5%);padding:0 .14em}.cl-steps{counter-reset:s;flex-direction:column;gap:.9rem;margin:1.1rem 0 0;padding:0;list-style:none;display:flex}.cl-steps li{color:#2c2a27;counter-increment:s;gap:.85rem;font-size:16px;line-height:1.5;display:flex}.cl-steps li:before{content:counter(s);background:var(--accent-soft);width:25px;height:25px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:12.5px;font-weight:700;display:flex}.cl-prompt{border:1px solid var(--line);background:#0e0f12;border-radius:14px;margin-top:1.5rem;overflow:hidden}.cl-prompth{letter-spacing:.05em;text-transform:uppercase;color:#c7c9cf;background:#16181d;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.7rem 1rem;font-size:11.5px;font-weight:700;display:flex}.cl-copy{color:#fff;cursor:pointer;text-transform:none;letter-spacing:0;background:#ffffff14;border:none;border-radius:7px;padding:.32rem .7rem;font-family:inherit;font-size:11.5px;font-weight:600}.cl-copy:hover{background:#ffffff26}.cl-promptbody{color:#e3e5ea;white-space:pre-wrap;word-break:break-word;margin:0;padding:1rem 1.1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;line-height:1.6}.cl-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:2.4rem;padding-top:1.7rem;display:flex}.cl-mark{background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.7rem 1.1rem;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.cl-mark.done{background:var(--green)}.cl-nextwrap{align-items:center;gap:1.1rem;display:flex}.cl-nav{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;font-family:inherit;font-size:14.5px;font-weight:600;display:inline-flex}.cl-nav:hover{opacity:.7}.cl-nav.dim{color:var(--soft);cursor:default}.cl-nav.dim:hover{opacity:1}.cl-pagefoot{border-top:1px solid var(--line);text-align:center;width:100%;max-width:760px;color:var(--soft);padding:1.8rem clamp(1.2rem,4vw,2.4rem) 3rem;font-size:12.5px}.cl-pagefoot b{color:#48443d;font-weight:600}.cl-burger,.cl-scrim{display:none}@media (max-width:900px){.cl-app{grid-template-columns:1fr}.cl-side{z-index:60;width:300px;transition:transform .28s;position:fixed;transform:translate(-100%)}.cl-app.nav-open .cl-side{transform:none}.cl-burger{z-index:61;background:var(--side);color:#fff;border:1px solid var(--side-line);cursor:pointer;border-radius:9px;align-items:center;gap:.5rem;padding:.5rem .8rem;font-size:13px;font-weight:600;display:inline-flex;position:fixed;top:1rem;left:1rem}.cl-scrim{z-index:59;background:#00000073;display:none;position:fixed;inset:0}.cl-app.nav-open .cl-scrim{display:block}.cl-wrap{padding-top:4rem}}