:root{--ink:#111;--muted:#666;--line:#ccc;--box:#e6e6e6;--paper:#fafafa;--gutter:16px;color:var(--ink);background:var(--paper);font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--paper);margin:0}a{color:inherit}.site-header{justify-content:space-between;align-items:center;gap:var(--gutter);padding:12px var(--gutter);border-bottom:1px solid var(--line);display:flex}.site-header nav{gap:var(--gutter);display:flex}.brand{letter-spacing:.08em;font-weight:800;text-decoration:none}main{max-width:1100px;padding:24px var(--gutter) 120px;margin:0 auto}.box{background:var(--box);border:1px dashed var(--line);padding:var(--gutter)}.muted{color:var(--muted)}button,input,textarea,select{font:inherit}.site-header .account{align-items:center;gap:12px;display:flex}.narrow{max-width:520px}.form{gap:12px;margin:16px 0;display:grid}.form label{gap:4px;display:grid}.form label.inline{align-items:center;gap:8px;display:flex}.form input,.form textarea,.form select{border:1px solid var(--line);background:#fff;padding:8px}fieldset{border:1px solid var(--line)}button{border:1px solid var(--ink);cursor:pointer;background:#fff;padding:8px 12px}.link-button{background:0 0;border:0;padding:0;text-decoration:underline}.error{color:#a00}.list{gap:8px;padding:0;list-style:none;display:grid}.inline-form{display:inline}.art-box{aspect-ratio:1;background:var(--box);width:100%;display:block}.grid{gap:var(--gutter);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:0;list-style:none;display:grid}.card{align-content:start;gap:4px;display:grid}.card-art img,.object-art img{aspect-ratio:1;object-fit:cover;background:var(--box);width:100%;display:block}.object{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}@media (min-width:800px){.object{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}.context{gap:var(--gutter);flex-wrap:wrap;display:flex}.context dt{color:var(--muted);text-transform:capitalize}.context dd{margin:0}.embed{border:1px solid var(--line);width:100%;margin-bottom:12px;display:block}.embed-youtube{aspect-ratio:16/9}.embed-soundcloud,.embed-spotify{height:166px}.embed-bandcamp{height:120px}.preview-art{aspect-ratio:1;object-fit:cover;width:160px}.player{padding:8px var(--gutter) calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--ink);background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;display:grid;position:fixed;inset:auto 0 0}.player-now{align-items:center;gap:8px;min-width:0;display:flex}.player-now a{min-width:0;text-decoration:none;display:grid}.player-now strong,.player-now span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-now img,.player-now .art-box{flex:none;width:44px;height:44px}.player-toggle{min-width:72px;min-height:44px}.player-time{grid-column:1/-1;align-items:center;gap:8px;display:flex}.player-time input{flex:1;min-width:0}.player-volume{display:none}.player-status{grid-column:1/-1;margin:0}.player-status:empty{display:none}@media (min-width:800px){.player{grid-template-columns:minmax(0,1fr) auto minmax(0,2fr) auto}.player-time{grid-column:auto}.player-volume{align-items:center;gap:8px;display:flex}}.badge{border:1px solid var(--ink);padding:0 6px;font-size:.85em;display:inline-block}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}.actions{gap:var(--gutter);flex-wrap:wrap;display:flex}.subcult-head{gap:var(--gutter);grid-template-columns:96px minmax(0,1fr);align-items:start;display:grid}.subcult-head h1{overflow-wrap:anywhere;margin:0 0 8px}.subcult-pic{aspect-ratio:1;object-fit:cover;width:96px}@media (min-width:800px){.subcult-head{grid-template-columns:160px minmax(0,1fr)}.subcult-pic{width:160px}}.placements{gap:var(--gutter);padding:0;list-style:none;display:grid}.placement{padding-bottom:var(--gutter);border-bottom:1px solid var(--line);grid-template-columns:96px minmax(0,1fr);align-items:start;gap:12px;display:grid}.placement-body{overflow-wrap:anywhere;justify-items:start;gap:4px;min-width:0;display:grid}.placement-tools{flex-wrap:wrap;align-items:start;gap:8px 16px;margin-top:8px;display:flex}.note{border-left:3px solid var(--line);margin:4px 0;padding-left:12px}.note p{margin:0 0 2px}
