html body .cc-root{gap:20px;padding-bottom:72px;display:grid}html body .cc-scope{scrollbar-width:none;border-bottom:1px solid var(--line);gap:6px;display:flex;overflow-x:auto}html body .cc-scope::-webkit-scrollbar{display:none}html body .cc-scope-tab{color:#6b7080;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:10px 14px 12px;font-size:14.5px;font-weight:650;transition:color .15s;display:inline-flex;position:relative}html body .cc-scope-tab:hover{color:var(--ink)}html body .cc-scope-tab.is-active{color:var(--navy);font-weight:800}html body .cc-scope-tab.is-active:after{content:"";background:var(--red);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:10px;right:10px}html body .cc-scope-tab small{color:#5d6372;font-variant-numeric:tabular-nums;background:#eef0f4;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700}html body .cc-scope-tab:focus-visible{outline:2px solid var(--red);outline-offset:-2px;border-radius:8px}html body .cc-layout{grid-template-columns:252px minmax(0,1fr);align-items:start;gap:28px;display:grid}html body .cc-filters{border:1px solid var(--line);background:#fff;border-radius:14px;position:sticky;top:92px}html body .cc-filters>summary{cursor:pointer;color:var(--navy);justify-content:space-between;align-items:center;padding:14px 16px;font-size:15px;font-weight:800;list-style:none;display:flex}html body .cc-filters>summary::-webkit-details-marker{display:none}html body .cc-filters>summary span{align-items:center;gap:8px;display:inline-flex}html body .cc-filters>summary .icon{width:16px;height:16px}html body .cc-filters>summary b{background:var(--red);color:#fff;text-align:center;border-radius:999px;min-width:20px;padding:1px 6px;font-size:12px}html body .cc-filters-caret{transition:transform .2s;display:none}html body .cc-filters[open] .cc-filters-caret{transform:rotate(180deg)}html body .cc-filters-body{border-top:1px solid #eef0f3;gap:4px;padding:0 16px 16px;display:grid}html body .cc-filters fieldset{border:0;gap:2px;margin:0;padding:14px 0 6px;display:grid}html body .cc-filters fieldset+fieldset{border-top:1px solid #f1f2f5}html body .cc-filters legend{float:left;color:#6b7080;width:100%;margin-bottom:6px;padding:0;font-size:12.5px;font-weight:700}html body .cc-filters legend+*{clear:both}html body .cc-radio{color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:10px;margin:0 -8px;padding:7px 8px;font-size:14px;transition:background .12s;display:flex}html body .cc-radio:hover{background:#f6f7f9}html body .cc-radio input{width:16px;height:16px;accent-color:var(--red);margin:0}html body .cc-radio span{flex:1;min-width:0}html body .cc-radio small{color:#8a8f9c;font-variant-numeric:tabular-nums;font-size:12.5px}html body .cc-radio:has(input:checked){color:var(--navy);font-weight:700}html body .cc-clear{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:10px;margin-top:8px;padding:9px 12px;font-size:13.5px;font-weight:700;transition:background .15s,border-color .15s}html body .cc-clear:hover{background:#f6f7f9;border-color:#c9cdd6}html body .cc-clear.is-inline{color:var(--red-dark,#9f1730);text-underline-offset:3px;background:0 0;border:0;margin:0;padding:0;text-decoration:underline}html body .cc-main{gap:16px;min-width:0;scroll-margin-top:90px;display:grid}html body .cc-toolbar{align-items:center;gap:12px;display:flex}html body .cc-search{flex:1;align-items:center;min-width:0;display:flex;position:relative}html body .cc-search .icon{color:#8a8f9c;pointer-events:none;width:17px;height:17px;position:absolute;left:14px}html body .cc-search input{border:1px solid var(--line);width:100%;height:46px;color:var(--ink);font:inherit;background:#fff;border-radius:12px;padding:0 14px 0 42px;font-size:14.5px;transition:border-color .15s,box-shadow .15s}html body .cc-search input:focus{border-color:var(--red);outline:none;box-shadow:0 0 0 3px #bb25251f}html body .cc-sort,html body .cc-pagesize{color:#6b7080;flex-shrink:0;align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:inline-flex}html body .cc-sort select,html body .cc-pagesize select{border:1px solid var(--line);height:46px;color:var(--ink);font:inherit;cursor:pointer;background-color:#fff;border-radius:12px;padding:0 34px 0 14px;font-size:14px;font-weight:600}html body .cc-pagesize select{border-radius:10px;height:38px}html body .cc-sort select:focus-visible,html body .cc-pagesize select:focus-visible{outline:2px solid var(--red);outline-offset:1px}html body .cc-meta-bar{flex-wrap:wrap;align-items:center;gap:8px 16px;min-height:28px;display:flex}html body .cc-meta-bar>p{color:#6b7080;margin:0;font-size:14px}html body .cc-meta-bar>p strong{color:var(--navy);font-weight:800}html body .cc-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}html body .cc-chip{color:var(--ink);background:#eef0f4;border-radius:999px;align-items:center;gap:4px;padding:4px 6px 4px 12px;font-size:13px;font-weight:650;display:inline-flex}html body .cc-chip button{color:#5d6372;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:20px;height:20px;padding:0;display:grid}html body .cc-chip button:hover{color:var(--ink);background:#dfe2e8}html body .cc-chip button .icon{width:11px;height:11px}html body .cc-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}html body .cc-card{border:1px solid var(--line);background:#fff;border-radius:28px;flex-direction:column;padding:10px;transition:border-color .2s,box-shadow .25s,transform .2s;display:flex;overflow:hidden;box-shadow:0 1px 2px #181c280a}html body .cc-card:hover{border-color:#e6d3d6;transform:translateY(-3px);box-shadow:0 20px 40px -26px #7a141480}html body .cc-cover{aspect-ratio:1;isolation:isolate;background:linear-gradient(135deg,#7a1414 0%,#d63a2b 100%);border-radius:18px;display:block;position:relative;overflow:hidden}html body .cc-cover.has-img{background:#eef2fb}html body .cc-cover.is-teal{background:linear-gradient(135deg,#064e3b 0%,#0d9488 100%)}html body .cc-cover.is-blue{background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 100%)}html body .cc-cover.is-purple{background:linear-gradient(135deg,#2e1065 0%,#7c3aed 100%)}html body .cc-cover:not(.has-img):after{content:"";pointer-events:none;background:radial-gradient(120% 90% at 100% 0,#ffffff29,#0000 60%);position:absolute;inset:0}html body .cc-mark{color:#ffffff29;-webkit-user-select:none;user-select:none;font-size:190px;font-weight:900;line-height:1;position:absolute;bottom:-34px;right:18px}html body .cc-badges{z-index:2;flex-wrap:wrap;gap:6px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}html body .cc-badge{color:#3a3550;background:#fffffff0;border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:800;box-shadow:0 2px 8px #0f172a2e}html body .cc-badge.is-class{color:#5b3d00;background:#fcd34d}html body .cc-badge.is-preview{color:#11643d;background:#d7f2e3}html body .cc-body{flex-direction:column;flex:1;gap:10px;padding:16px 8px 8px;display:flex}html body .cc-grade{color:#7b8090;margin:0;font-size:12.5px;font-weight:650}html body .cc-body h3{letter-spacing:-.012em;text-wrap:balance;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:17px;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden}html body .cc-body h3 a{color:var(--navy)}html body .cc-body h3 a:hover{color:var(--red)}html body .cc-desc{color:#5d6372;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}html body .cc-meta{color:#6b7080;font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}html body .cc-meta li{align-items:center;gap:6px;display:inline-flex}html body .cc-meta .icon{color:#8a8f9c;width:14px;height:14px}html body .cc-meta .is-rating{color:#8a5a00;font-weight:700}html body .cc-meta .is-rating small{color:#9a9fab;font-weight:500}html body .cc-progress{align-items:center;gap:10px;margin-top:auto;padding-top:4px;display:flex}html body .cc-bar{background:#eceef2;border-radius:2px;flex:1;height:4px;overflow:hidden}html body .cc-bar i{border-radius:inherit;background:var(--red);transform-origin:0;width:100%;height:100%;transform:scaleX(var(--progress,0));display:block}html body .cc-bar i.is-done{background:#2e9b3a}html body .cc-progress span{color:#5d6372;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px;font-weight:700}html body .cc-progress span.is-done{color:#2e7d32}html body .cc-cta{height:44px;color:var(--ink);background:#fff;border:1px solid #d5d8df;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:6px;font-size:14.5px;font-weight:750;transition:background .15s,border-color .15s,transform .12s;display:inline-flex}html body .cc-body>.cc-meta:last-of-type+.cc-cta,html body .cc-desc+.cc-cta{margin-top:auto}html body .cc-cta .icon{width:15px;height:15px;transition:transform .15s}html body .cc-cta:hover{background:#f6f7f9;border-color:#c0c5ce;transform:none}html body .cc-cta:hover .icon{transform:translate(3px)}html body .cc-cta:active{transform:scale(.985)}html body .cc-cta.is-primary{border-color:var(--red);background:var(--red);color:#fff}html body .cc-cta.is-primary:hover{background:#a82020;border-color:#a82020}html body .cc-cta:focus-visible,html body .cc-card h3 a:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:8px}html body .cc-pager{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;padding-top:18px;display:flex}html body .cc-pager .ui-pagination-wrap{border:0;flex:1;justify-content:flex-end;gap:18px;margin:0;padding:0}html body .cc-empty{text-align:center;background:#fcfcfd;border:1px dashed #cfd3db;border-radius:16px;justify-items:center;gap:10px;padding:56px 24px;display:grid}html body .cc-empty-icon{background:var(--red-soft,#fff0f3);width:52px;height:52px;color:var(--red);border-radius:14px;place-items:center;display:grid}html body .cc-empty-icon .icon{width:24px;height:24px}html body .cc-empty h3{color:var(--navy);margin:4px 0 0;font-size:18px;font-weight:800}html body .cc-empty p{color:#6b7080;max-width:46ch;margin:0;font-size:14.5px;line-height:1.6}html body .cc-btn{border:1px solid var(--line);height:44px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:8px;margin-top:8px;padding:0 20px;font-size:14.5px;font-weight:750;display:inline-flex}html body .cc-btn.is-primary{border-color:var(--red);background:var(--red);color:#fff}html body .cc-btn.is-primary:hover{background:#a82020}html body .cc-btn .icon{width:16px;height:16px}html body .cc-skeleton{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:8px 0 72px;display:grid}html body .cc-skeleton span{background:linear-gradient(100deg,#eef0f3 30%,#f8f9fb 50%,#eef0f3 70%) 0 0/220% 100%;border-radius:28px;height:530px;animation:1.4s linear infinite cc-shimmer}@keyframes cc-shimmer{to{background-position:-220% 0}}@media (max-width:960px){html body .cc-layout{grid-template-columns:1fr;gap:16px}html body .cc-filters{position:static}html body .cc-filters-caret{display:block}html body .cc-filters:not([open]) .cc-filters-body{display:none}}@media (max-width:640px){html body .cc-toolbar{flex-wrap:wrap}html body .cc-search{flex-basis:100%}html body .cc-sort{flex:1}html body .cc-sort select{flex:1;min-width:0}html body .cc-grid,html body .cc-skeleton{grid-template-columns:1fr}html body .cc-pager{flex-direction:column;align-items:stretch}html body .cc-pager .ui-pagination-wrap{flex-direction:column;justify-content:center}}@media (prefers-reduced-motion:reduce){html body .cc-card,html body .cc-cta,html body .cc-cta .icon,html body .cc-cover .cc-cover-img{transition:none}html body .cc-card:hover .cc-cover-img{transform:none}html body .cc-skeleton span{animation:none}}html body .cc-cover .cc-cover-img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}html body .cc-card:hover .cc-cover-img{transform:scale(1.04)}html body .cc-cover .cc-badges{z-index:2;position:absolute}