/* SPK-HOMEBG – Option B light premium phone home + safe areas (ops/homebg). Light only. */
html.spk-ph #ios{height:100dvh;bottom:auto}
html.spk-ph body{min-height:100dvh}
/* top: content never under island/notch/cutout */
html.spk-ios #ios .ios-nb{padding-top:max(env(safe-area-inset-top),12px)!important}
/* tab bar floats above home indicator / gesture bar */
html.spk-ios #ios .ios-tab{bottom:max(10px,calc(env(safe-area-inset-bottom) + 4px))!important;left:max(12px,env(safe-area-inset-left))!important;right:max(12px,env(safe-area-inset-right))!important}
html.spk-ios #ios .ios-sc{padding-bottom:calc(120px + env(safe-area-inset-bottom))!important}
/* background, edge to edge (also behind the status bar) */
html.spk-ios:not([data-theme=dark]):not(#_) #ios{background:#F4F6F8!important}
html.spk-ios:not([data-theme=dark]):not(#_) #ios .ios-pg.is-top:has(#spk-home){background:linear-gradient(180deg,#FFFFFF 0,#F7F9FA 360px,#F4F6F8 640px,#EEF2F5 100%)!important;position:relative;isolation:isolate}
html.spk-ios:not([data-theme=dark]):not(#_) #ios .ios-pg.is-top:has(#spk-home)::before{content:""!important;position:absolute!important;z-index:-1!important;pointer-events:none;inset:0!important;width:auto!important;height:auto!important;top:0!important;right:0!important;transform:none!important;opacity:1!important;
 background:url("/assets/spokes-homebg-wheel-dfe55a117c.svg") right -130px top -40px/380px 380px no-repeat,url("/assets/spokes-homebg-curves-7f957c9e18.svg") left 0 top 560px/100% 300px no-repeat!important}
html.spk-ios:not([data-theme=dark]):not(#_) #ios .ios-pg.is-top:has(#spk-home)::before{-webkit-mask:none;mask:none}
/* vivid, elevated tiles */
html.spk-ios:not([data-theme=dark]) #spk-home .spk-app__ic{box-shadow:0 8px 18px rgba(15,60,75,.22),0 2px 4px rgba(15,60,75,.12),inset 0 1px 0 rgba(255,255,255,.3)!important;filter:saturate(1.12)}
html.spk-ios:not([data-theme=dark]) #spk-home .spk-app--add .spk-app__ic{background:#fff!important;border:1.5px dashed #9FB3BA!important;box-shadow:none!important;filter:none}
html.spk-ios:not([data-theme=dark]) #spk-home .spk-app__l{color:#0F2A33!important;font-weight:500}
html.spk-ios:not([data-theme=dark]) #ios a.mmrd-mob{background:#fff;border:1px solid #E3E8EC;box-shadow:0 4px 14px rgba(15,60,75,.08)}
/* ---- Option A: «Mørk premium» (html[data-spk-hb=dark], per workshop; phone home only) ---- */
html.spk-ios[data-spk-hb=dark].spk-hb-home:not(#_) #ios{background:#0B1F26!important}
html.spk-ios[data-spk-hb=dark]:not(#_) #ios .ios-pg.is-top:has(#spk-home){background:linear-gradient(160deg,#0B1F26 0%,#0C3340 55%,#0D4A57 100%)!important;color:#fff}
html.spk-ios[data-spk-hb=dark]:not(#_) #ios .ios-pg.is-top:has(#spk-home)::before{background:url("/assets/spokes-homebg-wheeld-1a593f2032.svg") right -130px top -40px/380px 380px no-repeat,url("/assets/spokes-homebg-curvesd-03ae27fe91.svg") left 0 top 560px/100% 300px no-repeat!important}
html.spk-ios[data-spk-hb=dark] #ios .ios-pg.is-top:has(#spk-home) .ios-nb{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-color:transparent!important}
html.spk-ios[data-spk-hb=dark] #ios .ios-pg.is-top.is-c:has(#spk-home) .ios-nb{background:rgba(11,31,38,.82)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important}
html.spk-ios[data-spk-hb=dark] #ios .ios-pg.is-top:has(#spk-home) :is(.ios-lt,.ios-nb__t,.spk-home__h){color:#fff!important}
html.spk-ios[data-spk-hb=dark] #ios .ios-pg.is-top:has(#spk-home) :is(.ios-lt__s,.spk-home__d){color:rgba(255,255,255,.72)!important}
html.spk-ios[data-spk-hb=dark] #spk-home .spk-app__l{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.45)}
html.spk-ios[data-spk-hb=dark] #spk-home .spk-app__ic{box-shadow:0 10px 24px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.25)!important;outline:1px solid rgba(255,255,255,.14);outline-offset:-1px;filter:saturate(1.1)}
html.spk-ios[data-spk-hb=dark] #spk-home .spk-app--add .spk-app__ic{background:rgba(255,255,255,.06)!important;border:1.5px dashed rgba(255,255,255,.4)!important;color:#fff!important;outline:0;box-shadow:none!important}
html.spk-ios[data-spk-hb=dark] #spk-home .spk-app--add .spk-app__ic *{color:#fff!important;stroke:#fff}
html.spk-ios[data-spk-hb=dark] #ios .ios-pg.is-top:has(#spk-home) .mmrd-mob{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:none}
html.spk-ios[data-spk-hb=dark] #ios .ios-pg.is-top:has(#spk-home) .mmrd-mob,html.spk-ios[data-spk-hb=dark] #ios .ios-pg.is-top:has(#spk-home) .mmrd-mob *{color:#fff!important}
html.spk-ios[data-spk-hb=dark] #ios .ios-pg.is-top:has(#spk-home) .mmrd-mob>img{filter:brightness(0) invert(1)}
html.spk-ios[data-spk-hb=dark].spk-hb-home #ios .ios-tab{background:rgba(8,26,32,.84)!important;border:1px solid rgba(255,255,255,.12)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
/* settings card */
#spk-hbset .hb-seg{display:inline-flex;background:#EEF2F5;border-radius:10px;padding:3px;gap:2px;margin-left:auto}
#spk-hbset .hb-seg button{border:0;background:transparent;font:500 13.5px Poppins,system-ui,sans-serif;color:#33464E;padding:7px 12px;border-radius:8px;cursor:pointer;white-space:nowrap}
#spk-hbset .hb-seg button[aria-pressed=true]{background:#fff;color:#0E5A6B;box-shadow:0 1px 3px rgba(15,60,75,.18);font-weight:600}
#spk-hbset .stg-r{display:flex;align-items:center;gap:12px;flex-wrap:wrap}