.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(--kr-bright);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}}.hero-slider{position:relative;width:100%;aspect-ratio:21/9;border-radius:18px;overflow:hidden;margin-bottom:28px;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);background:var(--bg)}@media (max-width:560px){.hero-slider{aspect-ratio:4/5;border-radius:14px}}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;background-size:cover;background-position:center}.hero-slide.is-active{opacity:1;z-index:1}.hero-slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;animation:hero-slow-zoom 9s ease-out forwards}@keyframes hero-slow-zoom{0%{transform:scale(1.06)}to{transform:scale(1)}}.hero-slide-pattern{position:absolute;inset:0;opacity:.55;background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.06) 0px,transparent 2px,transparent 30px)}.hero-slide-shade{position:absolute;inset:0;background:linear-gradient(180deg,#060a120d 30%,#060a12f0),linear-gradient(90deg,rgba(6,10,18,.55) 0%,transparent 55%)}.hero-slide-placeholder{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:color-mix(in srgb,var(--c) 55%,var(--dim));pointer-events:none}.hero-slide-placeholder svg{width:34px;height:34px;opacity:.7}.hero-slide-placeholder-kr{font-family:var(--f-display);font-weight:800;font-size:clamp(.86rem,2.1vw,1rem);color:color-mix(in srgb,var(--c) 65%,var(--ivory));letter-spacing:.01em}.hero-slide-placeholder-en{font-size:.68rem;letter-spacing:.08em;font-weight:700;text-transform:uppercase;color:var(--dim)}@media (max-width:560px){.hero-slide-placeholder svg{width:26px;height:26px}}.hero-slider-info{position:absolute;left:24px;right:24px;bottom:20px;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.hero-slider-text{display:flex;flex-direction:column;gap:3px;min-width:0}.hero-slider-title-kr{font-family:var(--f-display);font-weight:900;font-size:clamp(1.05rem,2.8vw,1.55rem);color:var(--ivory);letter-spacing:-.005em;word-break:keep-all}.hero-slider-title-en{font-size:clamp(.72rem,1.8vw,.88rem);color:var(--dim);letter-spacing:.03em;text-transform:uppercase;font-weight:700}.hero-slider-date{font-size:.72rem;color:color-mix(in srgb,var(--c) 75%,var(--ivory));font-weight:700;margin-top:2px}.hero-slider-toggle{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#060a1280;border:1px solid rgba(255,255,255,.28);color:var(--ivory);cursor:pointer;backdrop-filter:blur(4px);transition:background .2s ease,border-color .2s ease}.hero-slider-toggle:hover{background:#060a12b8;border-color:#ffffff80}.hero-slider-toggle svg{width:13px;height:13px}.hero-slider-track{position:absolute;left:24px;right:24px;bottom:66px;z-index:2;display:flex;gap:6px}.hero-slider-bar{flex:1;height:3px;border-radius:100px;background:#ffffff38;overflow:hidden;cursor:pointer}.hero-slider-bar-fill{display:block;height:100%;width:0%;background:var(--c);border-radius:100px}.hero-slider-bar.is-done .hero-slider-bar-fill{width:100%;transition:none}.hero-slider-bar.is-active .hero-slider-bar-fill{width:0%;animation:hero-bar-fill linear forwards;animation-duration:var(--hero-duration, 4.5s)}.hero-slider.is-paused .hero-slider-bar.is-active .hero-slider-bar-fill{animation-play-state:paused}@keyframes hero-bar-fill{0%{width:0%}to{width:100%}}@media (max-width:768px){.hero-slider-info{left:16px;right:16px;bottom:16px}.hero-slider-track{left:16px;right:16px;bottom:52px}}@media (max-width:560px){.hero-slider-title-en{display:none}}@media (prefers-reduced-motion: reduce){.hero-slide-bg{animation:none}.hero-slider-bar.is-active .hero-slider-bar-fill{animation:none;width:100%}}.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:auto;min-height:64px;padding:14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;text-align:left;background:#ffffff0a;transition:background .28s ease}.cat-card:hover .cat-card-art{background:#ffffff12}.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;padding-right:64px}.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:.6rem;font-weight:800;letter-spacing:.02em;padding:4px 9px;border-radius:100px;backdrop-filter:blur(4px);white-space:nowrap}.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)}.item-grid-section{display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:18px;margin-bottom:44px}.item-card-tile{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}.item-card-tile: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}.item-card-tile:focus-visible{outline:2px solid var(--c);outline-offset:2px}.item-card-tile-art{position:relative;aspect-ratio:auto;min-height:64px;padding:14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;text-align:left;background:#ffffff0a;transition:background .28s ease}.item-card-tile:hover .item-card-tile-art{background:#ffffff12}.item-card-tile-art-has-img{aspect-ratio:2/3;min-height:0;justify-content:flex-end;padding:12px;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%)}.item-card-tile:hover .item-card-tile-art-has-img{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%)}.item-card-tile-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .28s cubic-bezier(.2,.8,.2,1)}.item-card-tile:hover .item-card-tile-bg{transform:scale(1.06)}.item-card-tile-art-has-img:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#0a192f00 40%,#0a192f8c,#0a192feb)}.item-card-tile-art-has-img>*{position:relative;z-index:1}.item-card-tile-art-has-img .item-card-tile-name{color:var(--ivory);padding-right:0}.item-card-tile-art-has-img>.cat-card-tier{position:absolute;top:10px;right:10px;z-index:2}.item-card-tile-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;padding-right:64px}.item-card-tile-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}.item-card-tile-region{font-size:.68rem;color:var(--dim);margin-top:2px;letter-spacing:.02em}.item-card-tile-lockmask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a192f8c;backdrop-filter:blur(1.5px);color:var(--ivory);opacity:.9}.item-card-tile-more .item-card-tile-more-art{aspect-ratio:auto;min-height:64px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;background:#ffffff08}.item-card-tile-more-num{font-family:var(--f-display);font-weight:900;font-size:1.6rem;color:var(--c)}.item-card-tile-more-label-kr{font-size:.78rem;color:var(--kr-bright);word-break:keep-all}.item-card-tile-more-label-en{font-size:.68rem;color:var(--dim);text-transform:uppercase;letter-spacing:.02em}@media (min-width: 900px){.item-grid-section{grid-template-columns:repeat(3,1fr);gap:12px}}@media (max-width: 560px){.item-grid-section{grid-template-columns:repeat(2,1fr);gap:12px}}@media (prefers-reduced-motion: reduce){.item-card-tile,.item-card-tile-art{transition:none!important}.item-card-tile:hover{transform:none}}.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(--kr-bright);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}}