.channel-page{width:var(--container);margin:0 auto;padding:24px 0 64px}.channel-topbar{margin-bottom:20px;padding-top:88px}.back-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--ivory);font-size:.8rem;font-weight:600;padding:8px 16px;border-radius:100px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.back-btn:hover{background:#ffffff1a;border-color:#ffffff52}.channel-hero-banner{position:relative;width:100%;aspect-ratio:21/9;border-radius:18px;overflow:hidden;margin-bottom:28px;background-image:var(--hero-img, none),radial-gradient(ellipse 80% 100% at 20% 0%,color-mix(in srgb,var(--c) 26%,transparent) 0%,transparent 60%),linear-gradient(155deg,color-mix(in srgb,var(--c) 24%,var(--bg)) 0%,var(--bg) 78%);background-size:cover;background-position:center;border:1px solid color-mix(in srgb,var(--c) 32%,transparent);box-shadow:0 24px 60px -20px color-mix(in srgb,var(--c) 35%,transparent)}.channel-hero-banner:before{content:"";position:absolute;inset:0;z-index:0;opacity:.5;background-image:repeating-linear-gradient(115deg,color-mix(in srgb,var(--c) 10%,transparent) 0px,transparent 2px,transparent 34px)}.channel-hero-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 35%,#060a12e6)}.channel-hero-region{position:absolute;left:22px;bottom:18px;z-index:1;display:flex;flex-direction:column;gap:4px}.channel-hero-region-kr{font-family:var(--f-display);font-weight:900;font-size:clamp(1rem,2.6vw,1.4rem);color:var(--dim);letter-spacing:.01em}.channel-hero-region-en{font-size:clamp(1rem,2.6vw,1.4rem);letter-spacing:.02em;font-weight:800;color:var(--c);text-transform:uppercase}@media (max-width:560px){.channel-hero-banner{aspect-ratio:16/9;border-radius:14px}}.channel-hero{padding-bottom:30px;border-bottom:1px solid color-mix(in srgb,var(--c) 28%,transparent);margin-bottom:40px}.channel-badge{display:inline-block;background:var(--gold);color:var(--bg);font-size:.68rem;font-weight:800;letter-spacing:.04em;padding:5px 14px;border-radius:100px;margin-bottom:12px;margin-right:8px}.channel-badge-lock{background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);border:1px solid color-mix(in srgb,var(--c) 38%,transparent)}.channel-category{display:inline-block;font-size:.68rem;letter-spacing:.16em;color:var(--dim);font-weight:700;margin-bottom:16px;text-transform:uppercase}.channel-title{font-family:var(--f-display);font-weight:900;font-size:clamp(1.7rem,5vw,2.7rem);margin-bottom:12px;letter-spacing:-.01em;word-break:keep-all}.channel-sub{font-size:.92rem;color:var(--muted);max-width:52ch;line-height:1.7;word-break:keep-all}.channel-subscribe-btn{display:inline-flex;align-items:center;gap:6px;margin-top:18px;text-decoration:none;background:var(--c);color:var(--bg);font-weight:800;font-size:.84rem;letter-spacing:.02em;padding:12px 24px;border-radius:8px;transition:transform .15s ease,box-shadow .2s ease}.channel-subscribe-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px -8px color-mix(in srgb,var(--c) 55%,transparent)}.cat-grid-section{display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:18px;margin-bottom:44px}.cat-card{text-decoration:none;color:var(--ivory);display:block;position:relative;border:1px solid color-mix(in srgb,var(--c) 34%,transparent);border-radius:14px;overflow:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease;will-change:transform}.cat-card:hover{transform:translateY(-6px) scale(1.02);border-color:color-mix(in srgb,var(--c) 65%,transparent);box-shadow:0 20px 44px -16px color-mix(in srgb,var(--c) 55%,transparent),0 4px 14px #00000059;z-index:2}.cat-card:focus-visible{outline:2px solid var(--c);outline-offset:2px}.cat-card-art{position:relative;aspect-ratio:16/10;padding:14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;text-align:left;background:radial-gradient(ellipse 120% 90% at 50% 120%,color-mix(in srgb,var(--c) 22%,transparent) 0%,transparent 60%),linear-gradient(160deg,color-mix(in srgb,var(--c) 24%,var(--bg)) 0%,var(--bg) 82%);transition:background .28s ease}.cat-card:hover .cat-card-art{background:radial-gradient(ellipse 120% 90% at 50% 120%,color-mix(in srgb,var(--c) 32%,transparent) 0%,transparent 62%),linear-gradient(160deg,color-mix(in srgb,var(--c) 32%,var(--bg)) 0%,var(--bg) 82%)}.cat-card-name{font-family:var(--f-display);font-weight:900;color:var(--dim);font-size:clamp(.86rem,2.2vw,1.04rem);line-height:1.28;text-align:left;word-break:keep-all;overflow-wrap:break-word;max-width:22ch}.cat-card-name-en{font-size:clamp(.86rem,2.2vw,1.04rem);letter-spacing:.02em;color:var(--ivory);text-transform:uppercase;word-break:keep-all;max-width:24ch;line-height:1.25;text-align:left}.cat-card-sub{font-size:.68rem;color:var(--dim);margin-top:2px;letter-spacing:.02em}.cat-card-tier{position:absolute;top:10px;right:10px;z-index:1;font-size:.64rem;font-weight:800;letter-spacing:.04em;padding:4px 10px;border-radius:100px;backdrop-filter:blur(4px)}.cat-card-tier.is-free{background:#22c55eeb;color:#052e12;border:1px solid rgba(134,239,172,.9)}.cat-card-tier.is-paid{background:#f59e0beb;color:#3d2400;border:1px solid rgba(253,204,110,.9)}.cat-card-tier.cat-card-tier-mixed{background:linear-gradient(90deg,#22c55eeb 0% 45%,#f59e0beb 55% 100%);color:#1a1400;border:1px solid rgba(255,255,255,.5)}.empty-note{text-align:left;padding:56px 20px;border:1px dashed rgba(255,255,255,.16);border-radius:16px;background:radial-gradient(ellipse 60% 100% at 50% 0%,color-mix(in srgb,var(--c) 8%,transparent) 0%,transparent 70%),#ffffff05}.empty-note:before{content:"";display:block;width:40px;height:40px;margin:0 0 16px;border-radius:50%;background:color-mix(in srgb,var(--c) 16%,transparent);background-image:radial-gradient(circle,color-mix(in srgb,var(--c) 55%,transparent) 0%,transparent 70%)}.empty-note p{font-size:.9rem;color:var(--muted);margin-bottom:6px;font-weight:600}.empty-note-en{font-size:.96rem;color:var(--dim)}.sub-page{width:var(--container);margin:0 auto;padding:24px 0 64px}.sub-topbar{margin-bottom:20px;padding-top:88px}.sub-hero{padding-bottom:28px;border-bottom:1px solid color-mix(in srgb,var(--c) 28%,transparent);margin-bottom:36px}.sub-parent-link{display:inline-block;text-decoration:none;font-size:.78rem;font-weight:700;color:var(--c);margin-bottom:12px;transition:opacity .15s ease}.sub-parent-link:hover{opacity:.75}.sub-title{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex-wrap:wrap}.sub-title-kr{font-family:var(--f-display);font-weight:900;font-size:clamp(1.3rem,4vw,1.9rem);color:var(--dim);word-break:keep-all}.sub-title-en{font-size:clamp(1.3rem,4vw,1.9rem);letter-spacing:.01em;color:var(--ivory);text-transform:uppercase;font-weight:800;line-height:1.15}@media (max-width: 768px){.cat-grid-section{grid-template-columns:repeat(3,1fr);gap:12px}}@media (max-width: 560px){.cat-grid-section{grid-template-columns:repeat(2,1fr);gap:12px}.channel-hero{margin-bottom:32px;padding-bottom:24px}}@media (prefers-reduced-motion: reduce){.cat-card,.cat-card-art,.channel-subscribe-btn{transition:none!important}.cat-card:hover{transform:none}}