.favorite-button.compact{border-radius:50%;inset-inline:1rem auto}@media (max-width:600px){.favorite-button.compact{inset-inline-start:.75rem;top:.75rem}}.toast{z-index:100;inset-inline-end:var(--page);background:var(--ink);width:min(420px,100vw - 2rem);color:var(--paper);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex;position:fixed;bottom:2rem;box-shadow:0 16px 40px #201b1740}.toast button{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.toast svg{width:20px}.notification-center{position:relative}.notification-panel{top:calc(100% + 1rem);width:min(430px, calc(100vw - 2 * var(--page)));background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;position:absolute;inset-inline-end:0;box-shadow:0 18px 45px #1f191524}.notification-panel header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:1rem;padding-bottom:1rem;display:flex}.notification-panel .eyebrow{margin-bottom:.2rem}.notification-panel h2{margin:0;font-size:1.45rem}.notification-panel ul{max-height:min(55vh,430px);margin:0;padding:0;list-style:none;overflow:auto}.notification-panel li{border-bottom:1px solid var(--line);color:#71665b;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:1rem;padding:1rem 1.15rem;display:grid;position:relative}.notification-panel a{color:inherit;text-underline-offset:3px;text-decoration:underline}.notification-panel li.unread{color:var(--ink);font-weight:600}.notification-panel li.unread:before{content:"";background:var(--clay);inset-inline-start:.25rem;border-radius:50%;width:7px;height:7px;position:absolute;top:1.55rem}.notification-panel small{white-space:nowrap}.notice-empty{color:#71665b;padding:2rem 0 1rem}.favorite-button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.55rem;min-height:46px;padding:.55rem 1rem;display:inline-flex}.favorite-button svg{width:21px;height:21px}.favorite-button.active{border-color:var(--clay);color:var(--clay)}.favorite-button.compact{z-index:5;inset-inline-end:1rem;background:#fbf8f1e6;justify-content:center;width:46px;padding:0;position:absolute;top:1rem}@media (max-width:600px){.account-link{display:none}.notification-panel{top:76px;border-radius:0 0 var(--radius) var(--radius);width:auto;position:fixed;inset-inline:0}.toast{inset-inline:1rem;width:auto;bottom:1rem}}