:root{--font-sans:"Pretendard Variable", "SUIT Variable", "S-Core Dream", "Segoe UI", sans-serif;--color-brand:#e11d48;--color-brand-deep:#9f1239;--color-royal:#1d4ed8;--color-text-strong:#0f172a;--color-text-muted:#5b6576;--shadow-soft:0 20px 45px #0f172a14}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{min-height:100%;color:var(--color-text-strong);font-family:var(--font-sans);background:radial-gradient(circle at 0 0,#ffd6c1b3,#0000 32%),linear-gradient(#fff9f5 0%,#f6f7fb 55%,#eef3ff 100%);margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:0}iframe{border:0}.app-shell{min-height:100vh}.site-main{width:min(1180px,100% - 2rem);margin:0 auto;padding:1.5rem 0 0}.page-stack{flex-direction:column;gap:1.4rem;display:flex}@media (width<=860px){.site-main{width:min(100% - 1rem,1180px);padding-top:1rem}}.site-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#be185df2 0%,#1e40aff2 100%);border-bottom:1px solid #ffffff29;position:sticky;top:0}.site-header__inner,.site-footer__inner{align-items:center;gap:1rem;width:min(1180px,100% - 2rem);margin:0 auto;padding:1rem 0;display:flex}.site-header__brand-copy{flex-direction:column;gap:.15rem;display:flex}.site-header__brand-name{color:#fff;letter-spacing:-.03em;margin:0;font-size:1.65rem;font-weight:900}.site-header__brand-tagline{color:#ffffffd1;margin:0;font-size:.9rem}.site-header__nav{gap:.75rem;margin-left:auto;display:flex}.brand-mark{width:3rem;height:3rem;color:var(--color-brand-deep);background:#fffffff0;border-radius:999px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.chip-button{border-radius:999px;justify-content:center;align-items:center;min-height:2.7rem;padding:.75rem 1rem;transition:transform .16s,background-color .16s,color .16s,border-color .16s;display:inline-flex}.chip-button:hover{transform:translateY(-1px)}.chip-button:disabled{cursor:not-allowed;opacity:.5}.chip-button--solid{color:#fff;background:linear-gradient(135deg,#be123c 0%,#e11d48 100%);box-shadow:0 14px 30px #be185d3d}.chip-button--ghost{color:var(--color-text-strong);background:#ffffffeb;border:1px solid #94a3b859}.section-header{flex-direction:column;gap:.35rem;display:flex}.section-header__eyebrow{color:var(--color-text-muted);letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.section-header__title{letter-spacing:-.04em;margin:0;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:900}.section-header__description{color:var(--color-text-muted);margin:0;line-height:1.65}.status-notice{box-shadow:var(--shadow-soft);background:#fffffff0;border:1px solid #e2e8f0e6;border-radius:1.25rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.status-notice--danger{background:#fff1f2eb;border-color:#fb718547}.status-notice__title{margin:0 0 .3rem;font-weight:800}.status-notice__description{color:var(--color-text-muted);margin:0;line-height:1.6}.site-footer{background:#ffffffe0;border-top:1px solid #e2e8f0e6;margin-top:3rem}.site-footer__inner{justify-content:space-between;align-items:flex-start;padding:1.5rem 0 2.5rem}.site-footer__title{margin:0;font-size:1rem;font-weight:800}.site-footer__copy{max-width:33rem;color:var(--color-text-muted);margin:.4rem 0 0;line-height:1.6}.site-footer__meta{color:var(--color-text-muted);text-align:right;flex-direction:column;gap:.4rem;font-size:.92rem;display:flex}.site-footer__version{color:var(--color-text-strong);font-weight:700}@media (width<=860px){.site-header__inner,.site-footer__inner{flex-wrap:wrap;width:min(100% - 1rem,1180px)}.site-header__nav{width:100%;margin-left:0}.site-footer__meta{text-align:left}}.hero-banner{background:radial-gradient(circle at 100% 0,#fbbf2433,#0000 22%),linear-gradient(135deg,#be185dfa 0%,#9f1239f5 28%,#8f2280f0 62%,#1d4ed8f5 100%);border:1px solid #ffffffb3;border-radius:2rem;padding:1.4rem;position:relative;overflow:hidden;box-shadow:0 28px 90px #0f172a1f}.hero-banner__toolbar,.hero-banner__stage,.panel-section__header,.content-toolbar,.content-card__meta{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.hero-banner__toolbar{margin-bottom:1rem}.hero-banner__toolbar-copy{color:#ffffffd1;margin:.55rem 0 0;font-size:.94rem;line-height:1.6}.hero-banner__controls{gap:.65rem;display:flex}.hero-banner__nav-button{color:#fff;background:#ffffff24;border:1px solid #fff3;border-radius:999px;width:2.9rem;height:2.9rem;font-size:1.5rem;line-height:1;transition:transform .16s,background-color .16s}.hero-banner__nav-button:hover{background:#ffffff3d;transform:translateY(-1px)}.hero-banner__stage{align-items:flex-start}.hero-banner__fallback{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.hero-banner__copy{max-width:44rem}.hero-banner__live-badge{color:#fff;background:#ffffff2e;border-radius:999px;justify-content:center;align-items:center;margin-bottom:1rem;padding:.45rem .8rem;font-size:.85rem;font-weight:800;display:inline-flex}.hero-banner__title{color:#fff;letter-spacing:-.05em;margin:0;font-size:clamp(2rem,3.6vw,3.2rem);font-weight:900;line-height:1.08}.hero-banner__description,.hero-banner__highlight-copy,.hero-banner__highlight-meta{color:#ffffffd9;line-height:1.75}.hero-banner__description{margin:.9rem 0 0}.hero-banner__actions{flex-wrap:wrap;gap:.8rem;margin-top:1rem;display:flex}.hero-banner__highlight{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1f;border-radius:1.5rem;width:min(100%,20rem);padding:1.25rem}.hero-banner__highlight-title{letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:700}.hero-banner__highlight-name{margin:.7rem 0 .2rem;font-size:1.8rem;font-weight:900}.hero-banner__media{aspect-ratio:16/9;background:#ffffff24;border-radius:1.75rem;flex:1.45;min-height:24rem;position:relative;overflow:hidden;box-shadow:0 18px 48px #0206172e}.hero-banner__frame,.hero-banner__placeholder{border:0;width:100%;height:100%}.hero-banner__placeholder{background:radial-gradient(circle at 72% 18%,#fbbf2442,#0000 18%),linear-gradient(135deg,#be185dd6 0%,#1d4ed8bd 100%);align-items:flex-end;display:flex}.hero-banner__placeholder-inner{color:#fff;padding:1.5rem}.hero-banner__placeholder-title{margin:0 0 .4rem;font-size:1.45rem;font-weight:800}.hero-banner__placeholder-copy{color:#ffffffd6;margin:0;line-height:1.6}.hero-banner__media-caption{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a8f;border-radius:999px;align-items:center;gap:.6rem;padding:.65rem .9rem;font-size:.88rem;font-weight:700;display:inline-flex;position:absolute;bottom:1rem;left:1rem}.hero-banner__panel{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1f;border-radius:1.75rem;flex-direction:column;flex:1;gap:.9rem;min-width:min(100%,22rem);padding:1.35rem;display:flex;box-shadow:inset 0 1px #ffffff1f}.hero-banner__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#ffffffc7;margin:0;font-size:.82rem;font-weight:800}.hero-banner__message{color:#fff;background:#ffffff1f;border-radius:1rem;margin:0;padding:.9rem 1rem;line-height:1.65}.hero-banner__stats,.hero-banner__tags{flex-wrap:wrap;gap:.65rem;display:flex}.hero-banner__meta-badge,.hero-banner__tag{border-radius:999px;justify-content:center;align-items:center;padding:.45rem .75rem;font-size:.82rem;font-weight:700;display:inline-flex}.hero-banner__meta-badge{color:#fff;background:#ffffff2e}.hero-banner__tag{color:#fffffff5;background:#ffffff14;border:1px solid #ffffff29}.hero-banner__thumb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.hero-banner__thumb{aspect-ratio:16/9;background:#ffffff1a;border:1px solid #ffffff24;border-radius:1rem;overflow:hidden}.hero-banner__thumb img{object-fit:cover;width:100%;height:100%;display:block}.hero-banner__thumb-fallback{color:#fff;background:linear-gradient(135deg,#be185dc7 0%,#1d4ed8b3 100%);align-items:flex-end;min-height:100%;padding:.75rem;font-size:.82rem;line-height:1.45;display:flex}.hero-banner__pagination{justify-content:center;gap:.55rem;margin-top:1rem;display:flex}.hero-banner__dot{background:#ffffff47;border-radius:999px;width:.7rem;height:.7rem;transition:transform .16s,background-color .16s}.hero-banner__dot--active{background:#fff;transform:scale(1.16)}.panel-section{box-shadow:var(--shadow-soft);background:#ffffffe6;border:1px solid #ffffffc2;border-radius:1.9rem;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.panel-section__meta{color:var(--color-text-muted);margin:0;font-size:.92rem}.ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.ranking-card{text-align:left;background:linear-gradient(#fff 0%,#fafafc 100%);border:1px solid #e2e8f0e6;border-radius:1.4rem;align-items:center;gap:1rem;padding:1rem;transition:transform .18s,box-shadow .18s;display:flex}.ranking-card:hover,.content-card__visual:hover{transform:translateY(-2px)}.ranking-card__rank{width:3rem;color:var(--color-brand);font-size:1.8rem;font-weight:900}.ranking-card__body{flex-direction:column;flex:1;gap:.25rem;display:flex}.ranking-card__title{font-size:1.05rem;font-weight:800}.ranking-card__meta,.content-card__description,.content-card__meta{color:var(--color-text-muted)}.ranking-card__views{font-weight:700}.content-toolbar{flex-wrap:wrap}.filter-group,.sort-toggle{flex-wrap:wrap;gap:.65rem;display:flex}.filter-group__button,.sort-toggle__button{min-height:2.8rem;color:var(--color-text-strong);background:#fff;border:1px solid #cbd5e1cc;border-radius:999px;padding:.75rem 1rem;font-weight:700;transition:transform .16s,border-color .16s,background-color .16s,color .16s}.filter-group__button:hover,.sort-toggle__button:hover{transform:translateY(-1px)}.filter-group__button--active,.sort-toggle__button--active{color:#fff;background:linear-gradient(135deg,#be123c 0%,#e11d48 100%);border-color:#be185d2e;box-shadow:0 16px 30px #be185d2e}.content-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.content-card{box-shadow:var(--shadow-soft);background:#fff;border:1px solid #e2e8f0e6;border-radius:1.75rem;overflow:hidden}.content-card__visual{background:radial-gradient(circle at bottom,#be185d1f,#0000 24%),linear-gradient(135deg,#fff8ef 0%,#fff6f7 40%,#eef3ff 100%);border-bottom:1px solid #e2e8f0d6;justify-content:center;align-items:center;width:100%;min-height:13rem;transition:transform .18s;display:flex;position:relative}.content-card__pill{background:var(--color-brand);color:#fff;border-radius:999px;justify-content:center;align-items:center;padding:.45rem .8rem;font-size:.82rem;font-weight:800;display:inline-flex;position:absolute;bottom:1rem;right:1rem}.content-card__category{width:5.4rem;height:5.4rem;color:var(--color-text-strong);background:#ffffffe6;border-radius:999px;justify-content:center;align-items:center;font-weight:800;display:inline-flex;box-shadow:0 14px 30px #0f172a14}.content-card__body{flex-direction:column;gap:.65rem;padding:1rem 1rem 1.2rem;display:flex}.content-card__eyebrow{color:var(--color-brand);margin:0;font-size:.82rem;font-weight:800}.content-card__title{letter-spacing:-.03em;margin:0;font-size:1.3rem;font-weight:900}.content-card__description{margin:0;line-height:1.6}@media (width<=1100px){.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-banner__stage{flex-direction:column}.hero-banner__media,.hero-banner__panel{width:100%}}@media (width<=860px){.hero-banner__toolbar,.hero-banner__fallback,.panel-section__header,.content-toolbar{flex-direction:column}.hero-banner__highlight,.hero-banner__panel{width:100%}.hero-banner__media{width:100%;min-height:14rem}.ranking-grid,.content-grid,.hero-banner__thumb-grid{grid-template-columns:1fr}.hero-banner__controls{align-self:flex-end}}.detail-page-shell{flex-direction:column;gap:1rem;display:flex}.detail-page-shell__back{align-self:flex-start}.detail-overlay{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a7a;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.detail-panel{background:linear-gradient(#fffdf8 0%,#fff 100%);border:1px solid #ffffffc7;border-radius:2rem;width:min(1180px,100%);max-height:calc(100vh - 2rem);padding:1.5rem;overflow:auto;box-shadow:0 34px 110px #0f172a4d}.detail-panel--page{max-height:none}.detail-panel__header,.detail-list-section__toolbar,.reaction-card__summary{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.detail-panel__close{color:var(--color-text-strong);background:#ffffffe6;border:1px solid #94a3b84d;border-radius:999px;padding:.8rem 1rem;font-weight:700}.detail-panel__content{flex-direction:column;gap:1.5rem;margin-top:1rem;display:flex}.detail-summary-card,.detail-list-section{box-shadow:var(--shadow-soft);background:#fffffff0;border:1px solid #e2e8f0e6;border-radius:1.75rem;padding:1.25rem}.detail-summary-card__meta{color:var(--color-text-muted);flex-wrap:wrap;gap:.7rem;margin-bottom:1rem;font-size:.92rem;display:flex}.detail-badge{color:var(--color-brand-deep);background:#be185d1f;border-radius:999px;justify-content:center;align-items:center;padding:.45rem .8rem;font-weight:800;display:inline-flex}.detail-summary-card__description{color:var(--color-text-muted);margin:0;line-height:1.75}.detail-summary-card__hint{color:var(--color-text-strong);background:#be185d14;border-radius:1rem;margin:1rem 0 0;padding:.95rem 1rem;font-weight:700;line-height:1.6}.reaction-list{flex-direction:column;gap:.85rem;display:flex}.reaction-card{box-shadow:var(--shadow-soft);background:#fff;border:1px solid #e2e8f0e6;border-radius:1.45rem;transition:border-color .18s,box-shadow .18s;overflow:hidden}.reaction-card--expanded{border-color:#be185d59;box-shadow:0 18px 36px #be185d1f}.reaction-card__trigger{text-align:left;background:0 0;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:1rem;width:100%;padding:1rem;transition:background-color .16s;display:grid}.reaction-card__trigger:hover{background:#f8fafceb}.reaction-card__trigger:focus-visible{outline-offset:-2px;outline:2px solid #be185d57}.reaction-card__avatar{color:#fff;background:linear-gradient(135deg,#be123c 0%,#1d4ed8 100%);border-radius:999px;justify-content:center;align-items:center;width:3rem;height:3rem;font-weight:800;display:inline-flex}.reaction-card__body{min-width:0}.reaction-card__title,.reaction-card__channel{display:block}.reaction-card__title{white-space:nowrap;text-overflow:ellipsis;margin:0 0 .3rem;font-weight:800;overflow:hidden}.reaction-card__channel{color:var(--color-text-muted)}.reaction-card__meta{color:var(--color-text-muted);text-align:right;flex-direction:column;gap:.35rem;font-size:.92rem;display:flex}.reaction-card__cta{min-width:5.8rem;color:var(--color-brand-deep);background:#be185d1a;border-radius:999px;justify-content:center;align-items:center;padding:.72rem .95rem;font-weight:800;display:inline-flex}.reaction-card__expand{flex-direction:column;gap:1rem;padding:0 1rem 1rem;display:flex}.reaction-card__player{background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 100%);border-radius:1.35rem;overflow:hidden}.reaction-card__frame,.reaction-card__empty{aspect-ratio:16/9;border:0;width:100%}.reaction-card__empty{color:#ffffffeb;text-align:center;place-items:center;padding:1rem;font-weight:700;display:grid}.reaction-card__summary{background:#f8fafcf5;border-radius:1.2rem;padding:1rem}.reaction-card__summary-title{margin:0 0 .3rem;font-size:1.05rem;font-weight:800}.reaction-card__summary-channel{color:var(--color-text-muted);margin:0}.reaction-card__summary-meta{color:var(--color-text-muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.7rem;font-size:.92rem;display:flex}@media (width<=860px){.detail-panel{padding:1rem}.detail-panel__header,.detail-list-section__toolbar,.reaction-card__summary{flex-direction:column}.reaction-card__trigger{grid-template-columns:auto minmax(0,1fr)}.reaction-card__meta{text-align:left}.reaction-card__summary-meta{justify-content:flex-start}}