.subscription-page{max-width:1160px;margin:auto;padding:3rem 1.25rem 5rem}.subscription-page>.back-link{margin-top:0}.subscription-page h1{margin:1.5rem 0 .75rem;font-size:clamp(2rem,5vw,3.25rem)}.subscription-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:2rem;margin-top:2rem;display:grid}.subscription-editor,.subscription-list li,.subscription-signin{background:#fffdf9;border:1px solid #dfdbd3;border-radius:20px;padding:1.5rem}.subscription-layout>section{min-width:0}.subscription-layout>section>h2{margin:0 0 1.5rem}.subscription-editor>p:first-child{margin:0 0 1.25rem}.subscription-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.subscription-list .subscription-saved-card{border-radius:16px;padding:1.1rem 1.25rem}.subscription-saved-card h3{overflow-wrap:anywhere;margin:0 0 .35rem;font-size:1.05rem;font-weight:650;line-height:1.4}.subscription-saved-meta{color:#686c61;align-items:center;gap:.4rem;margin:0;font-size:.8rem;line-height:1.5;display:flex}.subscription-status-dot{background:#92948c;border-radius:50%;flex:0 0 6px;width:6px;height:6px}.subscription-status-dot.is-active{background:#52753b}.subscription-saved-summary{overflow-wrap:anywhere;margin:.65rem 0 0;font-size:.9rem;line-height:1.5}.subscription-saved-card .subscription-actions{align-items:center;gap:.45rem;margin-top:.8rem}.subscription-card-action{color:#52584a;min-height:36px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:.35rem .6rem;font-size:.8rem}.subscription-card-edit{color:#303a29;border-color:#c9cdbf;font-weight:500}.subscription-card-remove{color:#975044}.subscription-create{min-height:44px;margin-top:1.25rem;padding:.65rem 1rem;font-size:.9rem}.subscription-card-action:hover:not(:disabled){background:#f0f0e8}.subscription-card-remove:hover:not(:disabled){background:#f9eee9}.subscription-card-action:focus-visible{outline-offset:2px;outline:2px solid #526b23}.subscription-card-action:disabled{opacity:.5;cursor:wait}.subscription-fields{border:0;gap:1.25rem;min-width:0;padding:0;display:grid}.subscription-field{gap:.5rem;font-weight:600;display:grid}.subscription-field input,.subscription-field textarea,.subscription-field select{box-sizing:border-box;width:100%;font:inherit;color:#26231f;background:#fff;border:1px solid #bbb5aa;border-radius:9px;padding:.8rem}.subscription-field span{font-size:.85rem;font-weight:400}.subscription-group{border:0;min-width:0;margin:0;padding:0}.subscription-group legend{margin-bottom:.6rem;font-weight:600}.subscription-tags{flex-wrap:wrap;gap:.5rem;display:flex}.subscription-tag{cursor:pointer;border:1px solid #b9b3a8;border-radius:100px;align-items:center;gap:.45rem;padding:.6rem .8rem;display:inline-flex}.subscription-tag.selected{background:#e8efce;border-color:#526b23}.subscription-tag input{accent-color:#526b23}.subscription-actions{flex-wrap:wrap;gap:.65rem;margin-top:.9rem;display:flex}.subscription-toggle{align-items:center;gap:.6rem;display:flex}.subscription-error{color:#852b20;background:#fff0e9;border-radius:10px;padding:1rem}.subscription-notice{color:#244914;background:#edf6e5;border-radius:10px;padding:1rem}.subscription-visually-hidden{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:760px){.subscription-layout{grid-template-columns:1fr}}.subscription-artist-entry{gap:.5rem;display:flex}.subscription-artist-entry input{flex:1;min-width:0}.subscription-artist-entry button{flex-shrink:0}.subscription-artist-list{flex-wrap:wrap;gap:.5rem;margin:.75rem 0;padding:0;list-style:none;display:flex}.subscription-artist-list li{box-sizing:border-box;max-width:100%}.subscription-artist-list li>span{overflow-wrap:anywhere;min-width:0}.subscription-artist-list button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;min-width:28px;min-height:28px;font-size:1.25rem}.subscription-artists>p{margin-bottom:0;font-size:.85rem}