html{scrollbar-gutter:stable}:root{--pad: clamp(20px, 4.5vw, 80px)}.libpage{position:relative;background:#070706;color:var(--paper)}.mono{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase}.jrow{display:flex;gap:clamp(8px,.8vw,12px);margin-bottom:clamp(8px,.8vw,12px)}.jrow>*{flex:0 0 auto}.head{position:relative;z-index:2;padding:clamp(74px,9vh,104px) var(--pad) clamp(18px,3vh,34px)}.head .mono{color:#f5f4f0d1;text-shadow:0 2px 18px rgba(0,0,0,.95)}.head h1{margin-top:12px;font-size:clamp(2.2rem,6.2vw,5rem);font-weight:800;line-height:.92;letter-spacing:-.048em;text-shadow:0 6px 40px rgba(0,0,0,.8)}.head h1 em{font-family:var(--font-serif);font-weight:400;font-style:italic}.clip{display:block;overflow:hidden;padding:.08em .06em;margin:-.08em -.06em}.clip span{display:inline-block}.sw{position:sticky;top:0;z-index:40;padding:0 var(--pad);background:linear-gradient(180deg,#070706f7,#070706d6);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(245,244,240,.1);border-bottom:1px solid rgba(245,244,240,.12)}.sw__row{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:clamp(12px,2.2vw,34px)}.sw__btn{position:relative;padding:clamp(14px,2vh,20px) 0;font-size:clamp(.95rem,1.5vw,1.35rem);font-weight:700;letter-spacing:-.028em;color:#f5f4f070;cursor:pointer;transition:color .4s var(--ease-smooth)}.sw__btn:hover{color:#f5f4f0d1}.sw__btn.on{color:var(--paper)}.sw__btn.all{padding-right:clamp(10px,1.4vw,18px);margin-right:clamp(2px,.6vw,10px)}.sw__btn.all:after{content:"";position:absolute;right:0;top:50%;height:18px;width:1px;margin-top:-9px;background:#f5f4f02e}.sw__btn sup{font-family:var(--font-mono);font-size:.5em;font-weight:500;margin-left:6px;vertical-align:super;color:#f5f4f06b;transition:color .4s}.sw__btn.on sup{color:var(--accent)}.sw__ink{position:absolute;left:0;bottom:-1px;height:2px;background:var(--accent);width:0;will-change:transform,width}.sw__meta{margin-left:auto;display:flex;align-items:center;gap:12px;color:#f5f4f080;white-space:nowrap}.sw__meta i{width:5px;height:5px;border-radius:50%;background:var(--accent);display:block}.lead{position:relative;z-index:2;padding:clamp(14px,2.2vh,22px) var(--pad) clamp(10px,1.6vh,16px);display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap}.lead p{max-width:58ch;line-height:1.5;color:#f5f4f0a8}.lead .tag{color:#f5f4f066}.board{position:relative;z-index:2;padding:0 clamp(22px,5.6vw,104px) 15vh}.card{position:relative;display:block;border-radius:3px;overflow:hidden;background:#0c0c0b;cursor:pointer;text-align:left;color:var(--paper);box-shadow:0 20px 50px #00000080;transition:box-shadow .4s var(--ease-smooth)}.card img,.card video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s var(--ease-smooth)}.card video{opacity:0;transition:opacity .45s var(--ease-smooth)}.card.playing video{opacity:1}@media (hover: hover){.card:hover img,.card:hover video{transform:scale(1.05)}}.card__grad{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.86),transparent 52%);opacity:.85;transition:opacity .45s var(--ease-smooth)}.card:hover .card__grad{opacity:1}.card__ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,77,0,0);transition:border-color .4s;pointer-events:none}.card:hover .card__ring{border-color:#ff4d0099}.card__n{position:absolute;top:12px;left:14px;font-size:.6rem;color:#f5f4f0d1}.card__fmt{position:absolute;top:11px;right:13px;display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.52rem;letter-spacing:.12em;color:#f5f4f0bf;padding:4px 8px;border-radius:100px;background:#0a0a0a80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card__fmt b{display:block;width:7px;border:1px solid currentColor;border-radius:1px}.card__fmt b.w{height:4px}.card__fmt b.t{width:4px;height:7px}.card.tall .card__fmt{color:var(--accent)}.card__b{position:absolute;left:0;right:0;bottom:0;padding:14px 16px}.card__t{display:block;font-size:clamp(.92rem,1.15vw,1.22rem);font-weight:700;letter-spacing:-.024em;line-height:1.1}.card__s{display:block;margin-top:6px;font-size:.56rem;color:#f5f4f0a8}.card__play{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;display:grid;place-items:center;background:#ff4d00f0;opacity:0;transform:scale(.7);transition:opacity .4s var(--ease-smooth),transform .5s var(--ease-smooth)}.card:hover .card__play{opacity:1;transform:none}.card__play svg{width:15px;height:15px;fill:#fff;margin-left:2px}.card.xl .card__b{padding:20px 24px}.card.xl .card__t{font-size:clamp(1.25rem,2vw,1.85rem);letter-spacing:-.034em}.card.xl .card__s{margin-top:9px;font-size:.6rem}.card.lg .card__b{padding:16px 18px}.card.lg .card__t{font-size:clamp(1.02rem,1.4vw,1.32rem)}.card.sm .card__b{padding:10px 12px}.card.sm .card__t{font-size:.8rem}.card.sm .card__s{margin-top:5px;font-size:.48rem}.card.sm .card__play{width:38px;height:38px;margin:-19px 0 0 -19px}.card.sm .card__fmt,.card.sm .card__n{display:none}.libpage__foot{position:relative;z-index:2;background:var(--ink, #0a0a0a)}@media (max-width: 640px){.board{padding-bottom:10vh}.lead .tag{display:none}}