.notification-nav-icon{font-size:18px}.notification-center{padding:24px}.notification-intro h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;white-space:normal;margin:0 0 12px}.notification-intro p{font-size:13px;line-height:1.7;color:var(--muted)}.notification-empty{padding:30px 0;font-size:13px;line-height:1.7;color:var(--muted)}.notification-item{display:flex;flex-direction:column;text-align:left;gap:7px;width:100%;padding:15px;margin:12px 0;border-left:3px solid var(--blue)}.notification-item strong{color:var(--navy)}.notification-item span{font-size:12px;line-height:1.7;color:var(--muted)}.notification-item time{font-size:10px;color:var(--muted)}#notification-settings h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;white-space:normal;margin-left:0}#notification-settings .notification-option{display:flex;align-items:flex-start;gap:12px;margin:17px 0;font-size:13px;line-height:1.5}#notification-settings .notification-option input{width:20px;height:20px;accent-color:var(--blue);flex-shrink:0}#notification-settings select{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--navy)}#notification-status{background:#edf2f8;border-left:3px solid var(--blue);padding:13px;font-size:12px;line-height:1.7}#notification-settings button{min-height:44px}#notification-settings button:disabled{opacity:.5;cursor:default}.notification-help{font-size:12px;color:var(--muted);line-height:1.7}#close-notifications{position:absolute;top:10px;right:12px;font-size:24px;background:transparent;border:0}.connection-status{padding:10px 12px;background:#fff0c4;color:#554820;font-size:12px;line-height:1.6;border-radius:7px;margin:12px 0}.cancelled-event{opacity:.8;text-decoration:line-through}.cancelled-label{color:#a11924;background:#fff0f1;font-size:11px;font-weight:700;padding:3px 6px;border-radius:4px;display:inline-block;margin:4px 0;text-decoration:none}
@media(max-width:760px){.sidebar .nav[data-page="about"]{display:none}.notification-center{padding:18px}.notification-intro h2{font-size:27px}.notification-item{padding:12px}#notification-settings{max-height:92dvh;overflow-y:auto;padding:23px 20px}#notification-settings h2{font-size:28px}}