/* lumibot.si Batch 3 (Oct 29 2026): Sleek look on every screen, Night Mode, one-thumb layout, captions,
   Coloring Corner and Star Missions. All new rules live here; loaded by extras-more.js (and directly on /grown-ups/ and /demo/). */

/* =========================================================================================
   1. SLEEK LOOK EVERYWHERE  (html.lx-pg)  - darker, sleeker colors only; content never changes
   ========================================================================================= */
html.lx-pg { --lg-gold:#9fc2ff; --lg-gold2:#e1eaff; --lg-card:rgba(9,11,19,.86); --lg-line:rgba(150,170,210,.22); --lg-r:16px; --b3-acc:#9fc2ff; --b3-acc2:#5fd0c0; color-scheme:dark; }
html.lx-pg, html.lx-pg body { background-color:#06070c; }
html.lx-pg body::before { filter:saturate(.4) brightness(.62); }
html.lx-pg body::after { background:linear-gradient(rgba(5,6,12,.45), rgba(5,6,12,.72)) !important; }
html.lx-pg footer { background:rgba(4,5,9,.7); color:#a9b3c9; }
/* nav + chips + buttons */
html.lx-pg .lg-nav { background:rgba(7,8,14,.92); border-bottom-color:rgba(150,170,210,.16); }
html.lx-pg .lg-nb, html.lx-pg .lg-chip { background:rgba(255,255,255,.04); border-color:rgba(150,170,210,.2); }
html.lx-pg .lg-nb.on { background:linear-gradient(180deg,#e1eaff,#9fc2ff); }
html.lx-pg .lg-btn { background:linear-gradient(180deg,#eef2fa,#c4cee0); box-shadow:0 5px 0 rgba(0,0,0,.5); }
html.lx-pg .lg-btn-gold, html.lx-pg .t3-btn.gold { background:linear-gradient(180deg,#cfe0ff,#8fb0f5); }
html.lx-pg .lg-toast { background:#0d1018; border-color:#6f8cff; box-shadow:0 10px 30px rgba(0,0,0,.6); }
html.lx-pg .lg-streak.ready { box-shadow:0 0 0 2px #9fc2ff; }
/* modals, sheets, panels */
html.lx-pg .lg-modal-in, html.lx-pg .t3-box, html.lx-pg .h4-sheet, html.lx-pg .lx-modal-in { background:linear-gradient(170deg,#161a26,#0a0c13) !important; border-color:rgba(150,170,210,.26) !important; box-shadow:0 24px 70px rgba(0,0,0,.7) !important; }
html.lx-pg .t3-box h2, html.lx-pg .t3-details summary, html.lx-pg .t3-code, html.lx-pg .lx-set h3 { color:#d6e4ff; }
html.lx-pg .t3-code { background:rgba(159,194,255,.08); border-color:rgba(159,194,255,.5); }
html.lx-pg .t3-in { border-color:rgba(159,194,255,.5); }
html.lx-pg .h4-panel, html.lx-pg .lg-panel { background:rgba(9,11,19,.86); box-shadow:0 16px 40px rgba(0,0,0,.45); }
html.lx-pg .h4-sheet-x { background:#e1eaff; }
html.lx-pg .h4-sheet-av { background:radial-gradient(circle at 35% 30%,#e1eaff,#6f8cff 75%); box-shadow:0 0 16px rgba(111,140,255,.5); }
html.lx-pg .h4-sheet-box { background:rgba(255,255,255,.04); border-color:rgba(150,170,210,.18); }
/* home */
html.lx-pg .h4-top { background:radial-gradient(ellipse at 18% 20%,rgba(95,208,192,.14),transparent 55%), radial-gradient(ellipse at 85% 80%,rgba(111,140,255,.22),transparent 55%), linear-gradient(150deg,rgba(20,24,38,.96),rgba(8,10,18,.96) 70%); border-color:rgba(150,170,210,.22); }
html.lx-pg .h4-top h1, html.lx-pg .h4-top h2 { text-shadow:0 3px 0 rgba(0,0,0,.6); }
html.lx-pg .h4-top h1 span, html.lx-pg .h4-top h2 span { background:linear-gradient(100deg,#ffffff,#bcd3ff 45%,#5fd0c0); -webkit-background-clip:text; background-clip:text; filter:none; }
html.lx-pg .h4-sky i { opacity:.55; box-shadow:none; }
html.lx-pg .h4-demo { background:linear-gradient(100deg,#e9f0ff,#a9c6ff 60%,#7d98f5); box-shadow:0 10px 0 #24315f, 0 0 0 3px #d6e4ff, 0 0 26px 2px rgba(111,140,255,.45); animation:none; }
html.lx-pg .h4-demo::after { opacity:.35; }
html.lx-pg body.home3 .h4-demo small { color:#1d2b5c; }
html.lx-pg .h4-demo .h4-play { color:#9fc2ff; }
html.lx-pg .h4-t, html.lx-pg .h4-st .f { background:linear-gradient(160deg,#181d2c,#0b0d15 85%) !important; border-color:rgba(150,170,210,.2); box-shadow:inset 0 3px 0 color-mix(in srgb, var(--t, #9fc2ff) 75%, transparent), 0 10px 26px rgba(0,0,0,.45); }
html.lx-pg .h4-t .h4-ic, html.lx-pg .h4-st .h4-ic { filter:saturate(.7) drop-shadow(0 6px 10px rgba(0,0,0,.5)); opacity:.9; }
html.lx-pg .h4-st .bk { background:linear-gradient(160deg,#eef2fb,#cdd8ee); }
html.lx-pg .h4-st .bk b { color:#1d2b5c; }
html.lx-pg .h4-now { background:#5fd0c0; color:#03211c; box-shadow:none; }
html.lx-pg body.home3 main > section[data-sec] { border-top-color:rgba(159,194,255,.55) !important; box-shadow:0 20px 50px rgba(0,0,0,.4) !important; }
html.lx-pg body.home3 main > section.what, html.lx-pg body.home3 main > section.about, html.lx-pg body.home3 main > section.wishes, html.lx-pg body.home3 main > section.say-hi, html.lx-pg body.home3 main > section.h3-how, html.lx-pg body.home3 main > section.playroom { background:rgba(9,11,19,.86); }
html.lx-pg body.home3 footer .ft-grown { background:linear-gradient(180deg,#e1eaff,#9fc2ff); }
/* battle (/play/) */
html.lx-pg .lb { --a0:#9fc2ff; --a0d:#24315f; --a1:#c7b3ff; --a1d:#3f2f78; }
html.lx-pg .lb-top { background:rgba(6,7,12,.92); }
html.lx-pg .lb .lb-act.pri, html.lx-pg .lb .lb-end, html.lx-pg .lb .lb-big, html.lx-pg .lb .lb-seg button[aria-pressed="true"] { background:linear-gradient(180deg,#e1eaff,#9fc2ff) !important; }
html.lx-pg .lb-steps li.on i { background:#9fc2ff; }
/* Pip Pulls (/pulls/) */
html.lx-pg.b3-pulls { --bg:#06070c; --bg2:#0e1119; --panel:rgba(255,255,255,.04); --line:rgba(150,170,210,.16); --accent:#6f8cff; --gold:#9fc2ff; --pip:#d6e4ff; }
html.lx-pg.b3-pulls #sky { background:radial-gradient(120% 80% at 80% -10%,#18203a 0,transparent 55%), radial-gradient(90% 60% at -10% 110%,#0f2a2a 0,transparent 60%), linear-gradient(#06070c,#0a0c14); }
html.lx-pg.b3-pulls .dust { background:#10131d; border-color:#2b3b77; box-shadow:none; }
html.lx-pg.b3-pulls .tabs { background:rgba(6,7,12,.94); }
/* demo (/demo/) */
html.lx-pg.b3-demo .sky-bg { filter:saturate(.4) brightness(.6); }
html.lx-pg.b3-demo .home-btn { background:#e1eaff; border-color:#9fc2ff; }
html.lx-pg.b3-demo .dust { background:rgba(8,10,18,.9); border-color:#9fc2ff; color:#d6e4ff; }
html.lx-pg.b3-demo .big.go { background:linear-gradient(#e1eaff,#9fc2ff); border-color:#d6e4ff; color:#121a33; }
html.lx-pg.b3-demo .panel { background:linear-gradient(rgba(6,7,12,0), rgba(6,7,12,.92) 30%); }
/* grown-ups corner */
html.lx-pg .gu-top h1 span { color:#bcd3ff; }
html.lx-pg .gu-rule { background:linear-gradient(135deg,rgba(159,194,255,.14),rgba(95,208,192,.08)); border-color:rgba(159,194,255,.5); }
html.lx-pg .al-btn { background:linear-gradient(180deg,#e1eaff,#9fc2ff); }
html.lx-pg ul.helps li, html.lx-pg .facts, html.lx-pg .loves, html.lx-pg .al-app { background:rgba(9,11,19,.86); }

/* =========================================================================================
   2. NIGHT MODE  (html.lx-night) - a dim, warm, cozy veil over everything. Manual switch only.
   ========================================================================================= */
html.lx-night::after { content:""; position:fixed; inset:0; z-index:2147483600; pointer-events:none; background:rgb(242,208,168); mix-blend-mode:multiply; }
html.lx-night::before { content:""; position:fixed; inset:0; z-index:2147483599; pointer-events:none; background:radial-gradient(ellipse 85% 70% at 50% 40%, rgba(0,0,0,0), rgba(18,8,0,.42)); }
html.lx-pg.lx-night::after { background:rgb(206,176,150); }
html.lx-night .h4-sky i, html.lx-night .sky-stars i { animation-duration:7s !important; }
html.lx-night .h4-demo, html.lx-night .lg-streak.ready { animation:none !important; }
@media print { html.lx-night::after, html.lx-night::before { display:none; } }

/* =========================================================================================
   3. ONE-THUMB LAYOUT  (html.lx-thumb, html.lx-lefty)
   ========================================================================================= */
.b3-thumb { display:none; }
html.lx-thumb .b3-thumb { display:flex; position:fixed; right:max(14px, env(safe-area-inset-right)); bottom:max(16px, env(safe-area-inset-bottom)); z-index:2147483100; flex-direction:column; align-items:center; justify-content:center; width:84px; height:84px; border-radius:50%; border:3px solid #fff4c8; background:radial-gradient(circle at 35% 30%,#fff4c8,#ffd36b 70%); color:#14142a; font:900 15px/1 Nunito, system-ui, sans-serif; box-shadow:0 8px 0 #9a5d00, 0 12px 30px rgba(0,0,0,.5); cursor:pointer; }
html.lx-thumb .b3-thumb span { font-size:30px; line-height:1; margin-bottom:2px; }
html.lx-thumb.lx-lefty .b3-thumb { right:auto; left:max(14px, env(safe-area-inset-left)); }
html.lx-thumb.b3-pulls .b3-thumb { bottom:calc(84px + env(safe-area-inset-bottom, 0px)); width:72px; height:72px; }
html.lx-pg.lx-thumb .b3-thumb { background:radial-gradient(circle at 35% 30%,#e1eaff,#8fb0f5 70%); border-color:#d6e4ff; box-shadow:0 7px 0 #24315f, 0 12px 30px rgba(0,0,0,.6); }
body.lg-lock .b3-thumb { display:none !important; }
html.lx-thumb.lx-lefty .lx-pill { left:auto; right:max(10px, env(safe-area-inset-right)); }
html.lx-thumb .lx-pill { max-width:min(440px, calc(100vw - 124px)); }
html.lx-thumb .h4-top-btn { bottom:118px; }
html.lx-thumb.lx-lefty .h4-top-btn { right:auto; left:16px; }
html.lx-thumb body { padding-bottom:110px; }
/* the menu that opens from the thumb button: big buttons in a grid at the very bottom of the screen */
.b3-dock { position:fixed; inset:0; z-index:2147483200; display:flex; align-items:flex-end; background:rgba(4,2,14,.6); }
.b3-dock-in { width:100%; max-height:86vh; overflow-y:auto; box-sizing:border-box; padding:16px 14px calc(16px + env(safe-area-inset-bottom)); border-radius:28px 28px 0 0; background:linear-gradient(170deg,#2a1d5c,#140d33); border:2px solid rgba(255,255,255,.2); border-bottom:0; font-family:Nunito, system-ui, sans-serif; color:#fff; }
.b3-dock-h { margin:0 0 10px; font:900 22px/1.2 Nunito, sans-serif; text-align:center; }
.b3-dock-g { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; max-width:640px; margin:0 auto; }
.b3-dock-g a, .b3-dock-g button { display:flex; align-items:center; gap:10px; min-height:72px; padding:8px 14px; box-sizing:border-box; border-radius:20px; border:2px solid rgba(255,255,255,.2); background:rgba(255,255,255,.08); color:#fff; font:800 20px/1.1 Nunito, sans-serif; text-decoration:none; cursor:pointer; text-align:left; }
.b3-dock-g a span, .b3-dock-g button span { font-size:28px; }
.b3-dock-g .b3-dock-close { grid-column:1 / -1; justify-content:center; background:linear-gradient(100deg,#fff4c8,#ffd36b); color:#14142a; border-color:transparent; }
html.lx-lefty .b3-dock-g { direction:rtl; } html.lx-lefty .b3-dock-g > * { direction:ltr; }
html.lx-pg .b3-dock-in { background:linear-gradient(170deg,#161a26,#0a0c13); border-color:rgba(150,170,210,.26); }
html.lx-pg .b3-dock-g a, html.lx-pg .b3-dock-g button { background:rgba(255,255,255,.04); border-color:rgba(150,170,210,.22); }
html.lx-pg .b3-dock-g .b3-dock-close { background:linear-gradient(180deg,#e1eaff,#9fc2ff); }
/* pop-ups come up from the bottom, close buttons sit on the thumb side */
@media (max-width:820px) {
  html.lx-thumb .lg-modal, html.lx-thumb .lx-modal, html.lx-thumb .t3-modal { align-items:flex-end; padding-bottom:0; }
  html.lx-thumb .lg-modal-in, html.lx-thumb .lx-modal-in, html.lx-thumb .t3-box { border-bottom-left-radius:0; border-bottom-right-radius:0; }
}
html.lx-thumb.lx-lefty .lg-x, html.lx-thumb.lx-lefty .lx-x, html.lx-thumb.lx-lefty .t3-x, html.lx-thumb.lx-lefty .h4-sheet-x { right:auto; left:12px; }
html.lx-thumb.lx-lefty .t3-box h2 { padding-right:0; padding-left:60px; }

/* =========================================================================================
   4. CAPTIONS  - words on screen for sounds and for Pip's voice
   ========================================================================================= */
.b3-caps { position:fixed; left:50%; bottom:calc(150px + env(safe-area-inset-bottom, 0px)); transform:translateX(-50%); z-index:2147483300; display:flex; flex-direction:column; align-items:center; gap:6px; width:min(92vw, 640px); pointer-events:none; }
.b3-cap { max-width:100%; box-sizing:border-box; padding:10px 18px; border-radius:20px; background:rgba(20,14,44,.94); border:2px solid #ffd36b; color:#fff; font:800 20px/1.35 Nunito, system-ui, sans-serif; text-align:center; box-shadow:0 8px 24px rgba(0,0,0,.5); animation:b3-capin .2s ease-out; }
.b3-cap.snd { font-size:18px; border-color:#9be8ff; background:rgba(14,20,44,.94); }
.b3-cap b { color:#ffd36b; }
@keyframes b3-capin { from { opacity:0; transform:translateY(8px); } }
html.lx-pg .b3-cap { border-radius:8px; background:rgba(0,0,0,.86); border:1px solid rgba(150,170,210,.35); font-weight:700; letter-spacing:.01em; }
html.lx-pg .b3-cap b { color:#9fc2ff; }
html.lx-big1 .b3-cap { font-size:23px; } html.lx-big2 .b3-cap { font-size:26px; }
@media (prefers-reduced-motion: reduce) { .b3-cap { animation:none; } }

/* =========================================================================================
   5. SHARED BITS FOR THE NEW FEATURES
   ========================================================================================= */
.b3-nb { white-space:nowrap; }
.b3-lead { font-size:19px; line-height:1.45; margin:6px 0 12px; }
.b3-small { font-size:16px; opacity:.85; line-height:1.4; }
.b3-row { display:flex; flex-wrap:wrap; gap:10px; margin:12px 0 4px; }
.b3-row > .lg-btn { flex:1 1 200px; min-height:68px; }
.b3-tabs { display:flex; gap:8px; margin:6px 0 14px; flex-wrap:wrap; }
.b3-tabs button { flex:1 1 140px; min-height:60px; border-radius:18px; border:2px solid rgba(255,255,255,.22); background:rgba(255,255,255,.07); color:#fff; font:800 19px Nunito, system-ui, sans-serif; cursor:pointer; }
.b3-tabs button[aria-pressed="true"] { background:linear-gradient(100deg,#fff4c8,#ffd36b); color:#14142a; border-color:transparent; }
html.lx-pg .b3-tabs button[aria-pressed="true"] { background:linear-gradient(180deg,#e1eaff,#9fc2ff); }
.b3-page { width:100%; max-width:1100px; margin:0 auto; padding:18px clamp(12px, 3vw, 28px) 60px; box-sizing:border-box; font-family:Nunito, system-ui, sans-serif; color:#fff; }
.b3-page h1 { font:900 clamp(32px, 6vw, 54px)/1.08 Nunito, system-ui, sans-serif; margin:6px 0 8px; text-shadow:0 3px 0 rgba(40,10,80,.6); }
html.lx-pg .b3-page h1 { text-shadow:0 3px 0 rgba(0,0,0,.6); }

/* =========================================================================================
   6. COLORING CORNER
   ========================================================================================= */
.cc-wrap { display:grid; grid-template-columns:minmax(0, 1fr) minmax(260px, 340px); gap:18px; align-items:start; }
@media (max-width:820px) { .cc-wrap { grid-template-columns:1fr; } }
.cc-paper { position:relative; border-radius:26px; padding:10px; background:#fff; box-shadow:0 14px 40px rgba(0,0,0,.45); }
.cc-paper svg { display:block; width:100%; height:auto; max-height:72vh; touch-action:manipulation; }
.cc-paper .cc-r { cursor:pointer; stroke:#1d1a2e; stroke-width:4; stroke-linejoin:round; stroke-linecap:round; transition:fill .12s; }
.cc-paper .cc-r:hover { stroke-width:5.5; }
.cc-paper .cc-l { fill:none; stroke:#1d1a2e; stroke-width:4; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }
.cc-paper .cc-f { fill:#1d1a2e; pointer-events:none; }
.cc-side { display:flex; flex-direction:column; gap:12px; }
.cc-box { border-radius:22px; background:var(--lg-card, rgba(20,14,44,.72)); border:2px solid var(--lg-line, rgba(255,255,255,.18)); padding:14px; }
.cc-box h2 { font:900 21px/1.2 Nunito, sans-serif; margin:0 0 10px; }
.cc-sw { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:8px; }
.cc-sw button { aspect-ratio:1; min-height:52px; border-radius:50%; border:3px solid rgba(255,255,255,.5); cursor:pointer; box-shadow:0 3px 0 rgba(0,0,0,.35); }
.cc-sw button[aria-pressed="true"] { outline:4px solid #fff; outline-offset:3px; transform:scale(1.08); }
.cc-sw button.cc-erase { background:#fff repeating-linear-gradient(45deg, #fff 0 6px, #e8e8f0 6px 12px); font-size:22px; }
.cc-pals { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; }
.cc-pals button { flex:1 1 90px; min-height:52px; border-radius:16px; border:2px solid rgba(255,255,255,.22); background:rgba(255,255,255,.07); color:#fff; font:800 16px Nunito, sans-serif; cursor:pointer; }
.cc-pals button[aria-pressed="true"] { background:#fff; color:#14142a; }
.cc-tools { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px; }
.cc-tools .lg-btn { min-height:64px; font-size:19px; padding:0 12px; }
.cc-pics { display:grid; grid-template-columns:repeat(auto-fill, minmax(130px, 1fr)); gap:12px; }
.cc-pic { display:flex; flex-direction:column; align-items:center; gap:6px; padding:10px; border-radius:20px; border:2px solid rgba(255,255,255,.2); background:rgba(255,255,255,.07); color:#fff; font:800 17px/1.15 Nunito, sans-serif; cursor:pointer; text-align:center; min-height:150px; }
.cc-pic svg { width:100%; height:auto; background:#fff; border-radius:14px; }
.cc-pic:focus-visible, .cc-sw button:focus-visible, .cc-r:focus-visible { outline:4px solid #fff4c8; outline-offset:3px; }
.cc-new { display:inline-flex; }
.cc-msg { min-height:1.4em; font-weight:800; color:#8dffc0; margin:6px 0 0; }
.cc-del { background:linear-gradient(100deg,#ffd0d0,#ffb3b3) !important; }
/* PG: a midnight star-chart: dark paper, light lines, slimmer frame */
html.lx-pg .cc-paper { background:#0c0f18; border-radius:14px; border:1px solid rgba(150,170,210,.3); }
html.lx-pg .cc-paper .cc-r, html.lx-pg .cc-paper .cc-l { stroke:#cfe0ff; stroke-width:2.5; }
html.lx-pg .cc-paper .cc-f { fill:#cfe0ff; }
html.lx-pg .cc-pic svg { background:#0c0f18; }
html.lx-pg .cc-box { border-radius:14px; }
html.lx-pg .cc-sw button { border-radius:10px; border-width:2px; }
@media print {
  body * { visibility:hidden !important; }
  .cc-paper, .cc-paper * { visibility:visible !important; }
  .cc-paper { position:fixed; inset:0; box-shadow:none; border:0; background:#fff !important; }
  .cc-paper .cc-r, .cc-paper .cc-l { stroke:#000 !important; }
}

/* =========================================================================================
   7. STAR MISSIONS + MISSION PATCHES
   ========================================================================================= */
.sm-holo { position:relative; margin:4px 0 14px; padding:16px 16px 16px 96px; min-height:96px; border-radius:22px; background:linear-gradient(160deg,rgba(120,220,255,.16),rgba(120,140,255,.08)); border:2px solid rgba(155,232,255,.55); box-shadow:inset 0 0 30px rgba(155,232,255,.15); overflow:hidden; text-align:left; }
.sm-holo::after { content:""; position:absolute; inset:0; background:repeating-linear-gradient(rgba(155,232,255,.07) 0 2px, transparent 2px 6px); pointer-events:none; }
.sm-glim { position:absolute; left:12px; top:14px; width:70px; height:70px; animation:sm-float 3.4s ease-in-out infinite; filter:drop-shadow(0 0 10px rgba(155,232,255,.8)); }
.sm-holo .sm-who { display:block; font:900 14px/1 Nunito, sans-serif; letter-spacing:.12em; text-transform:uppercase; color:#9be8ff; margin-bottom:6px; }
.sm-holo p { margin:0; font:800 20px/1.35 Nunito, sans-serif; }
@keyframes sm-float { 50% { transform:translateY(-5px); } }
.sm-goal { display:flex; align-items:center; gap:14px; padding:14px; border-radius:20px; background:rgba(255,255,255,.07); border:2px solid rgba(255,255,255,.18); text-align:left; }
.sm-goal-ic { font-size:44px; flex:none; }
.sm-goal b { display:block; font:900 22px/1.2 Nunito, sans-serif; }
.sm-bar { height:22px; border-radius:11px; background:rgba(255,255,255,.12); overflow:hidden; margin-top:8px; }
.sm-bar i { display:block; height:100%; background:linear-gradient(90deg,#5dffa0,#9be8ff); border-radius:11px; transition:width .4s; }
.sm-patches { display:grid; grid-template-columns:repeat(auto-fill, minmax(112px, 1fr)); gap:12px; }
.sm-patch { display:flex; flex-direction:column; align-items:center; gap:4px; text-align:center; font:800 15px/1.2 Nunito, sans-serif; }
.sm-patch svg { width:96px; height:96px; filter:drop-shadow(0 4px 6px rgba(0,0,0,.45)); }
.sm-patch.locked svg { opacity:.28; filter:grayscale(1); }
.sm-patch small { font-size:13px; opacity:.8; }
.sm-won svg { width:150px; height:150px; animation:sm-pop .6s cubic-bezier(.3,1.6,.5,1); }
@keyframes sm-pop { from { transform:scale(.3) rotate(-20deg); opacity:0; } }
.sm-inline { max-width:760px; margin:0 auto; }
/* PG: crisp mission console */
html.lx-pg .sm-holo { border-radius:12px; background:linear-gradient(160deg,rgba(95,208,192,.1),rgba(111,140,255,.06)); border:1px solid rgba(95,208,192,.5); }
html.lx-pg .sm-holo .sm-who { color:#5fd0c0; }
html.lx-pg .sm-goal { border-radius:12px; background:rgba(255,255,255,.03); border:1px solid rgba(150,170,210,.25); }
html.lx-pg .sm-bar { border-radius:3px; height:10px; } html.lx-pg .sm-bar i { border-radius:3px; background:linear-gradient(90deg,#5fd0c0,#9fc2ff); }
@media (prefers-reduced-motion: reduce) { .sm-glim, .sm-won svg { animation:none; } }
html.lx-calm .sm-glim { animation:none; }