/* v36 PWA: notch/safe-area support (iOS standalone, black-translucent status bar) + install button/hint.
   env() is 0 everywhere except notched devices with viewport-fit=cover, so this is a no-op on desktop. */
:root{--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}
html{scroll-padding-top:calc(64px + var(--sat))}
html body .nav{height:calc(64px + var(--sat));padding-top:var(--sat);padding-left:max(28px,var(--sal));padding-right:max(28px,var(--sar))}
@media(max-width:820px){html body .nav{padding-left:max(18px,var(--sal));padding-right:max(18px,var(--sar))}}
html body .quickbar{margin-top:calc(64px + var(--sat))}
body{padding-left:var(--sal);padding-right:var(--sar)}
html body .footer{padding-bottom:calc(40px + var(--sab))}

/* ---- "Get the app" (footer button + one-time toast) ---- */
.app-get{font-family:var(--disp,Anton,Impact,sans-serif);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;line-height:1;cursor:pointer;
 display:inline-flex;align-items:center;gap:8px;padding:10px 16px 9px;color:#140812;border:1px solid #7e3170;
 background:linear-gradient(180deg,#fff 0%,#dcd7e1 36%,#9c94a4 60%,#f1edf4 100%);
 box-shadow:3px 3px 0 #5e1a55,0 0 12px rgba(168,70,220,.3);
 clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);transition:transform .15s,box-shadow .15s}
.app-get:hover,.app-get:focus-visible{transform:translate(1px,1px);box-shadow:2px 2px 0 #5e1a55,0 0 16px rgba(168,70,220,.45)}
.app-get img{width:18px;height:18px;border-radius:4px}
.app-get[hidden]{display:none}
.app-toast{position:fixed;z-index:90;left:50%;bottom:calc(14px + var(--sab));transform:translate(-50%,20px);opacity:0;
 width:min(360px,calc(100vw - 24px));box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 12px;
 background:linear-gradient(180deg,rgba(26,8,34,.97),rgba(12,3,17,.97));color:#ece6f1;border:1px solid rgba(200,190,210,.35);
 box-shadow:0 10px 30px rgba(0,0,0,.6),0 0 0 1px rgba(126,49,112,.4),0 0 18px rgba(168,70,220,.25);border-radius:12px;
 font:500 .82rem/1.35 Inter,system-ui,sans-serif;transition:opacity .35s,transform .35s}
.app-toast.in{opacity:1;transform:translate(-50%,0)}
.app-toast>img{width:40px;height:40px;border-radius:9px;flex:none}
.app-toast .t{flex:1;min-width:0}.app-toast b{display:block;font-weight:600;color:#fff;letter-spacing:.02em}
.app-toast .share{display:inline-block;width:14px;height:14px;vertical-align:-2px;margin:0 1px}
.app-toast .app-x{position:static;flex:none;padding:0;width:32px;height:32px;border:0;background:none;color:#bfb3c8;font-size:20px;line-height:1;cursor:pointer;border-radius:50%}
.app-toast .app-x:hover{background:rgba(255,255,255,.08);color:#fff}
.app-toast .app-get{padding:9px 12px 8px;font-size:.72rem;flex:none}
@media(prefers-reduced-motion:reduce){.app-toast{transition:none}}