.kc-wrap{max-width:1180px}.kc-head h1{font-size:clamp(30px,5.4vw,44px);letter-spacing:-.01em}.kc-head .lede{max-width:680px;font-size:14.5px}.kc-mascot{display:inline-block;animation:kc-bob 2.6s ease-in-out infinite}@keyframes kc-bob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-7px) rotate(5deg)}}.kc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:100%;margin-top:26px}@media (max-width:1080px){.kc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.kc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (max-width:520px){.kc-grid{grid-template-columns:1fr}}.kc-group{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin:16px 2px -6px;font:800 16px/1 var(--font-sans);color:var(--ink)}.kc-group:first-child{margin-top:0}.kc-group{scroll-margin-top:104px}.kc-group>span:first-child{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:color-mix(in srgb,var(--pc) 26%,#fff);font-size:17px}.kc-group:after{content:"";flex:1;height:3px;border-radius:3px;background:linear-gradient(90deg,color-mix(in srgb,var(--pc) 45%,#fff),transparent)}.kc-card{position:relative;display:flex;flex-direction:column;gap:9px;padding:18px 18px 16px;border-radius:26px;border:3px solid color-mix(in srgb,var(--pc) 55%,#fff);background:var(--card-base);text-decoration:none;color:var(--ink);box-shadow:0 10px 24px -14px color-mix(in srgb,var(--pc) 60%,rgba(90,60,30,.5));transition:transform .18s ease,box-shadow .18s ease}@media (hover:hover){.kc-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--pc) 80%,#fff);box-shadow:0 18px 34px -14px color-mix(in srgb,var(--pc) 75%,rgba(90,60,30,.55))}.kc-card:hover .kc-emo{transform:translateY(-5px) scale(1.08)}.kc-card:hover .kc-go{background:var(--pc);color:#fff}}.kc-card:active{transform:translateY(-1px) scale(.99)}.kc-art{display:flex;align-items:center;justify-content:center;height:104px;border-radius:18px;background:radial-gradient(circle at 32% 26%,#fff 0%,color-mix(in srgb,var(--pc) 30%,#fff) 100%)}.kc-emo{font-size:58px;line-height:1;display:block;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.kc-card h3{font-size:17px;font-weight:800;line-height:1.3;margin:2px 2px 0}.kc-card p{font-size:13px;line-height:1.55;color:var(--dim);margin:0 2px;flex:1}.kc-go{align-self:flex-start;margin-top:2px;padding:8px 16px;border-radius:999px;font:800 13px/1 var(--font-sans);color:color-mix(in srgb,var(--pc) 62%,#3a2a10);background:color-mix(in srgb,var(--pc) 22%,#fff);border:2px solid color-mix(in srgb,var(--pc) 55%,#fff);transition:background .15s ease,color .15s ease}.kc-star{position:absolute;top:10px;right:10px;padding:4px 9px;border-radius:999px;font:800 12px/1 var(--font-sans);color:#7a4a10;background:color-mix(in srgb,#f5c451 70%,#fff);border:2px solid color-mix(in srgb,#f5c451 88%,#fff);box-shadow:0 4px 10px -5px #966414b3}.kc-total{display:inline-block;margin-left:8px;padding:3px 11px;border-radius:999px;font:800 12px/1 var(--font-sans);color:#7a4a10;vertical-align:middle;background:color-mix(in srgb,#f5c451 62%,#fff);border:2px solid color-mix(in srgb,#f5c451 85%,#fff)}.kc-note{margin:26px auto 0;max-width:640px;text-align:center;font-size:13px;color:var(--dim)}@media (max-width:760px){.kc-art{height:84px}.kc-emo{font-size:48px}.kc-card{padding:14px 14px 13px;border-radius:22px}.kc-card h3{font-size:15.5px}}@media (max-width:520px){.kc-grid{gap:10px;margin-top:18px}.kc-card{display:grid;grid-template-columns:58px 1fr;column-gap:13px;row-gap:2px;align-items:center;padding:11px 13px;border-radius:20px;border-width:2px}.kc-art{grid-row:1/span 2;width:58px;height:58px;border-radius:17px}.kc-emo{font-size:33px}.kc-card h3{grid-column:2;font-size:15px;margin:0}.kc-card p{grid-column:2;font-size:12px;line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kc-go{display:none}.kc-star{top:8px;right:9px;padding:3px 8px;font-size:11px}.kc-group{margin:12px 2px 0;font-size:15px}.kc-group>span:first-child{width:30px;height:30px;border-radius:10px;font-size:15px}}