.pls-page{--pls-gold:#6b5418;flex-direction:column;display:flex}.pls-hero-frame{margin:-32px -24px 0;container-type:inline-size}.pls-hero{background:linear-gradient(transparent, #00000038), linear-gradient(160deg, #a07c22 0%, var(--pls-gold) 55%, #4d3c12 100%);align-items:flex-end;gap:24px;min-height:300px;padding:56px 24px 24px;display:flex}.pls-hero>.pls-cover{border-radius:var(--radius-sm);flex-shrink:0;width:clamp(152px,22cqi,232px);box-shadow:0 8px 40px #00000080}.pls-hero-text{min-width:0;color:var(--text-bright);flex-direction:column;flex:1;display:flex}.pls-kind{font-size:var(--text-md);font-weight:600}.pls-name{text-wrap:balance;overflow-wrap:anywhere;margin:4px 0 14px;font-size:clamp(44px,8.5cqi,96px);font-weight:900;line-height:1.15}.pls-name.is-long{font-size:clamp(36px,6cqi,72px)}.pls-name-input{width:100%;color:inherit;font:inherit;background:0 0;border:0;border-bottom:2px solid #f6e073;outline:0;padding:0;font-size:clamp(36px,6cqi,72px);font-weight:900}.pls-facts{font-size:var(--text-md);color:#ffffffd9;flex-wrap:wrap;align-items:center;display:flex}.pls-facts strong{color:var(--text-bright);font-weight:700}.pls-facts>*+:before{content:"•";margin-inline:6px}@container (max-width:560px){.pls-hero{flex-direction:column;align-items:flex-start}}.pls-cover{aspect-ratio:1;border-radius:var(--radius-md);background:var(--bg-highlight);place-items:center;display:grid;overflow:hidden}.pls-cover img{object-fit:cover;width:100%;height:100%;display:block}.pls-cover.is-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.pls-cover.is-likes{background:var(--gold-gradient);color:var(--on-primary)}.pls-cover.is-empty{color:#f6e073;background:linear-gradient(160deg,#3a2f12,#1f1a0d)}.pls-body{position:relative}.pls-body:before{content:"";top:0;z-index:-1;background:linear-gradient(color-mix(in srgb, var(--pls-gold) 62%, #121212), transparent);pointer-events:none;height:260px;position:absolute;inset-inline:-24px}.pls-bar{flex-wrap:wrap;align-items:center;gap:16px;padding:24px 0;display:flex}.pls-play{background:var(--gold-gradient);width:56px;height:56px;color:var(--on-primary);border-radius:50%;flex-shrink:0;place-items:center;transition:transform .12s,filter .15s;display:grid;box-shadow:0 8px 16px #0000004d}.pls-play:hover:not(:disabled){filter:brightness(1.06);transform:scale(1.05)}.pls-play:active:not(:disabled){transform:scale(.96)}.pls-play:disabled{opacity:.5;cursor:default}.pls-icon-btn{width:48px;height:48px;color:var(--text-bright);border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s,transform .1s;display:inline-flex}.pls-icon-btn:hover:not(:disabled){background:#ffffff1a}.pls-icon-btn:active:not(:disabled){transform:scale(.92)}.pls-icon-btn:disabled{opacity:.4;cursor:default}.pls-note{font-size:var(--text-sm);color:var(--primary)}.pls-confirm{font-size:var(--text-md);background:#ffffff0f;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.pls-confirm p{color:var(--text-bright);flex:260px}.pls-danger{border-radius:var(--radius-pill);color:#fff;background:#c2453d;height:40px;padding:0 20px;font-weight:800}.pls-danger:hover{filter:brightness(1.1)}.pls-empty{text-align:center;font-size:var(--text-lg);color:var(--text-base);flex-direction:column;align-items:center;gap:16px;padding:40px 0;display:flex}.pls-missing{text-align:center;justify-content:center;align-items:center;gap:14px;min-height:60vh}.pls-missing h1{font-size:var(--text-3xl);font-weight:800}.pls-missing p{color:var(--text-base);font-size:var(--text-lg)}.pls-index-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.pls-index-head h1{font-size:var(--text-3xl);font-weight:800}.pls-index-head .btn-gold{align-items:center;gap:8px;display:inline-flex}.pls-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px;display:grid}.pls-card{flex-direction:column;gap:4px;min-width:0;display:flex}.pls-card .pls-cover{margin-bottom:8px;transition:filter .15s;box-shadow:0 8px 24px #00000059}.pls-card:hover .pls-cover{filter:brightness(1.1)}.pls-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-lg);color:var(--text-bright);font-weight:700;overflow:hidden}.pls-card:hover .pls-card-name{text-decoration:underline}.pls-card-sub{font-size:var(--text-sm);color:var(--text-base)}.pls-hint{font-size:var(--text-md);color:var(--text-base);margin-top:24px}.pls-page button:focus-visible,.pls-page a:focus-visible,.pls-index a:focus-visible,.pls-index button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}