.notification-settings{max-width:680px;color:var(--foreground,#191b20);background:var(--background,#f7f4ec);margin:40px auto;padding:24px;line-height:1.6}.notification-settings h1{font-size:2rem;font-weight:800}.notification-settings fieldset{border:1px solid #a8aaa580;margin:24px 0;padding:20px}.notification-settings legend{padding:0 8px;font-weight:700}.notification-settings label{margin:12px 0;display:block}.notification-settings .notification-option{align-items:flex-start;gap:14px;margin:20px 0;display:flex}.notification-option input{flex-shrink:0;width:20px;height:20px;margin-top:4px}.notification-option small{color:#73756f;display:block}.notification-settings input:not([type=checkbox]){background:0 0;border:1px solid #aaa8;border-radius:4px;width:100%;padding:8px;display:block}.notification-settings aside{border-left:3px solid #197444;margin:16px 0;padding:16px}.notification-times{grid-template-columns:1fr 1fr;gap:16px;display:grid}.notification-actions{flex-wrap:wrap;gap:12px;display:flex}.notification-settings button,.notification-invitation a,.notification-invitation button{cursor:pointer;border:1px solid #8888;border-radius:4px;min-height:44px;padding:10px 16px}.notification-settings button:first-child,.notification-invitation a{color:#fff;background:#17603c}.notification-settings button:disabled{opacity:.5;cursor:default}.notification-settings a{text-decoration:underline}.notification-invitation{z-index:120;bottom:max(24px,env(safe-area-inset-bottom));color:#1a1c20;background:#fffdf8;border:1px solid #aaa7;border-radius:8px;width:min(430px,100% - 32px);padding:20px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0003}.notification-invitation p{margin:8px 0 18px;line-height:1.5}.notification-invitation div{gap:10px;display:flex}.notification-invitation a{align-items:center;text-decoration:none;display:inline-flex}
