.kpop-desk{--desk-sleeve:oklch(95% .008 95/.12);--desk-hand:"Caveat",cursive;outline:none;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px;min-height:max(630px,min(840px,100svh - 60px));padding:28px 32px 32px;display:grid}html[data-kpop-theme=light] .kpop-desk{--desk-sleeve:oklch(99% .005 95/.7)}.kpop-desk-accent{color:var(--kpop-accent)}.kpop-desk-insert{background:var(--kpop-sheet);grid-column:span 6;min-width:0;padding:20px;position:relative;box-shadow:0 20px 25px -5px oklch(0% 0 0/.15)}.kpop-desk-insert-grid{grid-template-columns:minmax(0,1fr) 124px;gap:20px;height:100%;display:grid}.kpop-desk-feature{flex-direction:column;min-width:0;display:flex}.kpop-desk-photo{flex:1;min-height:240px;margin-top:12px;position:relative}.kpop-desk-photo img{object-fit:cover;width:100%;height:100%;position:absolute}.kpop-desk-feature h1{font:700 26px/1.08 var(--kpop-serif);overflow-wrap:anywhere;margin-top:12px}.kpop-desk-description{opacity:.75;margin-top:8px;font-size:13px;line-height:1.375}.kpop-desk-track-insert{border-left:1px dashed var(--kpop-line);flex-direction:column;gap:12px;min-width:0;padding-left:16px;display:flex}.kpop-desk-track-insert>img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;box-shadow:0 4px 6px oklch(0% 0 0/.12)}.kpop-desk-tracks{font:400 11px/1.5 var(--kpop-mono);opacity:.75;margin:0;padding:0;list-style:none}.kpop-desk-tracks li+li{margin-top:4px}.kpop-desk-read{background:var(--kpop-lime);min-height:44px;color:var(--kpop-ink);font:400 12px/1.4 var(--kpop-mono);text-transform:uppercase;justify-content:center;align-items:center;gap:6px;margin-top:auto;padding:8px;display:inline-flex}.kpop-desk-read:hover{filter:brightness(.9)}.kpop-desk-annotation{font:400 26px/1.4 var(--desk-hand);color:var(--kpop-accent);pointer-events:none;position:absolute;top:46%;right:12px;transform:rotate(-6deg)}.kpop-desk-photo-annotation{display:none}.kpop-desk-stubs,.kpop-desk-cards{flex-direction:column;grid-column:span 3;gap:12px;min-width:0;display:flex}.kpop-desk h2{font:700 21px/1.4 var(--kpop-serif)}.kpop-desk-stubs-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.kpop-desk-stubs-heading>span{opacity:.55;white-space:nowrap}.kpop-desk-stub-list{flex-direction:column;gap:12px;display:flex}.kpop-desk-stub{background:var(--kpop-sheet);min-height:88px;display:flex;box-shadow:0 1px 2px oklch(0% 0 0/.12)}.kpop-desk-stub-end{border-right:1px dashed var(--kpop-line);background-image:radial-gradient(circle at 0 6px,var(--kpop-paper) 3px,transparent 3.5px);background-repeat:repeat-y;background-size:100% 12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:72px;padding:12px 0;display:flex}.kpop-desk-stub-end .kpop-small{font-size:12px;font-weight:700}.kpop-desk-stub-end .kpop-meta{opacity:.6;margin-top:4px}.kpop-desk-stub>p{overflow-wrap:anywhere;min-width:0;padding:12px;font-size:13px;line-height:1.375}a.kpop-desk-stub{transition:transform .15s}a.kpop-desk-stub:hover{color:var(--kpop-accent);transform:translateY(-2px)}.kpop-desk-demo{opacity:.55;margin-top:auto}.kpop-desk-sleeves{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.kpop-desk-sleeve{background:var(--desk-sleeve);outline:1px solid var(--kpop-line);min-width:0;margin:0;padding:6px}.kpop-desk-sleeve img{aspect-ratio:3/4;object-fit:cover;width:100%;height:auto}.kpop-desk-sleeve figcaption{text-align:center;margin-top:4px}.kpop-desk-sleeve figcaption>span{font:400 20px/1 var(--desk-hand);display:block}.kpop-desk-sleeve small{font:400 10px/1.4 var(--kpop-mono);opacity:.6;margin-top:2px;display:block}.kpop-desk-preorder{background:var(--kpop-sheet);margin-top:8px;padding:16px;box-shadow:0 1px 2px oklch(0% 0 0/.12)}.kpop-desk-preorder h3{opacity:.6}.kpop-desk-next{gap:12px;margin-top:8px;display:flex}.kpop-desk-next>img{object-fit:cover;flex-shrink:0;width:64px;height:64px}.kpop-desk-next>div{min-width:0;font-size:14px}.kpop-desk-next-artist{font:700 14px/1.5 var(--kpop-serif)}.kpop-desk-next-date{font:400 20px/1 var(--desk-hand);color:var(--kpop-accent)}@media (width>=1280px){.kpop-desk{padding-inline:40px}}@media (width<=1100px){.kpop-desk{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;min-height:0;padding:24px}.kpop-desk-insert{grid-column:1/-1}.kpop-desk-stubs,.kpop-desk-cards{grid-column:span 1}.kpop-desk-photo{flex:none;height:360px;min-height:0}}@media (width<=600px){.kpop-desk{flex-direction:column;gap:26px;padding:18px;display:flex}.kpop-desk-insert{padding:12px}.kpop-desk-insert-grid{grid-template-columns:minmax(0,1fr);gap:16px}.kpop-desk-photo{aspect-ratio:4/3;height:auto}.kpop-desk-feature h1{font-size:23px}.kpop-desk-track-insert{border-left:0;border-top:1px dashed var(--kpop-line);grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0 0;display:grid}.kpop-desk-tracks{font-size:10px}.kpop-desk-read{min-width:64px;margin-top:0}.kpop-desk-insert>.kpop-desk-annotation{display:none}.kpop-desk-photo-annotation{display:block;top:auto;bottom:12px}}@media (width<=360px){.kpop-desk-track-insert{grid-template-columns:64px minmax(0,1fr)}.kpop-desk-read{grid-column:1/-1}}