: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{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}@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,#fbbf2447,#0000 22%),linear-gradient(135deg,#be123c 0%,#9f1239 42%,#1d4ed8 100%);border:1px solid #ffffffb3;border-radius:2rem;padding:1.6rem;position:relative;overflow:hidden;box-shadow:0 28px 90px #0f172a1f}.hero-banner__inner,.panel-section__header,.content-toolbar,.content-card__meta{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,4vw,3.7rem);font-weight:900;line-height:1.05}.hero-banner__description,.hero-banner__highlight-copy,.hero-banner__highlight-meta{color:#ffffffd9;line-height:1.75}.hero-banner__description{max-width:36rem;margin:1rem 0 0}.hero-banner__actions{flex-wrap:wrap;gap:.8rem;margin-top:1.4rem;display:flex}.hero-banner__highlight{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172a38;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}.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))}}@media (width<=860px){.hero-banner__inner,.panel-section__header,.content-toolbar{flex-direction:column}.hero-banner__highlight{width:100%}.ranking-grid,.content-grid{grid-template-columns:1fr}}.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,.detail-player__summary,.reaction-card{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-hero-card,.detail-list-section{box-shadow:var(--shadow-soft);background:#fffffff0;border:1px solid #e2e8f0e6;border-radius:1.75rem;padding:1.2rem}.detail-hero-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-player{background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 100%);border-radius:1.5rem;overflow:hidden}.detail-player__frame,.detail-player__empty{aspect-ratio:16/9;width:100%}.detail-player__empty{color:#ffffffeb;place-items:center;font-weight:700;display:grid}.detail-player__title{margin:0 0 .3rem;font-size:1.05rem;font-weight:800}.detail-player__channel{color:var(--color-text-muted);margin:0}.detail-player__stats{color:var(--color-text-muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.7rem;font-size:.92rem;display:flex}.reaction-list{flex-direction:column;gap:.8rem;display:flex}.reaction-card{background:#fff;border:1px solid #e2e8f0e6;border-radius:1.4rem;align-items:center;padding:1rem}.reaction-card--active{border-color:#be185d59;box-shadow:0 18px 36px #be185d1f}.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{flex:1}.reaction-card__title{margin:0 0 .3rem;font-weight:800}.reaction-card__channel{color:var(--color-text-muted);margin:0}.reaction-card__meta{color:var(--color-text-muted);text-align:right;flex-direction:column;gap:.3rem;font-size:.92rem;display:flex}.reaction-card__actions{gap:.6rem;display:flex}@media (width<=860px){.detail-panel{padding:1rem}.detail-panel__header,.detail-list-section__toolbar,.detail-player__summary,.reaction-card{flex-direction:column}.reaction-card__meta{text-align:left}}