.notification-panel{position:fixed;z-index:15;top:20px;right:20px;width:min(375px,calc(100vw - 40px));background:#fffdf9;border:1px solid var(--line);border-radius:16px;padding:23px;box-shadow:0 18px 55px #1c30261f;transform:translateX(calc(100% + 28px));transition:transform .24s ease}.notification-panel.open{transform:translateX(0)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.panel-head h2{font-size:23px}.panel-close{border:0;background:none;font-size:26px;color:var(--muted);cursor:pointer}.notification-item{display:flex;gap:11px;padding:13px 0;border-top:1px solid var(--line)}.notification-icon{width:32px;height:32px;display:grid;place-items:center;background:#edf5df;border-radius:10px;font-size:16px;flex:none}.notification-item h3{margin:0 0 3px;font-size:12px}.notification-item p{margin:0;font-size:11px;line-height:1.45;color:var(--muted)}.notification-item small{display:block;color:#8c998c;font-size:10px;margin-top:5px}.mark-read{width:100%;margin-top:13px;border:0;background:#f1f6e4;color:#4c6f3d;border-radius:8px;padding:10px;font-size:11px;font-weight:700;cursor:pointer}.settings-dialog{width:min(470px,92vw);padding:34px}.settings-tabs{display:grid;grid-template-columns:1fr 1fr;margin:21px 0 17px;border-bottom:1px solid var(--line)}.settings-tab{border:0;background:none;padding:10px;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}.settings-tab.active{color:var(--ink);border-color:#7fa25f}.settings-section{display:none}.settings-section.active{display:block}.settings-copy{font-size:12px;color:var(--muted);line-height:1.5;margin:0 0 18px}.setting-label{font-size:12px;font-weight:700;margin:18px 0 8px}.settings-goals{display:flex;flex-wrap:wrap;gap:7px}.settings-goal{border:1px solid var(--line);border-radius:20px;padding:7px 10px;font-size:11px;cursor:pointer}.settings-goal.selected{background:#ebf4dc;border-color:#d7e6bd}.settings-goal input{display:none}.toggle-row{display:flex!important;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:13px 0;margin:0!important}.toggle-row b{display:block;font-size:12px}.toggle-row small{display:block;font-size:11px;color:var(--muted);margin-top:4px;line-height:1.3}.toggle-row input{appearance:none;width:37px;height:22px;border:0;border-radius:20px;background:#c7d0c7;margin:1px 0 0;position:relative;cursor:pointer;flex:none}.toggle-row input:after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.18s}.toggle-row input:checked{background:#71964c}.toggle-row input:checked:after{left:18px}@media(max-width:600px){.notification-panel{top:10px;right:10px;width:calc(100vw - 20px)}}