/* SNATCH «Уведомления» — black / silver chrome */
.sxn{--ch:linear-gradient(110deg,#77777e 0%,#f7f7f9 20%,#9d9da4 36%,#fff 50%,#8d8d94 64%,#ececef 82%,#727278 100%);margin:6px 0 22px;color:#f2f2f4;font:inherit;animation:sxnIn .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes sxnIn{from{opacity:0;transform:translateY(18px);filter:blur(6px)}}
.sxn-head{display:flex;gap:16px;align-items:center;margin:4px 2px 16px}
.sxn-head h2{margin:4px 0 4px;font-size:26px;line-height:1.05;font-weight:700;letter-spacing:-.02em;background:var(--ch);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sxnSh 6s linear infinite}
@keyframes sxnSh{to{background-position:-220% 0}}
.sxn-head p{margin:0;font-size:13px;line-height:1.4;color:#9a9aa2}
.sxn-e{font-size:10.5px;letter-spacing:.22em;color:#a9a9b0;display:flex;align-items:center;gap:7px}
.sxn-e i{width:6px;height:6px;border-radius:50%;background:#e8e8ec;box-shadow:0 0 10px #fff;animation:sxnP 1.8s ease-in-out infinite}
@keyframes sxnP{50%{opacity:.25}}
.sxn-bell{position:relative;flex:0 0 64px;height:64px;border-radius:20px;display:grid;place-items:center;color:#0b0b0c;background:var(--ch);background-size:200% 200%;box-shadow:0 10px 30px rgba(255,255,255,.08),inset 0 1px 0 #fff;animation:sxnSh 5s linear infinite}
.sxn-bell svg{width:30px;height:30px;transform-origin:50% 10%}
.sxn-bell.on svg{animation:sxnRing 3.2s ease-in-out infinite}
@keyframes sxnRing{0%,62%,100%{transform:rotate(0)}66%{transform:rotate(16deg)}72%{transform:rotate(-13deg)}78%{transform:rotate(8deg)}84%{transform:rotate(-4deg)}}
.sxn-bell span{position:absolute;inset:-6px;border-radius:24px;border:1px solid rgba(255,255,255,.35);opacity:0}
.sxn-bell.on span{animation:sxnWave 2.6s ease-out infinite}.sxn-bell.on span+span{animation-delay:1.3s}
@keyframes sxnWave{0%{opacity:.7;transform:scale(.9)}100%{opacity:0;transform:scale(1.35)}}
.sxn-card{position:relative;margin:0 0 12px;padding:6px 14px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.sxn-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(160deg,rgba(255,255,255,.5),rgba(255,255,255,.06) 30%,rgba(255,255,255,.02) 60%,rgba(255,255,255,.25));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.sxn-master{background:radial-gradient(120% 140% at 0 0,rgba(255,255,255,.12),rgba(255,255,255,.02) 60%)}
.sxn-sub{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#85858c;margin:12px 0 2px}
.sxn-row{display:flex;align-items:center;gap:12px;padding:11px 0;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}
.sxn-row+.sxn-row,.sxn-perm{border-top:1px solid rgba(255,255,255,.06)}
.sxn-ic{flex:0 0 36px;height:36px;border-radius:12px;display:grid;place-items:center;color:#e9e9ee;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.sxn-ic svg{width:18px;height:18px}
.sxn-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sxn-tx b{font-weight:600;font-size:14.5px;color:#f4f4f6}.sxn-tx i{font-style:normal;font-size:12px;color:#8e8e96;line-height:1.3}
.sxn-sw{position:absolute;opacity:0;pointer-events:none}
.sxn-tg{flex:0 0 50px;height:30px;border-radius:30px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);position:relative;transition:background .35s}
.sxn-tg em{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:linear-gradient(160deg,#6d6d73,#3a3a3f);box-shadow:0 2px 6px rgba(0,0,0,.5);transition:transform .45s cubic-bezier(.3,1.6,.5,1),background .35s}
.sxn-sw:checked+.sxn-tg{background:var(--ch);background-size:220% 100%;animation:sxnSh 4s linear infinite;box-shadow:0 0 18px rgba(255,255,255,.18)}
.sxn-sw:checked+.sxn-tg em{transform:translateX(20px);background:#0b0b0c;box-shadow:0 2px 8px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.15)}
.sxn-row:active .sxn-tg em{width:30px}.sxn-sw:checked+.sxn-tg em{}
.sxn-perm{display:flex;align-items:center;gap:12px;padding:12px 0}
.sxn-dot{flex:0 0 36px;height:36px;display:grid;place-items:center;position:relative}
.sxn-dot:after{content:"";width:10px;height:10px;border-radius:50%;background:#e9e9ee;box-shadow:0 0 0 0 rgba(255,255,255,.5);animation:sxnDot 2s infinite}
.sxn-dot.bad:after{background:#ff5d5d;box-shadow:0 0 0 0 rgba(255,93,93,.5)}.sxn-dot.warn:after{background:#c9c9cf;opacity:.6}
@keyframes sxnDot{70%{box-shadow:0 0 0 10px rgba(255,255,255,0)}}
.sxn-btn{border:0;border-radius:14px;padding:9px 14px;font:600 13px/1 inherit;color:#f2f2f4;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.sxn-chrome{color:#0b0b0c;background:var(--ch);background-size:220% 100%;animation:sxnSh 4s linear infinite;box-shadow:0 6px 18px rgba(255,255,255,.12)}
.sxn-body{transition:opacity .4s,filter .4s}.sxn-body.off{opacity:.35;filter:grayscale(1);pointer-events:none}
.sxn-segs{display:flex;gap:4px;padding:4px;margin:0 0 10px 48px;border-radius:14px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.sxn-segs button{flex:1;border:0;border-radius:10px;padding:9px 4px;font:600 12px/1 inherit;color:#9b9ba3;background:transparent;transition:all .35s}
.sxn-segs button.on{color:#0b0b0c;background:var(--ch);background-size:220% 100%;box-shadow:0 4px 14px rgba(255,255,255,.12)}
.sxn-row.sxn-seg{cursor:default}.sxn-seg+.sxn-segs{margin-top:-2px}
.sxn-time{display:flex;align-items:center;gap:10px;padding:2px 0 14px 48px;transition:opacity .35s}.sxn-time.off{opacity:.35;pointer-events:none}
.sxn-time label{flex:1;display:flex;align-items:center;gap:8px;font-size:12px;color:#8e8e96}
.sxn-time input{flex:1;min-width:0;border:0;border-radius:12px;padding:9px 8px;font:600 16px/1 inherit;color:#f4f4f6;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color-scheme:dark;text-align:center}
.sxn-arc{width:22px;height:2px;border-radius:2px;background:var(--ch)}
.sxn-test{position:relative;overflow:hidden;width:100%;margin:4px 0 8px;border:0;border-radius:18px;padding:16px;font:700 14.5px/1 inherit;letter-spacing:.01em;color:#0b0b0c;background:var(--ch);background-size:220% 100%;animation:sxnSh 5s linear infinite;box-shadow:0 10px 30px rgba(255,255,255,.1)}
.sxn-test:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.9) 50%,transparent 70%);transform:translateX(-120%)}
.sxn-test.go:after{transition:transform .8s;transform:translateX(120%)}.sxn-test:active{transform:scale(.98)}
.sxn-sync{text-align:center;font-size:11.5px;color:#76767e;padding:2px 10px}
.sxn-toast{position:fixed;left:50%;bottom:96px;z-index:99;transform:translate(-50%,20px);opacity:0;transition:all .35s;padding:11px 18px;border-radius:16px;font-size:13px;color:#0b0b0c;background:linear-gradient(110deg,#c9c9cf,#fff,#bdbdc3);box-shadow:0 10px 30px rgba(0,0,0,.5)}
.sxn-toast.in{transform:translate(-50%,0);opacity:1}
@media (prefers-reduced-motion:reduce){.sxn *,.sxn{animation:none!important;transition:none!important}}

.sxn-note{overflow:hidden;padding:14px;background:radial-gradient(130% 120% at 100% 0,rgba(255,255,255,.14),rgba(255,255,255,.02) 55%)}
.sxn-note-glow{position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 65%);animation:sxnP 3.4s ease-in-out infinite;pointer-events:none}
.sxn-note-row{display:flex;gap:12px;align-items:flex-start}.sxn-note .sxn-tx i{font-size:12.5px;line-height:1.45;color:#a3a3ab}
.sxn-os{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 12px 48px}.sxn-os span{font-size:11px;letter-spacing:.04em;padding:5px 9px;border-radius:999px;color:#d7d7dc;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.sxn-dl{margin-left:48px;width:calc(100% - 48px);padding:12px 14px}
.sxn-deliv{display:flex;gap:6px;padding:12px 0 4px}
.sxn-deliv button{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;min-height:58px;border:0;border-radius:16px;padding:8px 4px 11px;color:#a5a5ad;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:all .35s}
.sxn-deliv button:first-child{flex:1.35}
.sxn-deliv b{font:600 12.5px/1.15 inherit;text-align:center}
.sxn-deliv small{font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:#d9d9de;opacity:.85}
.sxn-deliv button.on{color:#0b0b0c;background:linear-gradient(110deg,#77777e 0%,#f7f7f9 20%,#9d9da4 36%,#fff 50%,#8d8d94 64%,#ececef 82%,#727278 100%);background-size:220% 100%;animation:sxnSh 4s linear infinite;box-shadow:0 6px 20px rgba(255,255,255,.14)}
.sxn-deliv button.on small{color:#2a2a2e}
.sxn-hint{margin:6px 2px 10px;font-size:11.5px;color:#7e7e86}

.sxn-promo{position:relative}.sxn-promo h3{margin:8px 0 6px;font-size:22px;line-height:1.1;font-weight:700;letter-spacing:-.02em;background:var(--ch,linear-gradient(110deg,#77777e,#fff,#8d8d94,#ececef));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sxnSh 6s linear infinite}
.sxn-promo p{margin:0 0 10px;font-size:13px;line-height:1.45;color:#a3a3ab}
.sxn-promo .sxn-os,.sxn-promo .sxn-dl{margin-left:0}.sxn-promo .sxn-dl{width:100%}
.sxn-adv{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sxn-adv li{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);animation:sxnIn .7s cubic-bezier(.2,.8,.2,1) var(--d) both}
.sxn-adv b{display:block;font-size:13px;color:#f4f4f6}.sxn-adv i{display:block;font-style:normal;font-size:11px;color:#85858d;line-height:1.3;margin-top:2px}
.sxn-home{--ch:linear-gradient(110deg,#77777e 0%,#f7f7f9 20%,#9d9da4 36%,#fff 50%,#8d8d94 64%,#ececef 82%,#727278 100%);color:#f2f2f4}
.sxn-home .sxn-promo{overflow:hidden;padding:18px;border-radius:26px;background:radial-gradient(130% 100% at 100% 0,rgba(255,255,255,.13),rgba(255,255,255,.02) 55%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.sxn-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;color:#f2f2f4;--ch:linear-gradient(110deg,#77777e 0%,#f7f7f9 20%,#9d9da4 36%,#fff 50%,#8d8d94 64%,#ececef 82%,#727278 100%)}
.sxn-mbg{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;transition:opacity .4s}
.sxn-mcard{position:relative;width:100%;max-width:360px;padding:24px 20px 18px;border-radius:28px;text-align:center;background:radial-gradient(120% 80% at 50% 0,#2a2a2f,#0d0d0e 65%);box-shadow:0 0 0 1px rgba(255,255,255,.18),0 30px 80px rgba(0,0,0,.7);transform:scale(.86) translateY(30px);opacity:0;transition:all .5s cubic-bezier(.2,1.3,.4,1)}
.sxn-modal.in .sxn-mbg{opacity:1}.sxn-modal.in .sxn-mcard{transform:none;opacity:1}
.sxn-mcard h3{margin:14px 0 8px;font-size:23px;font-weight:700;letter-spacing:-.02em;background:var(--ch);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sxnSh 6s linear infinite}
.sxn-mcard p{margin:0 0 18px;font-size:13.5px;line-height:1.45;color:#a3a3ab}
.sxn-mbtns{display:flex;gap:8px}.sxn-mbtns .sxn-btn{flex:1;padding:14px}
.sxn-mcol{display:flex;flex-direction:column;gap:8px}.sxn-mcol .sxn-btn{padding:15px;font-size:14px}
.sxn-mlink{border:0;background:none;color:#7c7c84;font:500 13px inherit;padding:8px}
.sxn-mphone{display:grid;place-items:center;perspective:600px}.sxn-mphone>div{position:relative;width:74px;height:128px;border-radius:20px;padding:5px;background:linear-gradient(110deg,#6f6f75,#f4f4f6 30%,#8a8a90 55%,#e6e6ea 80%,#6a6a70);animation:pwFloat2 4s ease-in-out infinite;display:grid;place-items:center}
.sxn-mphone img{width:40px;height:40px;border-radius:10px}
.sxn-mping{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.6);animation:sxnDot 1.6s infinite}
@keyframes pwFloat2{50%{transform:rotateY(18deg) translateY(-5px)}}
.sxn-mbell{margin:0 auto 12px;width:70px;height:70px}.sxn-e.c{justify-content:center}
.sxn-adv li>.sxn-ic{width:36px!important;max-width:36px!important;flex:none!important;align-self:flex-start}