.notice-page{max-width:760px;margin:20px auto;display:grid;gap:20px}.notice-page h2{margin:0;font-size:20px;letter-spacing:-.4px}.notice-page p{line-height:1.55}.notice-delivery,.notice-settings,.notice-activity{background:#fff;border:1px solid #e2e9e5;border-radius:20px;padding:24px}.notice-delivery{display:grid;grid-template-columns:48px 1fr;gap:0 16px}.notice-symbol{width:48px;height:48px;border-radius:15px;background:#eaf3ee;display:grid;place-items:center;font-size:27px;color:#174e3e}.notice-delivery p{margin:8px 0 0;color:#687c72;font-size:14px}.notice-delivery .notice-status,.notice-delivery-actions{grid-column:1/-1}.notice-delivery .notice-status{margin-top:20px;padding:12px 14px;border-radius:12px;background:#f1f4f2;color:#52685c}.notice-delivery .notice-status.connected{background:#e5f5e9;color:#21633d}.notice-delivery-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.notice-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.notice-section-heading>span{font-size:12px;color:#6a7e72}.notice-option{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;margin:0;border-bottom:1px solid #edf1ee;cursor:pointer}.notice-option:last-of-type{border-bottom:0}.notice-option strong{font-size:15px;display:block}.notice-option small{display:block;font-size:13px;color:#6a7e72;margin-top:5px;line-height:1.45}.notice-option input{appearance:none;flex:none;width:44px!important;height:26px;border:0;border-radius:20px;background:#cbd7d0;position:relative;padding:0!important;margin:0;cursor:pointer;transition:background .15s}.notice-option input:before{content:'';position:absolute;width:20px;height:20px;border-radius:50%;background:white;left:3px;top:3px;box-shadow:0 1px 3px #0002;transition:transform .15s}.notice-option input:checked{background:#216746}.notice-option input:checked:before{transform:translateX(18px)}.notice-option input:focus-visible{outline:3px solid #69a88b;outline-offset:3px}.notice-help{font-size:12px;color:#738278;margin:16px 0 0}.notice-entry{display:flex;gap:12px;padding:17px 0;border-bottom:1px solid #edf1ee}.notice-entry strong{font-size:14px;font-weight:600;line-height:1.5}.notice-entry time{display:block;font-size:12px;color:#75877b;margin-top:5px}.notice-dot{background:#27815a;width:7px;height:7px;flex:none;border-radius:50%;margin-top:7px}.notice-dot.read{background:#d2dcd6}.notice-empty{text-align:center;padding:32px 12px;color:#5c7465}.notice-empty p{font-size:13px;margin-bottom:0}@media(max-width:600px){.notice-page{gap:14px;margin:14px auto}.notice-delivery,.notice-settings,.notice-activity{padding:20px;border-radius:18px}.notice-section-heading{flex-wrap:wrap}.notice-section-heading .secondary{font-size:12px;padding:8px 10px}.notice-delivery-actions button{width:100%}}@media(prefers-reduced-motion:reduce){.notice-option input,.notice-option input:before{transition:none}}