.notification-card{position:relative;overflow:hidden;padding:clamp(22px,3vw,32px);border:1px solid rgba(77,126,89,.2);background:radial-gradient(circle at 92% -15%,rgba(77,126,89,.16),transparent 35%),linear-gradient(145deg,#fffdf9,#f4eee5)}
.notification-orbit{position:absolute;right:-42px;top:-72px;width:210px;height:210px;border:1px solid rgba(77,126,89,.13);border-radius:50%;pointer-events:none}.notification-orbit:before,.notification-orbit:after{content:'';position:absolute;inset:28px;border:1px solid rgba(77,126,89,.1);border-radius:50%}.notification-orbit:after{inset:62px}.notification-orbit span,.notification-orbit i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--good)}.notification-orbit span{left:24px;top:76px}.notification-orbit i{right:45px;bottom:25px;opacity:.5}
.notification-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:26px}.notification-heading{display:flex;align-items:flex-start;gap:14px}.notification-mark{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(77,126,89,.22);border-radius:14px;background:rgba(255,255,255,.72);color:var(--good);font:700 26px/1 var(--display)}.notification-heading h3{color:var(--ink);font:600 clamp(25px,3vw,35px)/1.02 var(--display);letter-spacing:-.03em}.notification-heading p:last-child{max-width:610px;margin-top:9px;color:var(--mut);font-size:11.5px;line-height:1.6}.notification-state{flex:0 0 auto;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.7);color:var(--faint);font:750 8.5px var(--sans);letter-spacing:.03em}.notification-card[data-state="ready"] .notification-state{border-color:rgba(77,126,89,.25);background:rgba(77,126,89,.1);color:var(--good)}.notification-card[data-state="blocked"] .notification-state{border-color:rgba(174,66,40,.2);background:rgba(174,66,40,.08);color:var(--bad)}
.notification-options{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:23px}.notification-option{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:12px;min-height:98px;padding:16px;border:1px solid var(--line-soft);border-radius:16px;background:rgba(255,255,255,.72);cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.notification-option:hover{transform:translateY(-1px);border-color:rgba(77,126,89,.24)}.notification-option:has(input:checked){border-color:rgba(77,126,89,.3);background:rgba(77,126,89,.07)}.notification-option-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--surface-2);color:var(--clay);font:750 12px var(--mono)}.notification-option b{display:block;color:var(--body);font:750 11px var(--sans)}.notification-option small{display:block;margin-top:5px;color:var(--faint);font:500 9.5px/1.45 var(--sans)}.notification-option input{position:absolute;opacity:0;pointer-events:none}.notification-option>i{position:relative;width:38px;height:22px;border-radius:999px;background:#ded5ca;transition:background .2s}.notification-option>i:after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(45,31,22,.18);transition:transform .2s}.notification-option input:checked+i{background:var(--good)}.notification-option input:checked+i:after{transform:translateX(16px)}.notification-option input:focus-visible+i{box-shadow:var(--ring)}
.notification-controls{position:relative;display:flex;align-items:end;justify-content:space-between;gap:18px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(98,73,54,.1)}.notification-controls>label{display:grid;gap:6px;min-width:235px}.notification-controls>label span{color:var(--faint);font:750 8px var(--sans);letter-spacing:.09em;text-transform:uppercase}.notification-controls select{min-height:44px}.notification-actions{display:flex;gap:8px}.notification-actions .btn{min-height:44px}.notification-status{position:relative;margin-top:11px;color:var(--faint);font:600 9px/1.5 var(--sans)}.notification-status.bad{color:var(--bad)}
@media(max-width:700px){.notification-card{padding:19px;border-radius:18px}.notification-orbit{opacity:.55}.notification-head{display:grid;gap:13px}.notification-heading{gap:10px}.notification-mark{width:38px;height:38px;flex-basis:38px}.notification-heading h3{font-size:27px}.notification-state{justify-self:start}.notification-options{grid-template-columns:1fr;margin-top:18px}.notification-option{min-height:91px;padding:14px}.notification-controls{display:grid;align-items:stretch}.notification-controls>label{min-width:0}.notification-actions{display:grid;grid-template-columns:1fr 1fr}.notification-actions .btn{width:100%;padding-inline:10px}}