.kbp{--ease:cubic-bezier(0.22,1,0.36,1);position:relative;padding:clamp(112px,14vw,168px) 0 clamp(70px,9vw,130px);background:radial-gradient(900px 520px at 85% -10%,rgba(207,111,176,.14),transparent 70%),radial-gradient(800px 480px at -5% 30%,rgba(226,198,146,.08),transparent 70%),#060608;color:#efede7;--kb-ink:#efede7;--kb-mute:#a19fa9;--kb-dim:#66646f;--kb-line:rgba(255,255,255,0.09);--kb-line2:rgba(255,255,255,0.18);--kb-a:#e2c692;--kb-a2:#cf6fb0;--kb-veil:6,6,8}.kbp-head{display:grid;gap:22px}.kbp-title{margin:4px 0 0;font-family:var(--font-brand);font-weight:300;font-size:clamp(3.2rem,9.4vw,8.6rem);line-height:.93;letter-spacing:-.02em}.kbp-line{display:block;overflow:hidden;padding-bottom:.12em}.kbp-title em{font-style:italic;font-weight:400;background:linear-gradient(100deg,#e2c692,#cf6fb0 60%,#e2c692);-webkit-background-clip:text;background-clip:text;color:transparent}.kbp-lead{max-width:560px;margin:0;color:var(--kb-mute);font-size:1.05rem}.kbp-controls{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:10px;padding-top:26px;border-top:1px solid var(--kb-line)}.kbp-seg{position:relative;display:inline-flex;padding:4px;border:1px solid var(--kb-line2);border-radius:999px;background:rgba(255,255,255,.04)}.kbp-seg button{position:relative;z-index:1;min-height:44px;padding:0 22px;border:0;border-radius:999px;background:transparent;color:var(--kb-mute);font-size:.86rem;font-weight:550;cursor:pointer;transition:color .4s}.kbp-seg button.on{color:#17110a}.kbp-seg button:disabled{opacity:.4;cursor:not-allowed}.kbp-seg .bg{position:absolute;inset:0;z-index:-1;border-radius:999px;background:linear-gradient(120deg,#f4e6c4,#e2c692)}.kbp-cats{display:flex;flex-wrap:wrap;gap:4px 22px}.kbp-cats button{position:relative;min-height:44px;padding:0;border:0;background:transparent;font-family:var(--font-brand);font-size:1.6rem;color:var(--kb-dim);cursor:pointer;transition:color .4s}.kbp-cats button.on,.kbp-cats button:hover{color:var(--kb-ink)}.kbp-cats .ul{position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--kb-a)}.kbp-desc{max-width:620px;margin:34px 0 26px;color:var(--kb-mute)}.kbp-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(70px,8vw,118px);grid-auto-flow:dense;gap:14px}.kbp-card{position:relative;isolation:isolate;overflow:hidden;padding:0;border:1px solid var(--kb-line);border-radius:24px;background:#0c0b10;color:#f3f1ec;text-align:left;cursor:pointer;transition:border-color .5s,transform .7s var(--ease);-webkit-tap-highlight-color:transparent}.kbp-card.v0{grid-column:span 7;grid-row:span 4}.kbp-card.v1{grid-column:span 5;grid-row:span 4}.kbp-card.v2,.kbp-card.v3,.kbp-card.v4{grid-column:span 4;grid-row:span 3}.kbp-card.v5{grid-column:span 12;grid-row:span 3}.kbp-card:hover{border-color:rgba(226,198,146,.55)}.kbp-card img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.02);transition:transform .9s var(--ease);will-change:transform}.kbp-card:hover img{transform:scale(1.07)}.kbp-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,6,8,0) 40%,rgba(6,6,8,.86))}.kbp-card .meta{position:absolute;inset:auto 0 0 0;display:grid;gap:4px;padding:clamp(16px,2vw,28px);transition:transform .7s var(--ease)}.kbp-card:hover .meta{transform:translateY(-34px)}.kbp-card small{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:#e2c692}.kbp-card strong{font-family:var(--font-brand);font-size:clamp(1.5rem,2.6vw,2.6rem);font-weight:400;line-height:1.04}.kbp-card .go{position:absolute;inset:auto clamp(16px,2vw,28px) 18px;display:flex;justify-content:space-between;font-size:.82rem;letter-spacing:.04em;color:#e2c692;opacity:0;transform:translateY(12px);transition:opacity .5s,transform .7s var(--ease)}.kbp-card:hover .go{opacity:1;transform:none}.kbp-film{position:absolute;inset:0;z-index:-2;display:grid;place-items:center;background:radial-gradient(120% 90% at 70% 20%,#2b1a3d,#07050c 70%);color:rgba(226,198,146,.85)}.kbp-film svg{width:72px;height:72px}.kbp-film.small{position:static;width:100%;height:100%;font-family:var(--font-mono);font-size:.8rem}.kbp-empty{padding:80px 0;text-align:center;color:var(--kb-mute)}.kbp-viewer{position:fixed;inset:0;z-index:95;background:#050507;color:#efede7;will-change:clip-path}.kbp-viewer-in{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;height:100dvh;padding:max(14px,env(safe-area-inset-top)) clamp(14px,3vw,44px) max(14px,env(safe-area-inset-bottom));gap:12px}.kbp-progress{position:absolute;inset:0 0 auto 0;height:2px;background:rgba(255,255,255,.08)}.kbp-progress i{display:block;height:100%;transform-origin:left;background:linear-gradient(90deg,#cf6fb0,#e2c692)}.kbp-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:8px}.kbp-titleblock small{display:block;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:#e2c692}.kbp-titleblock strong{display:block;font-family:var(--font-brand);font-size:clamp(1.4rem,3vw,2.2rem);font-weight:400;line-height:1.1}.kbp-top-actions{display:flex;align-items:center;gap:10px}.kbp-count{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;color:var(--kb-mute)}.kbp-count i{font-style:normal;color:var(--kb-dim)}.kbp-btn{min-height:42px;padding:0 16px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.05);color:#efede7;font-size:.8rem;cursor:pointer;transition:border-color .3s,background .3s}.kbp-btn.on,.kbp-btn:hover{border-color:#e2c692;background:rgba(226,198,146,.1)}.kbp-btn kbd{margin-left:8px;padding:1px 6px;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-family:var(--font-mono);font-size:.62rem;color:var(--kb-mute)}.kbp-stage{position:relative;min-height:0;overflow:hidden;border-radius:20px}.kbp-slide{position:absolute;inset:0;touch-action:pan-y;cursor:grab}.kbp-slide:active{cursor:grabbing}.kbp-photo{position:relative;width:100%;height:100%}.kbp-photo img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none}.kbp-photo .ph{filter:brightness(.9);transform:scale(1.015)}.kbp-photo .full{opacity:0;transition:opacity .25s ease-out}.kbp-photo .full.on{opacity:1}.kbp-video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#000}.kbp-spin{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border:1px solid rgba(255,255,255,.18);border-top-color:#e2c692;border-radius:50%;animation:kbp-spin .9s linear infinite}.kbp-spin.slow{border-top-color:#cf6fb0}@keyframes kbp-spin{to{transform:rotate(1turn)}}.kbp-arrow{position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:54px;height:54px;margin-top:-27px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(6,6,8,.55);backdrop-filter:blur(10px);color:#fff;font-size:1.2rem;cursor:pointer;transition:border-color .3s,transform .5s var(--ease),background .3s}.kbp-arrow:hover{border-color:#e2c692;background:rgba(226,198,146,.12)}.kbp-arrow.prev{left:14px}.kbp-arrow.next{right:14px}.kbp-arrow.prev:hover{transform:translateX(-3px)}.kbp-arrow.next:hover{transform:translateX(3px)}.kbp-sheet{position:absolute;inset:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-auto-rows:120px;gap:10px;padding:4px;overflow-y:auto;align-content:start}.kbp-sheet button{padding:0;overflow:hidden;border:1px solid transparent;border-radius:14px;background:#0c0b10;cursor:pointer;transition:border-color .3s,transform .5s var(--ease)}.kbp-sheet button.on,.kbp-sheet button:hover{border-color:#e2c692;transform:translateY(-2px)}.kbp-sheet img,.kbp-strip img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.kbp-bottom{display:grid;gap:12px}.kbp-strip{display:flex;gap:8px;padding-bottom:2px;overflow-x:auto;scrollbar-width:none}.kbp-strip::-webkit-scrollbar{display:none}.kbp-strip button{flex:none;width:72px;height:72px;padding:0;overflow:hidden;border:1px solid transparent;border-radius:12px;background:#0c0b10;opacity:.45;cursor:pointer;transition:opacity .35s,border-color .35s,transform .5s var(--ease)}.kbp-strip button.on{opacity:1;border-color:#e2c692;transform:translateY(-3px)}.kbp-strip button:hover{opacity:.9}.kbp-albumnav{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.kbp-albumnav button{display:grid;gap:2px;min-height:48px;padding:4px 6px;border:0;background:transparent;color:#efede7;text-align:left;cursor:pointer}.kbp-albumnav button.r{text-align:right}.kbp-albumnav button span{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#e2c692;transition:letter-spacing .4s var(--ease)}.kbp-albumnav button:hover span{letter-spacing:.2em}.kbp-albumnav button strong{font-family:var(--font-brand);font-size:1.15rem;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbp-albumpos{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;color:var(--kb-dim);text-transform:uppercase;white-space:nowrap}@media (max-width:760px){.kbp-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;gap:10px}.kbp-card,.kbp-card.v0,.kbp-card.v1,.kbp-card.v2,.kbp-card.v3,.kbp-card.v4,.kbp-card.v5{grid-column:span 1;grid-row:auto;aspect-ratio:4/5;border-radius:18px}.kbp-card.v0,.kbp-card.v5{grid-column:span 2;aspect-ratio:16/11}.kbp-card .go{opacity:1;transform:none;inset:auto 14px 12px;font-size:.72rem}.kbp-card .meta{padding:14px 14px 36px}.kbp-card:hover .meta{transform:none}.kbp-card strong{font-size:1.25rem}.kbp-cats button{font-size:1.35rem}.kbp-arrow{width:44px;height:44px;margin-top:-22px}.kbp-arrow.prev{left:8px}.kbp-arrow.next{right:8px}.kbp-btn kbd,.kbp-count{display:none}.kbp-strip button{width:56px;height:56px}.kbp-albumnav{grid-template-columns:1fr 1fr}.kbp-albumpos{display:none}.kbp-sheet{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));grid-auto-rows:92px}}@media (prefers-reduced-motion:reduce){.kbp-card .go,.kbp-card .meta,.kbp-card img,.kbp-photo .full{transition:none}}@keyframes kbp-rise{0%{opacity:0;transform:translateY(22px)}}@keyframes kbp-line{0%{transform:translateY(112%)}}.kbp-rise{animation:kbp-rise 1s var(--ease) both;animation-delay:var(--d,0s)}.kbp-line-in{display:block;animation:kbp-line 1.2s var(--ease) both;animation-delay:var(--d,0s)}.kbp-card{animation:kbp-rise .95s var(--ease) both;animation-delay:calc(var(--i, 0) * 70ms + .15s)}@media (prefers-reduced-motion:reduce){.kbp-card,.kbp-line-in,.kbp-rise{animation:none}}.kbp-viewer{--ease:cubic-bezier(0.22,1,0.36,1);--kb-ink:#efede7;--kb-mute:#a19fa9;--kb-dim:#66646f;--kb-a:#e2c692;--kb-a2:#cf6fb0;--kb-veil:6,6,8;z-index:300}.kbp-viewer *{box-sizing:border-box}.kbp-viewer button{font:inherit}