:root{--bg:#f3efe6;--surface:#fffdf8;--line:#ddd5c6;--text:#1b1a17;--muted:#6c6558;--tape:#e9b62c;--tape-ink:#412402;--radius:3px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--narrow:"Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", "Bahnschrift SemiCondensed", "Segoe UI", sans-serif}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{background:var(--bg);color:var(--text);font:16px/1.4 var(--sans);margin:0}.pg{max-width:440px;min-height:100dvh;padding:calc(32px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:20px;margin:0 auto;display:flex}.pg-head{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.pg-avatar{background:var(--tape);width:88px;height:88px;color:var(--tape-ink);font:800 1.9rem/1 var(--narrow);border-radius:50%;place-items:center;display:grid}.pg-name{font:800 2rem/1.05 var(--narrow);letter-spacing:-.01em;text-wrap:balance;margin:0}.pg-sub{color:var(--muted);margin:0}.pg-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:700}.pg-release{border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:12px;padding:14px;display:flex}.pg-release-head{align-items:center;gap:14px;display:flex}.pg-cover{border-radius:var(--radius);background:var(--line);object-fit:cover;flex:none;width:72px;height:72px}.pg-release-text{flex-direction:column;gap:2px;min-width:0;display:flex}.pg-title{font-size:1.2rem}.pg-listen{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.pg-links{flex-direction:column;gap:10px;display:flex}.pg-btn{border:1.5px solid var(--text);border-radius:var(--radius);height:48px;color:var(--text);justify-content:center;align-items:center;padding:0 14px;font-weight:700;text-decoration:none;display:flex}.pg-btn-wide{height:56px;font-size:1.05rem}.pg-btn:hover,.pg-btn:focus-visible{background:var(--text);color:var(--bg);outline:none}.pg-foot{text-align:center;margin-top:auto;padding-top:24px}.pg-made{color:var(--muted);font-size:.85rem;text-decoration:none}.pg-btn{gap:10px}.pg-icon{fill:currentColor;flex:none;width:20px;height:20px}.pg-icon-line{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.pg-btn-wide{justify-content:flex-start;padding:0 18px}.pg-btn-wide .pg-btn-label{text-align:center;flex:1;margin-right:30px}.pg-cover{width:96px;height:96px}.pg-shelf{flex-direction:column;gap:10px;display:flex}.pg-shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;display:grid}.pg-shelf-item{color:var(--text);flex-direction:column;gap:2px;min-width:0;text-decoration:none;display:flex}.pg-shelf-cover{aspect-ratio:1;border-radius:var(--radius);background:var(--line);object-fit:cover;width:100%;height:auto;margin-bottom:6px;display:block}.pg-shelf-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pg-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.pg-tile{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);place-items:center;display:grid}.pg-tile svg{width:46%;height:46%}.pg-tile-line{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.pg-tile:hover,.pg-tile:focus-visible{border-color:var(--text);outline:none}.pg-release .pg-tiles{gap:6px}.pg-one{flex-direction:column;gap:16px;display:flex}.pg-one-cover{aspect-ratio:1;border-radius:var(--radius);background:var(--line);object-fit:cover;width:100%;height:auto;display:block}.pg-one-side{flex-direction:column;gap:10px;display:flex}.pg-one-side .pg-tiles{margin-top:6px}.pg-back{color:var(--text);margin-top:6px;font-weight:700}@media (min-width:720px){.pg-wide{max-width:860px}.pg-one{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px;padding:20px;display:grid}.pg-one-side .pg-tiles{max-width:320px}}