/* Web Push (25.09.2026): карточка «Сообщить, когда ответят?» и блок в профиле. Токены — /css/notebook.css */
.push-card{margin:14px 0 4px;padding:14px 16px;background:var(--nb-sticky,#FFF6B8);color:var(--nb-sticky-ink,#4D4739);border-radius:4px;
  box-shadow:2px 3px 0 var(--nb-shadow-soft,rgba(60,48,20,.14));transform:rotate(-.4deg);position:relative}
.push-card.ok{transform:none;background:var(--nb-paper2,#FBF7EA);color:var(--nb-ink,#2B2A26)}
.push-card::before{content:"";position:absolute;left:50%;top:-9px;width:64px;height:16px;margin-left:-32px;background:var(--nb-tape,rgba(236,200,120,.62));transform:rotate(-2deg)}
.push-h{margin:0 0 4px;font:600 22px/1.2 var(--nb-hand,cursive)}
.push-p{margin:0;font-size:15px;line-height:1.5}
.push-acts{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:10px}
.push-link{background:none;border:0;padding:6px 2px;color:var(--nb-pen,#1F3C88);font:inherit;font-size:15px;text-decoration:underline;cursor:pointer;min-height:44px}
.push-msg{margin:8px 0 0;font-size:14px;color:var(--nb-red-ink,#AD3223)}
.push-msg:empty{display:none}
.push-ios-t{margin:0 0 8px;font-size:15px}
.push-ios{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.push-ios li{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:14px;line-height:1.4;gap:6px}
.push-ios img{width:150px;height:150px;max-width:100%;background:var(--nb-paper,#FFFEF7);border:1px solid var(--nb-line,#E0D7C0);border-radius:6px}
.push-dl-h{margin:14px 0 4px;font-weight:600}
.push-dl{list-style:none;margin:0;padding:0}
.push-dl li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;border-top:1px dashed var(--nb-line,#E0D7C0)}
.push-dl small{color:var(--nb-mut,#5A5444)}
.push-bad{color:var(--nb-red-ink,#AD3223)}
@media (prefers-reduced-motion:reduce){.push-card{transform:none}}

/* «Что нового» на главной (25.09.2026): стикер под шапкой карты, закрывается крестиком */
.wn-card{position:fixed;z-index:60;right:16px;top:calc(var(--top-h,64px) + 12px);width:min(360px,calc(100vw - 32px));max-height:calc(100vh - var(--top-h,64px) - 90px);overflow:auto;
  padding:14px 40px 12px 16px;background:var(--nb-sticky,#FFF6B8);color:var(--nb-sticky-ink,#4D4739);border-radius:4px;
  box-shadow:3px 4px 0 var(--nb-shadow-soft,rgba(60,48,20,.14));transform:rotate(.5deg);transition:opacity .25s,transform .25s;font-size:15px;line-height:1.45}
.wn-card::before{content:"";position:absolute;left:24px;top:-8px;width:60px;height:16px;background:var(--nb-tape,rgba(236,200,120,.62));transform:rotate(-3deg)}
.wn-card.hide{opacity:0;transform:translateY(-8px) rotate(.5deg);pointer-events:none}
.wn-x{position:absolute;right:6px;top:6px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:inherit;font-size:18px;cursor:pointer}
.wn-x:hover{background:rgba(0,0,0,.08)}
.wn-k{margin:0;font-size:13px;color:var(--nb-mut,#5A5444)}
.wn-t{margin:2px 0 6px;font:600 22px/1.15 var(--nb-hand,cursive)}
.wn-l{margin:0;padding-left:18px}
.wn-l li{margin:4px 0}
.wn-a{margin:8px 0 0}
.wn-card .push-card{margin:10px 0 0;transform:none;box-shadow:none;padding:10px 12px;background:var(--nb-paper,#FFFEF7);color:var(--nb-ink,#2B2A26)}
.wn-card .push-card::before{display:none}
.wn-card .push-h{font-size:19px}
.wn-card .push-p{font-size:14px}
.wn-card .push-card>.push-p:not(.push-msg){display:none}   /* в карточке «без напоминаний» уже сказано выше */
.wn-card .push-acts{margin-top:6px}
@media (max-width:600px){.wn-card{right:12px;left:12px;width:auto;top:calc(var(--top-h,56px) + 8px);max-height:60vh;transform:none;font-size:14.5px;padding:12px 40px 10px 14px}.wn-t{font-size:20px}}
@media (prefers-reduced-motion:reduce){.wn-card{transform:none;transition:none}}
