.reciter-page{--hero-main:#3d3a37;flex-direction:column;gap:40px;display:flex}.reciter-hero-frame{margin:-32px -24px -40px}.reciter-hero{background-color:var(--hero-main);background-image:linear-gradient(#0000,#0000002e);align-items:flex-end;gap:24px;min-height:300px;padding:56px 24px 24px;transition:background-color .5s;display:flex}.reciter-portrait{aspect-ratio:1;border-radius:var(--radius-sm);object-fit:cover;background:#0003;flex-shrink:0;width:clamp(152px,22cqi,232px);height:auto;box-shadow:0 8px 40px #00000080}.reciter-hero-text{min-width:0;color:var(--text-bright);flex-direction:column;flex:1;display:flex}.reciter-kind{font-size:var(--text-md);font-weight:600}.reciter-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}.reciter-name.is-long{font-size:clamp(36px,6cqi,72px)}.reciter-facts{font-size:var(--text-md);color:#ffffffd9;flex-wrap:wrap;align-items:center;display:flex}.reciter-facts strong{color:var(--text-bright);font-weight:700}.reciter-facts>*+:before{content:"•";margin-inline:6px}@container (max-width:560px){.reciter-hero{flex-direction:column;align-items:flex-start}}.reciter-tracks{position:relative}.reciter-tracks:before{content:"";top:0;z-index:-1;background:linear-gradient(color-mix(in srgb, var(--hero-main) 62%, #121212), transparent);pointer-events:none;height:260px;position:absolute;inset-inline:-24px}.reciter-bar{flex-wrap:wrap;align-items:center;gap:16px 24px;padding:24px 0;display:flex}.reciter-actions{align-items:center;gap:16px;display:flex}.reciter-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}.reciter-play:hover{filter:brightness(1.06);transform:scale(1.05)}.reciter-play:active{transform:scale(.96)}.reciter-icon-btn{width:48px;height:48px;color:var(--text-bright);border-radius:50%;justify-content:center;align-items:center;transition:color .15s,background-color .15s,transform .1s;display:inline-flex}.reciter-icon-btn:hover{background:#ffffff1a}.reciter-icon-btn:active{transform:scale(.92)}.reciter-copied{font-size:var(--text-sm);color:var(--primary)}.reciter-tools{flex-wrap:wrap;flex:520px;justify-content:flex-end;align-items:center;gap:10px;margin-inline-start:auto;display:flex}.reciter-album{text-align:start;flex-direction:column;gap:4px;min-width:0;display:flex;position:relative}.reciter-album-tile{aspect-ratio:1;border-radius:var(--radius-md);background:linear-gradient(160deg, #ffffff1f, transparent 60%), var(--season);outline-offset:3px;outline:2px solid #0000;flex-direction:column;justify-content:space-between;margin-bottom:8px;padding:16px 16px 10px;display:flex;overflow:hidden}.reciter-album-tile--cover{background:var(--bg-elevated);padding:0}.reciter-album-tile--cover img{object-fit:cover;width:100%;height:100%;display:block}.reciter-album:hover .reciter-album-tile{filter:brightness(1.12)}.reciter-album.is-active .reciter-album-tile{outline-color:var(--primary)}.reciter-album-season{font-size:var(--text-lg);color:var(--text-bright);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.reciter-album-year{color:#ffffffe6;align-items:baseline;gap:4px;font-size:clamp(34px,3vw,46px);font-weight:800;line-height:1;display:flex}.reciter-album-year small{color:#ffffffb3;font-size:.4em;font-weight:400}.reciter-album-name{font-size:var(--text-md);color:var(--text-bright);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.reciter-album-sub{font-size:var(--text-sm);color:var(--text-base)}.reciter-album.is-active .reciter-album-sub{color:var(--primary)}.reciter-tracks{scroll-margin-top:0}.reciter-search{border-radius:var(--radius-pill);max-width:320px;height:40px;color:var(--text-base);background:#ffffff14;border:1px solid #0000;flex:200px;align-items:center;gap:10px;padding:0 16px;display:flex}.reciter-search:focus-within{border-color:var(--primary)}.reciter-search input{min-width:0;color:var(--text-bright);font:inherit;font-size:var(--text-md);background:0 0;border:0;outline:0;flex:1}.reciter-select{border-radius:var(--radius-pill);max-width:220px;height:40px;color:var(--text-bright);font:inherit;font-size:var(--text-md);cursor:pointer;background:#ffffff14;border:1px solid #0000;padding:0 14px}.reciter-select:hover{background:#ffffff24}.reciter-select option{background:var(--bg-elevated);color:var(--text-bright)}.reciter-chips{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.reciter-chip{border-radius:var(--radius-pill);height:34px;color:var(--text-bright);font-size:var(--text-sm);background:#ffffff14;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex}.reciter-chip:hover{background:#ffffff24}.reciter-chip span{color:var(--text-base);font-weight:400}.reciter-chip[aria-pressed=true]{background:var(--primary);color:var(--on-primary)}.reciter-chip[aria-pressed=true] span{color:inherit;opacity:.7}.reciter-result{min-height:20px;font-size:var(--text-sm);color:var(--text-base);justify-content:space-between;align-items:center;gap:12px;margin:8px 0;display:flex}.reciter-more{font-size:var(--text-sm);color:var(--text-base);flex-direction:column;align-items:center;gap:8px;margin-top:20px;display:flex}.reciter-empty{text-align:center;color:var(--text-base);font-size:var(--text-lg);flex-direction:column;align-items:center;gap:14px;padding:40px 0;display:flex}.reciter-skeleton{flex-direction:column;gap:10px;display:flex}.reciter-skeleton span{border-radius:var(--radius-md);background:var(--bg-highlight);opacity:.6;height:56px}.reciter-missing{text-align:center;justify-content:center;align-items:center;gap:14px;min-height:60vh}.reciter-missing h1{font-size:var(--text-3xl);font-weight:800}.reciter-missing p{color:var(--text-base);font-size:var(--text-lg)}.reciter-page a:focus-visible,.reciter-page button:focus-visible,.reciter-page select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.reciter-edit{background:var(--primary);color:#121212;font-size:var(--text-sm);border-radius:999px;align-items:center;gap:6px;padding:7px 16px;font-weight:800;display:inline-flex}.reciter-edit:hover{filter:brightness(1.08)}.reciter-edit:focus-visible{outline:2px solid var(--text-bright);outline-offset:2px}.rel-modal{width:600px}.rel-body{flex-direction:column;gap:22px;padding:18px 24px 8px;display:flex;overflow-y:auto}.rel-pick,.rel-part{flex-direction:column;gap:10px;display:flex}.rel-pick span,.rel-part h3{font-size:var(--text-md);color:var(--text-bright);font-weight:700}.rel-modal select,.rel-modal input:not([type=checkbox]){min-width:0;color:var(--text-bright);font:inherit;font-size:var(--text-md);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;padding:10px 12px}.rel-modal select:focus-visible,.rel-modal input:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.rel-modal option{background:var(--bg-elevated)}.rel-row{gap:10px;display:flex}.rel-row input{flex:1}.rel-btn{background:var(--primary);color:#121212;font-weight:700;font-size:var(--text-sm);white-space:nowrap;border-radius:999px;justify-content:center;align-self:flex-start;align-items:center;gap:6px;padding:9px 16px;display:inline-flex}.rel-btn:disabled{opacity:.45;cursor:default}.rel-link{color:var(--primary);font-size:var(--text-sm);align-self:flex-start;align-items:center;gap:6px;font-weight:700;display:inline-flex}.rel-link:disabled{opacity:.45}.rel-note{font-size:var(--text-sm);color:var(--text-subdued)}.rel-covers{flex-wrap:wrap;gap:10px;display:flex}.rel-cover{outline-offset:2px;background:#ffffff0f;border-radius:10px;outline:2px solid #0000;width:80px;height:80px;overflow:hidden}.rel-cover img{object-fit:cover;width:100%;height:100%;display:block}.rel-cover.is-chosen{outline-color:var(--primary)}.rel-cover--round{border-radius:50%}.rec-confirm{background:var(--primary-tint);border:1px solid var(--primary-tint-strong);color:var(--text-bright);font-size:var(--text-md);border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.rel-cover:not(:disabled):hover{filter:brightness(1.15)}.rel-cover--add{color:var(--text-base);font-size:var(--text-xs);border:1px dashed #fff3;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.rel-tracks{background:#ffffff08;border-radius:12px;flex-direction:column;max-height:260px;display:flex;overflow-y:auto}.rel-track{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 12px;display:grid}.rel-track+.rel-track{border-top:1px solid #ffffff0d}.rel-track-title{font-size:var(--text-md);color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;flex-direction:column;display:flex;overflow:hidden}.rel-track-title small{font-size:var(--text-xs);color:var(--text-subdued)}.rel-track select{max-width:200px;font-size:var(--text-sm);padding:6px 8px}.rel-check{font-size:var(--text-md);color:var(--text-bright);cursor:pointer;align-items:center;gap:10px;display:flex}.rel-check input{width:18px;height:18px;accent-color:var(--primary)}.rel-status{min-height:1.5em;font-size:var(--text-sm);color:var(--primary);padding:10px 24px 18px}.rel-status.is-error{color:#ff8a80}.trk-modal{width:680px}.trk-top{align-items:flex-start;gap:18px;display:flex}.trk-cover{background:#ffffff0f;border-radius:12px;flex:none;width:120px;height:120px;position:relative;overflow:hidden}.trk-cover img{object-fit:cover;width:100%;height:100%;display:block}.trk-cover-change{color:var(--text-bright);font-size:var(--text-xs);background:#000000b3;justify-content:center;align-items:center;gap:6px;padding:6px;font-weight:700;display:flex;position:absolute;inset:auto 0 0}.trk-cover:hover .trk-cover-change{background:#000000d9}.trk-main{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.trk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.trk-field{flex-direction:column;gap:6px;min-width:0;display:flex}.trk-field>span{font-size:var(--text-sm);color:var(--text-base);font-weight:700}.trk-modal textarea{color:var(--text-bright);font:inherit;font-size:var(--text-md);resize:vertical;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;padding:10px 12px;line-height:1.8}.trk-modal textarea:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.trk-foot{border-top:1px solid #ffffff0f;align-items:center;gap:14px;padding:12px 24px 18px;display:flex}.trk-foot .rel-status{flex:1;min-height:0;padding:0}.trk-foot .rel-btn{align-self:center;padding:10px 26px}