.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-secondary:#ddb4ed;--kpop-secondary-surface:#332638;--kpop-tertiary:#9fcbc5;--kpop-tertiary-surface:#203937;--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);--kpop-secondary:#75405d;--kpop-secondary-surface:#eedde7;--kpop-tertiary:#235c63;--kpop-tertiary-surface:#dce9e8;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-brand{flex-shrink:0;align-items:center;width:190px;min-height:44px;transition:width .16s;display:flex}.kpop-brand img{width:100%;height:auto}.kpop-brand .kpop-logo-light,html[data-kpop-theme=light] .kpop-brand .kpop-logo-dark{display:none}html[data-kpop-theme=light] .kpop-brand .kpop-logo-light{display:block}.kpop-error{outline:none;max-width:900px;min-height:50vh;margin-inline:auto;padding:56px 24px}.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-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{overflow-wrap:anywhere}.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 :where([id],h1,h2,h3,a,button,input,textarea,select){scroll-margin-top:80px}@media (width<=1100px){.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-brand{width:176px}.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>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}}@media (prefers-reduced-motion:reduce){.kpop *{transition-duration:0s!important}}.kpop-title-phrase{white-space:normal;display:inline}.kpop .kpop-form-status:empty{display:none}.kpop .kpop-form-status{border-left:3px solid var(--kpop-accent);background:var(--kpop-sheet);overflow-wrap:anywhere;margin:12px 0 0;padding:12px 16px;font:500 14px/1.5 Inter,sans-serif}.kpop form[data-pending] :is(button[type=submit],button:not([type]),input[type=submit]){pointer-events:none;opacity:.65;cursor:wait}.kpop [data-submitting]:after{content:"";vertical-align:middle;border:2px solid;border-right-color:#0000;border-radius:50%;width:12px;height:12px;margin-left:10px;animation:.8s linear infinite kpop-submit-spin;display:inline-block}.kpop button:not(:disabled):active{transform:translateY(1px)}.kpop.admin-surface :where(button,input,select,textarea){border-radius:8px}.kpop.admin-surface :where(h1){letter-spacing:-.025em}.kpop.admin-surface :where(button){min-height:44px}.kpop.admin-surface :where(table){border-collapse:collapse;width:100%}.kpop.admin-surface :where(th,td){text-align:left;border-bottom:1px solid var(--kpop-line);padding:12px 16px}.kpop.admin-surface :where(th){background:var(--kpop-sheet);font-size:12px;font-weight:600}@keyframes kpop-submit-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.kpop [data-submitting]:after{animation:none}}.kpop form[data-pending]:not([data-slow]) .kpop-form-status[role=status]{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
