.kpop{--kpop-ink:oklch(16% .01 20);--kpop-newsprint:oklch(95% .008 95);--kpop-lime:oklch(93% .22 125);--kpop-paper:var(--kpop-ink);--kpop-text:var(--kpop-newsprint);--kpop-accent:var(--kpop-lime);--kpop-line:oklch(95% .008 95/.58);--kpop-sheet:oklch(24% .008 95);--kpop-serif:"Fraunces", Georgia, serif;--kpop-mono:"JetBrains Mono", monospace;background:var(--kpop-paper);min-height:100svh;color:var(--kpop-text);color-scheme:dark;font:400 1rem/1.5 Inter,sans-serif}html[data-kpop-theme=light] .kpop{--kpop-paper:var(--kpop-newsprint);--kpop-text:var(--kpop-ink);--kpop-accent:oklch(42% .15 125);--kpop-line:oklch(16% .01 20/.72);--kpop-sheet:oklch(99% .005 95);color-scheme:light}body:has(.kpop){margin:0}.kpop *,.kpop :before,.kpop :after{box-sizing:border-box}.kpop :where(h1,h2,h3,p,ul){margin:0}.kpop :where(ul){padding:0;list-style:none}.kpop :where(a){color:inherit;text-decoration:none}.kpop :where(button){font:inherit;color:inherit;cursor:pointer}.kpop :where(img){max-width:100%;display:block}.kpop :where(a,button):focus-visible{outline:2px solid var(--kpop-accent);outline-offset:3px}.kpop ::selection{background:var(--kpop-lime);color:var(--kpop-ink)}.kpop-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kpop-meta{font:400 10px/1.4 var(--kpop-mono);text-transform:uppercase}.kpop-small{font-family:var(--kpop-mono)}.kpop-skip{z-index:100;background:var(--kpop-lime);color:var(--kpop-ink);padding:12px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.kpop-skip:focus{transform:none}.kpop-header{z-index:30;border-bottom:3px solid var(--kpop-line);background:var(--kpop-paper);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:20px;min-height:60px;padding:0 40px;display:grid;position:relative}.kpop-brand{font:italic 900 30px/1 var(--kpop-serif);flex-shrink:0}.kpop-brand:hover{color:var(--kpop-accent)}.kpop-nav{min-width:0;font:400 11px/1 var(--kpop-mono);text-transform:uppercase;justify-content:center;align-items:center;gap:16px;display:flex}.kpop-nav>:is(a,span){white-space:nowrap;align-items:center;min-height:44px;padding:8px 4px;display:inline-flex}.kpop-nav>a[aria-current=page]{background:var(--kpop-lime);min-height:28px;color:var(--kpop-ink)}.kpop-nav>span{cursor:default;opacity:.55}.kpop-nav-section{position:relative}.kpop-nav-trigger{white-space:nowrap;min-height:44px;text-transform:inherit;background:0 0;border:0;align-items:center;gap:4px;padding:8px 4px;display:flex}.kpop-nav-trigger[aria-current=true]{background:var(--kpop-lime);min-height:28px;color:var(--kpop-ink)}.kpop-nav-trigger:hover,.kpop-nav-trigger[aria-expanded=true]{background:var(--kpop-lime);color:var(--kpop-ink)}.kpop-nav-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.kpop-nav-panel{border:1px solid var(--kpop-line);background:var(--kpop-sheet);width:264px;padding:8px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 22px oklch(0% 0 0/.2)}.kpop-nav-panel[hidden]{display:none}.kpop-nav-note{color:var(--kpop-accent);padding:8px}.kpop-nav-panel a{flex-direction:column;justify-content:center;gap:6px;min-height:56px;padding:10px 8px;line-height:1.4;display:flex}.kpop-nav-panel a+a{border-top:1px solid var(--kpop-line)}.kpop-nav-panel a:is(:hover,[aria-current=page]){background:var(--kpop-lime);color:var(--kpop-ink)}.kpop-nav-panel small{text-transform:none;font:400 12px/1.4 Inter,sans-serif}.kpop-error{outline:none;max-width:900px;min-height:50vh;margin-inline:auto;padding:56px 24px}.kpop-error h1{font:700 clamp(36px,6vw,64px)/1.1 var(--kpop-serif)}.kpop-error p{margin-top:20px}.kpop-error a{background:var(--kpop-lime);min-height:44px;color:var(--kpop-ink);font:400 12px/1.4 var(--kpop-mono);text-transform:uppercase;align-items:center;margin-top:24px;padding:8px 16px;display:inline-flex}.kpop-tagline{font:italic 400 14px/1.4 var(--kpop-serif);opacity:.75;flex-shrink:0;margin-left:auto}.kpop-theme-toggle,.kpop-menu-toggle{background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.kpop-theme-toggle:hover,.kpop-menu-toggle:hover{background:var(--kpop-lime);color:var(--kpop-ink)}.kpop-menu-toggle{display:none}.kpop-today{outline:none;grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:min(840px,100svh - 60px);display:grid}.kpop-date{border-right:2px solid var(--kpop-line);flex-direction:column;justify-content:space-between;gap:56px;min-width:0;padding:26px 40px;display:flex}.kpop-date-number{font:900 min(40vh, 390px)/.75 var(--kpop-serif)}.kpop-date-bottom{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.kpop-month{font:italic 400 48px/1 var(--kpop-serif)}.kpop-month span{white-space:nowrap;font-size:14px;font-style:normal}.kpop-fixture-label{text-align:right;opacity:.55}.kpop-index{min-width:0}.kpop-index-section{border-bottom:3px solid var(--kpop-line);padding:12px 32px 0}.kpop-section-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.kpop-section-heading h2{font:900 18px/1.5 var(--kpop-serif);text-transform:uppercase}.kpop-lead{border-bottom:1px solid var(--kpop-line);grid-template-columns:minmax(0,1fr) 235px;gap:24px;padding:16px 0;display:grid}.kpop-lead-label{background:var(--kpop-lime);color:var(--kpop-ink);padding:0 4px}.kpop-lead h1{font:700 28px/1.08 var(--kpop-serif);overflow-wrap:anywhere;margin-top:8px}.kpop-lead>img{object-fit:cover;filter:grayscale()contrast(1.25);width:100%;height:128px;transition:filter .2s}.kpop-lead:hover>img{filter:none}.kpop-update-row{border-bottom:1px solid var(--kpop-line);grid-template-columns:48px 76px minmax(0,1fr);align-items:baseline;gap:12px;min-height:44px;padding:8px 0;font-size:13px;display:grid}.kpop-update-type{font:400 10px/1.4 var(--kpop-mono);text-transform:uppercase;opacity:.6}.kpop-teaser{object-fit:cover;object-position:center 30%;width:calc(100% - 148px);height:64px;margin:8px 0 8px 148px}.kpop-next{flex-wrap:wrap;align-items:baseline;gap:8px 20px;padding:12px 0;display:flex}.kpop-next-day{font:900 48px/1 var(--kpop-serif)}.kpop-next>p{font:italic 400 20px/1.4 var(--kpop-serif)}.kpop-next>p>span{white-space:nowrap}.kpop-countdown{white-space:nowrap;margin-left:auto}.kpop-anniversaries{gap:20px;padding:12px 0;display:flex}.kpop-anniversaries>li{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.kpop-anniversaries img{object-fit:cover;flex-shrink:0;width:48px;height:64px}.kpop-anniversaries h3{font:700 20px/1.4 var(--kpop-serif)}.kpop-anniversaries p{text-transform:uppercase;opacity:.6;font-size:10px;line-height:1.4}.kpop-footer{border-top:1px solid var(--kpop-line);padding:16px 40px}.kpop-footer p{opacity:.65}@media (width>=1500px){.kpop-nav{gap:20px}}@media (width>=1101px) and (width<=1280px){.kpop-tagline{display:none}.kpop-header{grid-template-columns:auto minmax(0,1fr) auto;padding-inline:32px}}@media (width<=1100px){.kpop-header{min-height:64px;padding-inline:20px;display:flex}.kpop-menu-toggle{order:4;display:inline-flex}.kpop-theme-toggle{order:3}.kpop-nav{border-bottom:2px solid var(--kpop-line);background:var(--kpop-paper);flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - 80px);padding:8px 20px 16px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 12px 22px oklch(0% 0 0/.2)}.kpop-nav[data-open=true]{display:flex}.kpop-nav>:is(a,span),.kpop-nav>a[aria-current=page]{min-height:44px;padding-inline:12px;font-size:12px}.kpop-nav-trigger,.kpop-nav-trigger[aria-current=true]{justify-content:space-between;width:100%;min-height:44px;padding-inline:12px;font-size:12px}.kpop-nav-panel{width:auto;box-shadow:none;margin:0 0 8px 12px;position:static}.kpop-today{flex-direction:column;min-height:0;display:flex}.kpop-date{border-right:0;border-bottom:2px solid var(--kpop-line);flex-direction:row;justify-content:space-between;align-items:center;gap:24px;min-height:200px;padding:20px 28px}.kpop-date-number{font-size:150px}.kpop-date-bottom{display:block}.kpop-month{font-size:30px}.kpop-fixture-label{text-align:left;margin-top:12px}.kpop-update-row,.kpop-lead{align-items:center}}@media (width<=600px){.kpop-header{gap:8px;min-height:60px;padding-inline:18px}.kpop-tagline{display:none}.kpop-theme-toggle{margin-left:auto}.kpop-date{gap:12px;min-height:140px;padding:12px 18px}.kpop-issue,.kpop-fixture-label{display:none}.kpop-date-number{font-size:112px}.kpop-month{font-size:21px}.kpop-month span{white-space:normal;font-size:10px}.kpop-index-section{padding-inline:18px}.kpop-lead{grid-template-columns:minmax(0,1fr) 96px;gap:12px;min-height:144px}.kpop-lead h1{font-size:19px}.kpop-lead>img{height:112px}.kpop-update-row{grid-template-columns:46px 72px minmax(0,1fr);gap:5px;font-size:12px;line-height:1.4}.kpop-teaser{width:100%;height:100px;margin-left:0}.kpop-next{gap:8px 12px}.kpop-next>p{flex-basis:100%}.kpop-countdown{margin-left:0}.kpop-anniversaries{gap:12px}.kpop-anniversaries>li{flex-wrap:wrap;gap:6px}.kpop-anniversaries img{width:42px;height:56px}.kpop-footer{padding:16px 18px}}@media (prefers-reduced-motion:reduce){.kpop *{transition-duration:0s!important}}
