body:has(.content-dark){color:var(--paper);background:radial-gradient(1000px 640px at 96% -8%, #d8ff3d17, transparent 55%), radial-gradient(1200px 800px at -6% 110%, #d8ff3d0d, transparent 55%), var(--ink);background-attachment:fixed}body:has(.content-dark):after{opacity:.05}body:has(.content-dark) .gnb.scrolled{background:color-mix(in srgb, var(--ink) 86%, transparent);border-bottom-color:var(--d-line)}body:has(.content-dark) .gnb nav{background:color-mix(in srgb, var(--ink) 58%, transparent);border-color:var(--d-line)}body:has(.content-dark) .gnb nav a{color:var(--paper);opacity:.62}body:has(.content-dark) .gnb nav a:hover{opacity:1;background:color-mix(in srgb, var(--paper) 12%, transparent)}body:has(.content-dark) .gnb nav a.active{opacity:1;background:var(--paper);color:var(--ink)}body:has(.content-dark) .gnb nav a.active:after{background:var(--lime)}body:has(.content-dark) .logo{color:var(--paper)}body:has(.content-dark){--rib-rise:calc(3.29vw + 20px);--rib-fall:calc(3.29vw - 20px)}@media (max-width:960px){body:has(.content-dark){--rib-rise:73px;--rib-fall:7px}}body:has(.content-dark) .page-head{padding-bottom:calc(var(--rib-rise) + var(--rib-gap-top))}body:has(.content-dark) .ribbon-sep+section{padding-top:calc(var(--rib-fall) + var(--rib-gap-bottom))}body:has(.content-dark) .page-head p{color:var(--d-mut)}body:has(.content-dark) .crumb{color:var(--d-mut2)}body:has(.content-dark) .ribbon-sep{--rib-h:max(200px, 7vw);--rib-mid:-20px;z-index:6;pointer-events:none;height:0;position:relative}body:has(.content-dark) .ribbon-sep svg{left:0;right:0;top:calc(var(--rib-mid) - var(--rib-h) / 2);width:100%;height:var(--rib-h);filter:drop-shadow(0 12px 28px #0006);display:block;position:absolute;overflow:visible}body:has(.content-dark) .ribbon-sep .edge{fill:none;stroke:#000;stroke-width:56px;stroke-linecap:round}body:has(.content-dark) .ribbon-sep .lane{fill:none;stroke:var(--lime);stroke-width:50px;stroke-linecap:round}body:has(.content-dark) .ribbon-sep text{font-family:var(--sans);letter-spacing:.13em;word-spacing:.44em;fill:var(--ink);dominant-baseline:central;font-size:16px;font-weight:800}@media (max-width:960px){body:has(.content-dark) .ribbon-sep{--rib-h:150px;--rib-mid:-33px}body:has(.content-dark) .ribbon-sep svg{filter:drop-shadow(0 8px 16px #0e0e0c24)}}body:has(.content-dark) .vcell{cursor:pointer;background:#17170f;border-radius:22px;text-decoration:none;transition:transform .35s cubic-bezier(.2,.6,.2,1);display:block;position:relative;overflow:hidden}body:has(.content-dark) .vcell:hover{transform:scale(1.018)}body:has(.content-dark) .vcell .thumb{background:radial-gradient(80% 90% at 28% 18%,#d8ff3d3d,#0000 58%),radial-gradient(90% 90% at 82% 88%,#f4f1ea1a,#0000 55%),linear-gradient(200deg,#0000 50%,#00000080);position:absolute;inset:0}body:has(.content-dark) .vcell .dur{font-family:var(--mono);letter-spacing:.1em;color:#f4f1eacc;background:#0000008c;border-radius:999px;padding:5px 10px;font-size:11px;position:absolute;top:16px;right:16px}body:has(.content-dark) .vcell .play{place-items:center;display:grid;position:absolute;inset:0}body:has(.content-dark) .vcell .play i{background:var(--lime);width:60px;height:60px;color:var(--ink);border-radius:50%;place-items:center;font-size:18px;transition:transform .3s;display:grid;box-shadow:0 12px 40px #d8ff3d38}body:has(.content-dark) .vcell:hover .play i{transform:scale(1.14)}body:has(.content-dark) .vcell .cap{position:absolute;bottom:18px;left:22px;right:22px}body:has(.content-dark) .vcell .cap b{letter-spacing:-.025em;font-size:16.5px;font-weight:700;display:block}body:has(.content-dark) .vcell .cap span{font-family:var(--mono);color:var(--d-mut);letter-spacing:.12em;text-transform:uppercase;font-size:11px}body:has(.content-dark) .feat{aspect-ratio:21/9;margin-bottom:20px}body:has(.content-dark) .feat .cap b{letter-spacing:-.035em;font-size:24px}body:has(.content-dark) .vg{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}body:has(.content-dark) .vg .vcell{aspect-ratio:16/9}body:has(.content-dark) .sub-banner{border:1px solid var(--d-line);border-radius:26px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:68px 0 0;padding:44px 48px;display:flex;position:relative;overflow:hidden}body:has(.content-dark) .sub-banner:before{content:"✳";color:var(--lime);opacity:.1;pointer-events:none;font-size:180px;line-height:1;position:absolute;bottom:-54px;right:-20px}body:has(.content-dark) .sub-banner .k{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--d-mut2);margin-bottom:10px;font-size:11.5px;display:block}body:has(.content-dark) .sub-banner h3{letter-spacing:-.035em;margin:0 0 4px;font-size:23px;font-weight:800}body:has(.content-dark) .sub-banner p{color:var(--d-mut);margin:0;font-size:14px}body:has(.content-dark) .channel-tabs{z-index:1;border:1px solid var(--d-line);background:#f4f1ea0a;border-radius:999px;gap:5px;padding:5px;display:flex;position:relative}body:has(.content-dark) .channel-tab{color:var(--paper);white-space:nowrap;transition:background var(--hover), color var(--hover), transform var(--hover);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}body:has(.content-dark) .channel-tab span{font-family:var(--mono);font-size:12px}body:has(.content-dark) .channel-tab:hover{background:var(--lime);color:var(--ink);transform:translateY(-1px)}@media (max-width:720px){body:has(.content-dark) .channel-tabs{border-radius:20px;grid-template-columns:1fr;width:100%;display:grid}body:has(.content-dark) .channel-tab{justify-content:space-between;padding-inline:16px}}body:has(.content-dark) footer{border-top-color:var(--d-line);background:#131310}body:has(.content-dark) .ft__top{border-bottom-color:var(--d-line)}body:has(.content-dark) .ft__brand p{color:var(--d-mut2)}body:has(.content-dark) .ft__nav a{color:var(--d-mut2)}body:has(.content-dark) .ft__biz{color:var(--d-mut2)}body:has(.content-dark) .ft__bottom{color:var(--d-mut2)}body:has(.content-dark) .ft__biz b{color:var(--d-mut)}:is(body:has(.content-dark) .ft__nav a:hover,body:has(.content-dark) .ft__bottom a:hover){color:var(--paper)}@media (max-width:900px){.vg{grid-template-columns:1fr}.feat{aspect-ratio:16/9}}body:has(.content-dark) .vcell .vimg{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}body:has(.content-dark) .vcell .vshade{background:linear-gradient(#0000 10%,#00000014 22%,#00000042 38%,#00000085 54%,#000000c7 70%,#000000eb 86%,#000000f5 100%);position:absolute;inset:0}body:has(.content-dark) .vcell .cap b{text-shadow:0 1px 8px #0009;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}body:has(.content-dark) .chbadge{z-index:3;color:#fff;letter-spacing:-.01em;background:#0009;border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:700;position:absolute;top:14px;left:14px}
