@layer components{.nav a,.axis,.btn,.hero .kick,.listhead span,.row .src,.row .per,.row .dur{white-space:nowrap}.hero-meta{white-space:normal;overflow-wrap:anywhere}.hero h1,.stitle h2{text-wrap:balance}.hero .lede{text-wrap:pretty}.hero{padding:var(--s5) 0 var(--s4);border-bottom:1px solid var(--rule)}.hero .kick{font-family:var(--mono);font-size:var(--fs-11);color:var(--vermilion);letter-spacing:.18em;margin-bottom:var(--s4)}.hero h1{font-size:var(--fs-46);line-height:1.08;letter-spacing:-.01em;margin-bottom:var(--s4)}.hero h1 span{display:block;font-family:var(--mono);font-size:var(--fs-13);color:var(--paper-3);letter-spacing:.08em;margin-top:var(--s3)}.hero .lede{max-width:60ch}.hero-meta{margin-top:var(--s3);font-family:var(--mono);font-size:var(--fs-12);color:var(--paper-3);letter-spacing:.02em}.hero-meta b{color:var(--paper);font-weight:500}.axes{display:flex;gap:var(--s2);flex-wrap:wrap;margin:var(--s5) 0 var(--s4)}.axis{border:1px solid var(--rule);padding:var(--s2) var(--s3);font-size:var(--fs-12);color:var(--paper-2);min-height:36px;display:inline-flex;align-items:center;gap:var(--s2)}.axis:hover{border-color:var(--rule-2);color:var(--paper)}.axis.on{border-color:var(--vermilion);color:var(--paper);background:var(--vermilion-soft)}.axis i{font-family:var(--mono);font-size:var(--fs-10);color:var(--paper-3);font-style:normal}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}@media(min-width:768px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1400px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.listhead,.row{grid-template-columns:52px minmax(0,1fr) 150px 104px 80px 64px}}@media(min-width:1680px){.grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.grid .tile{padding:var(--s3) var(--s4) var(--s4);cursor:pointer;text-align:left}.tile .tt{display:flex;align-items:baseline;gap:var(--s2);margin-bottom:var(--s2)}.tile .tt b{font-family:var(--serif);font-size:var(--fs-14);font-weight:600}.tile .tt .n{margin-left:auto;font-family:var(--mono);font-size:var(--fs-11);color:var(--paper-3)}.tile .tsig{margin:var(--s2) 0 var(--s3)}.tile .td{font-size:var(--fs-11);color:var(--paper-3);line-height:1.6;min-height:2.6em}.tile .tlic{margin-top:var(--s2);display:flex;flex-wrap:wrap;gap:var(--s1)}.fbar{margin:var(--s5) 0 0}.ftoggle{display:flex;align-items:center;gap:var(--s3);width:100%;min-height:var(--tap);padding:0 var(--s4);border:1px solid var(--rule);background:var(--ink-2);color:var(--paper-2);font-size:var(--fs-13)}.ftoggle:hover{border-color:var(--rule-2);color:var(--paper)}.ftoggle[aria-expanded=true]{border-color:var(--vermilion);color:var(--paper);border-bottom-color:var(--rule)}.ftoggle svg{width:14px;height:14px;fill:currentColor}.ftoggle .chev{margin-left:auto;font-family:var(--mono);font-size:var(--fs-11);transition:var(--t)}.ftoggle[aria-expanded=true] .chev{transform:rotate(180deg)}.fbadge{font-family:var(--mono);font-size:var(--fs-10);background:var(--vermilion);color:#fff;padding:1px 6px;min-width:18px;text-align:center}.fpanel{border:1px solid var(--vermilion);border-top:0;background:var(--ink-2);padding:var(--s4);display:grid;gap:var(--s4) var(--s5);align-items:end;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.fpanel[hidden]{display:none}.fld{display:flex;flex-direction:column;gap:var(--s1);min-width:0}.fld label{font-family:var(--mono);font-size:var(--fs-10);color:var(--paper-3);letter-spacing:.06em}.fld select,.fld input{height:38px;padding:0 var(--s3);background:var(--ink);border:1px solid var(--rule);color:var(--paper);font-size:var(--fs-13);width:100%}.fld select:focus,.fld input:focus{outline:none;border-color:var(--vermilion)}.fpanel .acts{grid-column:1/-1;display:flex;gap:var(--s2);flex-wrap:wrap}.search{position:relative;display:flex;gap:var(--s2);margin-top:var(--s4);flex-wrap:wrap}.search .sw{position:relative;flex:1;min-width:220px}.search svg{position:absolute;left:var(--s3);top:50%;transform:translateY(-50%);width:15px;height:15px;fill:var(--paper-3)}#q{width:100%;height:44px;padding:0 var(--s3) 0 38px;background:var(--ink-2);border:1px solid var(--rule);color:var(--paper);font-size:var(--fs-14)}#q:focus{outline:none;border-color:var(--vermilion)}.listhead{display:grid;grid-template-columns:44px minmax(0,1fr) 132px 96px 72px 60px;gap:var(--s3);padding:var(--s2) var(--s3);border-bottom:1px solid var(--rule-2);font-family:var(--mono);font-size:var(--fs-10);color:var(--paper-3);letter-spacing:.06em}#list,#list .vsp{list-style:none}.row{display:grid;grid-template-columns:44px minmax(0,1fr) 132px 96px 72px 60px;gap:var(--s3);align-items:center;padding:var(--s2) var(--s3);border-bottom:1px solid var(--rule);cursor:pointer}.row:hover{background:var(--ink-3)}.row.on{background:var(--vermilion-soft)}.row .no{font-family:var(--mono);font-size:var(--fs-11);color:var(--paper-3)}.row .tt{min-width:0}.row .tt .ttl{display:block;font-size:var(--fs-13);font-weight:500;color:var(--paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .detbtn{grid-column:6;display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 8px;border:1px solid var(--rule);color:var(--paper-2);font-size:var(--fs-11);white-space:nowrap;border-radius:2px;background:transparent}.row:hover .detbtn{border-color:var(--vermilion);color:var(--vermilion)}.row .tt s{display:block;font-size:var(--fs-11);color:var(--paper-3);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .src,.row .per,.row .dur{font-family:var(--mono);font-size:var(--fs-11);color:var(--paper-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .per{color:var(--paper-2)}.sk{height:52px;background:var(--ink-4);border-bottom:1px solid var(--rule);animation:shim 1.5s infinite linear;background-image:linear-gradient(90deg,transparent,var(--ink-3),transparent);background-size:220px 100%;background-repeat:no-repeat}@keyframes shim{0%{background-position:-220px 0}to{background-position:calc(100% + 220px) 0}}@media(prefers-reduced-motion:reduce){.sk{animation:none}}#player{position:sticky;bottom:0;z-index:var(--z-play);background:var(--ink);border-top:1px solid var(--rule);padding-bottom:var(--sa-b)}@media(max-width:640px){#player{bottom:var(--tabs-h)}}.pw{max-width:var(--wrap);margin:0 auto;padding:var(--s2) clamp(var(--s4),3vw,var(--s6));display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--s4);min-height:var(--play)}.pmeta{min-width:0}#np{display:block;font-size:var(--fs-13);color:var(--paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ptime{font-family:var(--mono);font-size:var(--fs-11);color:var(--paper-3)}#prog{width:min(34vw,380px);height:3px;-webkit-appearance:none;appearance:none;background:var(--rule-2);cursor:pointer}#prog::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;background:var(--vermilion);border:0}#prog::-moz-range-thumb{width:11px;height:11px;border:0;background:var(--vermilion)}.pctl{display:flex;align-items:center;gap:var(--s1);justify-content:flex-end}.pctl button{min-width:36px;height:36px;display:grid;place-items:center;color:var(--paper-2);border:1px solid transparent}.pctl button:hover{border-color:var(--rule-2);color:var(--paper)}.pctl button.on{border-color:var(--vermilion);color:var(--vermilion)}.pctl select{height:32px;background:var(--ink-2);border:1px solid var(--rule);color:var(--paper-2);font-size:var(--fs-11);padding:0 var(--s2)}#vol{width:76px;height:3px;-webkit-appearance:none;appearance:none;background:var(--rule-2)}#vol::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:var(--paper-3);border:0}#vol::-moz-range-thumb{width:10px;height:10px;border:0;background:var(--paper-3)}.viz{display:flex;align-items:flex-end;gap:2px;height:16px;width:44px;flex:none}.viz i{flex:1;background:var(--rule-2);height:20%;transition:height .2s}.viz.on i{background:var(--vermilion);animation:bnc .9s infinite ease-in-out}.viz.on i:nth-child(2){animation-delay:.1s}.viz.on i:nth-child(3){animation-delay:.2s}.viz.on i:nth-child(4){animation-delay:.3s}.viz.on i:nth-child(5){animation-delay:.4s}@keyframes bnc{0%,to{height:22%}50%{height:96%}}@media(prefers-reduced-motion:reduce){.viz.on i{animation:none;height:60%}}@media(max-width:900px){.listhead{display:none}.row{grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:"no tt dur" "no meta src";row-gap:2px;padding:var(--s3)}.row .no{grid-area:no;align-self:start;padding-top:2px}.row .tt{grid-area:tt}.row .dur{grid-area:dur;text-align:right}.row .src{grid-area:src;text-align:right}.row .per{grid-area:meta;color:var(--paper-3);font-size:var(--fs-10)}.row .detbtn{grid-column:3;min-height:30px;padding:0 10px}.row .tt .ttl{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pw{grid-template-columns:1fr auto;gap:var(--s2);min-height:0;padding:var(--s3) var(--s4)}.pmeta{grid-column:1/-1}#prog{grid-column:1;width:100%}.pctl{grid-column:2}#vol,.viz{display:none}.pctl button{min-width:var(--tap);height:var(--tap)}.hero{padding:var(--s5) 0 var(--s4)}.hero .figs{grid-template-columns:1fr 1fr;gap:var(--s3)}}}