.cp-page{container:cp/inline-size;--cp-gutter:32px;max-width:960px;margin:0 auto;padding:36px var(--cp-gutter) 90px;display:flex;flex-direction:column;gap:24px;color:var(--text-primary)}.cp-back{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--text-secondary)}.cp-back:hover{color:var(--accent-primary)}.cp-hd{display:flex;flex-direction:column;gap:10px}.cp-kicker{font-family:var(--font-code);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--accent-primary)}.cp-hd h1{display:flex;align-items:center;gap:14px;margin:0;font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:900;letter-spacing:-.03em;line-height:1.1;overflow-wrap:anywhere}.cp-hd p{margin:0;max-width:560px;line-height:1.55}.cp-hd p,.cp-stat{font-size:15px;color:var(--text-secondary)}.cp-stat b{font-size:20px;font-weight:900;color:var(--text-primary)}.cp-diffs{display:flex;flex-wrap:wrap;gap:6px}.cp-diff{font-size:12px;font-weight:800;padding:4px 10px;border-radius:var(--radius-full)}.cp-diff.easy{color:var(--success);background:rgb(var(--success-rgb)/.12)}.cp-diff.medium{color:var(--warning);background:rgb(var(--warning-rgb)/.12)}.cp-diff.hard{color:var(--error);background:rgb(var(--error-rgb)/.12)}.cp-bar{display:flex;height:6px;border-radius:var(--radius-full);overflow:hidden;background:rgb(var(--border-color-rgb)/.18)}.cp-bar>i{display:block;height:100%}.cp-bar>i.easy{background:var(--success)}.cp-bar>i.medium{background:var(--warning)}.cp-bar>i.hard{background:var(--error)}.cp-search{position:relative}.cp-search>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.cp-search input{width:100%;min-height:44px;padding:0 14px 0 40px;border-radius:var(--radius-full);border:1px solid var(--border-color);background:rgb(var(--bg-surface-rgb)/.55);color:var(--text-primary);font:inherit;font-size:14px}.cp-search input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px rgb(var(--accent-primary-rgb)/.1)}.cp-search input::-moz-placeholder{color:rgb(var(--text-secondary-rgb)/.7)}.cp-search input::placeholder{color:rgb(var(--text-secondary-rgb)/.7)}.cp-count{font-size:13px;color:var(--text-secondary)}.cp-count b{color:var(--text-primary)}.cp-list{margin:0;padding:0;list-style:none;border-radius:var(--radius-2xl);border:1px solid rgb(var(--border-color-rgb)/.25);background:rgb(var(--bg-surface-rgb)/.3);overflow:hidden}.cp-list>li+li{border-top:1px solid rgb(var(--border-color-rgb)/.12)}.cp-co{display:grid;grid-template-columns:28px minmax(0,1fr) 140px 96px;gap:14px;align-items:center;min-height:60px;padding:0 18px;transition:background .15s}.cp-co,.cp-co:hover{color:var(--text-primary)}.cp-co:hover{background:rgb(var(--accent-primary-rgb)/.05)}.cp-co:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.cp-co-name{min-width:0;font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-co-n{justify-self:end;font-size:13px;font-weight:700;color:var(--text-secondary);white-space:nowrap}.cp-co-n b,.cp-pr{color:var(--text-primary)}.cp-pr{display:grid;grid-template-columns:minmax(0,1fr) 84px 72px;gap:14px;align-items:center;min-height:56px;padding:0 18px;transition:background .15s}a.cp-pr:hover{color:var(--text-primary);background:rgb(var(--accent-primary-rgb)/.05)}a.cp-pr:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.cp-pr-t{min-width:0;font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-pr .cp-diff{justify-self:start;text-transform:capitalize}.cp-pr-n{justify-self:end;font-size:12px;font-weight:700;color:var(--text-secondary);white-space:nowrap}.cp-locked{position:relative}.cp-locked .cp-list{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cp-ghost{display:block;height:10px;border-radius:var(--radius-full);background:rgb(var(--text-secondary-rgb)/.3);filter:blur(2px)}.cp-ghost.pill{width:56px;height:18px}.cp-ghost.pill.t0{background:rgb(var(--success-rgb)/.3)}.cp-ghost.pill.t1{background:rgb(var(--warning-rgb)/.3)}.cp-ghost.pill.t2{background:rgb(var(--error-rgb)/.3)}.cp-ghost.n{justify-self:end;width:28px}.cp-unlock{position:absolute;inset:0;justify-content:center;padding:16px;background:linear-gradient(180deg,rgb(var(--bg-app-rgb)/.1),rgb(var(--bg-app-rgb)/.7));border-radius:var(--radius-2xl)}.cp-unlock,.cp-unlock-card{display:flex;align-items:center}.cp-unlock-card{flex-direction:column;gap:12px;max-width:340px;padding:18px 20px;text-align:center;border-radius:var(--radius-xl);border:1px solid rgb(var(--accent-primary-rgb)/.35);background:var(--bg-surface-solid,var(--bg-app));box-shadow:0 10px 30px rgb(var(--bg-app-rgb)/.5)}.cp-unlock-card p{margin:0;font-size:13.5px;line-height:1.5;color:var(--text-secondary)}.cp-unlock-card svg{color:var(--accent-primary)}.cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--radius-full);border:1px solid var(--accent-primary);background:var(--accent-primary);color:var(--bg-app);font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:filter .15s}.cp-btn:hover{filter:brightness(1.06)}.cp-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.cp-btn.ghost{background:transparent;color:var(--accent-primary)}.cp-empty{padding:40px 20px;text-align:center;color:var(--text-secondary);font-size:14px;display:flex;flex-direction:column;align-items:center;gap:12px}.cp-empty h3{margin:0;font-size:16px;font-weight:800;color:var(--text-primary)}.cp-empty p{margin:0}@container cp (max-width: 600px){.cp-co{grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"m n c" "m b b";row-gap:8px;padding:12px 14px}.cp-co>.ct-logo{grid-area:m;align-self:start}.cp-co>.cp-co-name{grid-area:n}.cp-co>.cp-bar{grid-area:b}.cp-co>.cp-co-n{grid-area:c}.cp-pr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t t" "d n";row-gap:8px;padding:12px 14px}.cp-pr>:first-child{grid-area:t}.cp-pr>:nth-child(2){grid-area:d}.cp-pr>:nth-child(3){grid-area:n}.cp-pr-t{white-space:normal}}@media (max-width:767px){.cp-page{--cp-gutter:16px;padding:20px var(--cp-gutter) 110px;gap:20px}}@media (prefers-reduced-motion:reduce){.cp-btn,.cp-co,.cp-pr{transition:none}}