.sub-btn{display:inline-flex;align-items:center;gap:.35rem;border:1.5px solid var(--line-strong);background:var(--surface-1);color:var(--text);border-radius:999px;padding:.45rem 1rem;font-weight:700;font-size:.85rem;font-family:inherit;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .2s,color .2s}.sub-btn:hover{background:var(--fill-strong);color:var(--on-strong);border-color:var(--fill-strong)}.sub-btn.is-on{background:var(--volt-400);border-color:var(--volt-400);color:var(--black)}.sub-btn.is-loading{opacity:.4;pointer-events:none}.sub-wrap{position:relative;gap:.4rem}.sub-bell,.sub-wrap{display:inline-flex;align-items:center}.sub-bell{justify-content:center;width:2.1rem;height:2.1rem;border:1.5px solid var(--line-strong);border-radius:999px;background:var(--surface-1);color:var(--text);font-size:.95rem;line-height:1;cursor:pointer;opacity:.55;transition:opacity .2s,background-color .2s}.sub-bell:hover,.sub-bell[aria-expanded=true]{opacity:1}.sub-bell.is-on{background:var(--volt-400);border-color:var(--volt-400);opacity:1}.sub-bell-pop{position:absolute;top:calc(100% + .5rem);left:0;z-index:20;width:min(21rem,calc(100vw - 2rem));display:grid;grid-gap:.55rem;gap:.55rem;padding:.85rem .95rem;background:var(--surface-1);color:var(--text);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 30px rgb(0 0 0/.18);font-size:.88rem;text-align:left;white-space:normal}.sub-bell-row{display:flex;align-items:flex-start;gap:.6rem;font-weight:600;line-height:1.35;cursor:pointer}.sub-bell-row input{margin-top:.15rem;width:1.1rem;height:1.1rem;accent-color:var(--pink-400);flex:none;cursor:pointer}.sub-bell-pop small{color:var(--muted);line-height:1.4}.sub-bell-close{justify-self:end;border:0;border-radius:999px;padding:.35rem .9rem;background:var(--fill-strong);color:var(--on-strong);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}