/* leier apps help: the orb, the press-and-hold panel and the three forms. Shared by the store and every app.
   Colors are the Forest Lime set. A page that also has a dark look adds class "lh-dark-ok" to <html>. */
:root{
  --lh-surface:#FFFFFF; --lh-bg:#F6F8F2; --lh-sunk:#ECF1E6; --lh-line:#DDE5D8; --lh-ink:#142019; --lh-muted:#55635A;
  --lh-btn:#163A26; --lh-btn-fg:#F6F8F2; --lh-btn-hover:#1F5236; --lh-ok-bg:#E4F2BE; --lh-ok-fg:#2B4713; --lh-err:#B3261E;
  --lh-focus:#3E8E58; --lh-icon:#3E8E58; --lh-glow:#4FA36A; --lh-glow-o:.36; --lh-scrim:rgba(20,32,25,.38);
  --lh-shadow:0 20px 56px rgba(20,32,25,.2), 0 2px 8px rgba(20,32,25,.1);
  --lh-font:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif; --lh-display:'Poppins','Inter',system-ui,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root.lh-dark-ok{
    --lh-surface:#0E1511; --lh-bg:#0A100C; --lh-sunk:#151F19; --lh-line:#24332A; --lh-ink:#EEF3EC; --lh-muted:#9DA8A0;
    --lh-btn:#C6EE5A; --lh-btn-fg:#0E1A10; --lh-btn-hover:#D9F58A; --lh-ok-bg:#1D3020; --lh-ok-fg:#C6EE5A; --lh-err:#FF9A8F;
    --lh-focus:#C6EE5A; --lh-icon:#4FA36A; --lh-glow:#C6EE5A; --lh-glow-o:.3; --lh-scrim:rgba(0,0,0,.6);
    --lh-shadow:0 20px 56px rgba(0,0,0,.6), 0 2px 8px rgba(0,0,0,.4);
  }
}
/* a page that is always dark (the store) adds class "lh-dark" to <html> */
:root.lh-dark{
  --lh-surface:#0E1511; --lh-bg:#0A100C; --lh-sunk:#151F19; --lh-line:#24332A; --lh-ink:#EEF3EC; --lh-muted:#9DA8A0;
  --lh-btn:#C6EE5A; --lh-btn-fg:#0E1A10; --lh-btn-hover:#D9F58A; --lh-ok-bg:#1D3020; --lh-ok-fg:#C6EE5A; --lh-err:#FF9A8F;
  --lh-focus:#C6EE5A; --lh-icon:#4FA36A; --lh-glow:#C6EE5A; --lh-glow-o:.3; --lh-scrim:rgba(0,0,0,.6);
  --lh-shadow:0 20px 56px rgba(0,0,0,.6), 0 2px 8px rgba(0,0,0,.4);
  }


/* ---------- the orb: a soft glass square with the L inside ---------- */
.lh-orb{position:relative;display:block;width:var(--s);height:var(--s);flex:none;animation:lh-breathe 5s ease-in-out infinite;
  transform:scale(calc(1 + var(--e,0) * .07));translate:calc(var(--tx,0) * 3%) calc(var(--ty,0) * 3%)}
.lh-orb i,.lh-orb span{position:absolute;display:block}
.lh-glow{inset:-12%;border-radius:36%;background:var(--lh-glow);filter:blur(calc(var(--s) * .12));opacity:var(--lh-glow-o);
  animation:lh-glow 5s ease-in-out infinite;scale:calc(1 + var(--e,0) * .32);pointer-events:none}
/* the tilt sits on layers that ignore the pointer, so a tilted orb can never catch a click meant for something else */
.lh-body,.lh-rim{pointer-events:none;transform:perspective(calc(var(--s) * 5)) rotateX(calc(var(--ty,0) * -13deg)) rotateY(calc(var(--tx,0) * 13deg))}
.lh-body{inset:0;border-radius:30%;overflow:hidden;isolation:isolate;background:radial-gradient(120% 120% at 30% 22%,#2E7D4F 0%,#163A26 52%,#07140C 100%)}
.lh-swirl{inset:-35%;background:conic-gradient(from 0deg,#163A26,#4FA36A,#C6EE5A,#2E7D4F,#D9F58A,#1F5A38,#163A26);filter:blur(calc(var(--s) * .09));opacity:.72;animation:lh-spin 18s linear infinite}
.lh-blob{left:6%;top:8%;width:58%;height:58%;border-radius:42%;background:#D9F58A;opacity:.5;filter:blur(calc(var(--s) * .11));animation:lh-drift 9s ease-in-out infinite;translate:calc(var(--tx,0) * 18%) calc(var(--ty,0) * 18%)}
.lh-blob.lh-deep{left:auto;top:auto;right:2%;bottom:4%;background:#06150C;opacity:.78;animation-duration:12s;animation-direction:reverse}
.lh-veil{inset:0;border-radius:30%;box-shadow:inset 0 0 calc(var(--s) * .09) rgba(217,245,138,.6),inset 0 calc(var(--s) * -.07) calc(var(--s) * .14) rgba(3,10,6,.75)}
.lh-shine{left:9%;top:6%;width:60%;height:32%;border-radius:44%;background:linear-gradient(rgba(255,255,255,.42),rgba(255,255,255,0));filter:blur(calc(var(--s) * .018));translate:calc(var(--tx,0) * -14%) calc(var(--ty,0) * -14%)}
.lh-rim{inset:0;border-radius:30%;border:1px solid rgba(217,245,138,.55);box-sizing:border-box}
.lh-ring{inset:0;border-radius:30%;border:2px solid #D9F58A;box-sizing:border-box;opacity:0;pointer-events:none}
.lh-ring.lh-go{animation:lh-ring .75s ease-out}
.lh-cells{inset:23%;display:grid !important;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:9%;
  translate:calc(var(--tx,0) * 5%) calc(var(--ty,0) * 5%);transform:rotateX(calc(var(--ty,0) * -13deg)) rotateY(calc(var(--tx,0) * 13deg))}
.lh-cells i{position:static;border-radius:27%;background:rgba(240,255,214,.12);transition:background .28s,box-shadow .28s,opacity .28s}
.lh-cells i.lh-on{background:rgba(244,255,222,.94);box-shadow:0 0 calc(var(--s) * .05) rgba(217,245,138,.95);animation:lh-cell 3.4s ease-in-out infinite}
.lh-cells i.lh-c2{animation-delay:.28s}
.lh-cells i.lh-c3{animation-delay:.56s}
.lh-cells i.lh-c4{animation-delay:.84s;background:rgba(198,238,90,.96)}
.lh-cells i.lh-c5{animation-delay:1.12s;background:rgba(217,245,138,.98)}
.lh-cells i.lh-hot{background:rgba(244,255,222,.94);opacity:1;box-shadow:0 0 calc(var(--s) * .06) rgba(217,245,138,.95);animation:none !important;transition:none}
/* load-in: spins in fast with the squares flickering, locks onto the L, then settles */
.lh-orb.lh-intro{animation:lh-arrive var(--intro-d,1.6s) cubic-bezier(.2,.8,.2,1) both}
.lh-orb.lh-intro .lh-cells i.lh-on:not(.lh-hot):not(.lh-lock){animation:none;opacity:.14;box-shadow:none}
.lh-orb.lh-intro .lh-cells i.lh-lock{opacity:1;animation:lh-lock .34s cubic-bezier(.2,1.7,.4,1) both}
.lh-orb.lh-landed .lh-cells i.lh-on{box-shadow:0 0 calc(var(--s) * .1) rgba(217,245,138,1)}
/* what the orb is doing while the assistant works */
.lh-orb[data-state="listening"]{animation-duration:1.7s}
.lh-orb[data-state="listening"] .lh-glow{animation-duration:1.7s;opacity:calc(var(--lh-glow-o) + .2)}
.lh-orb[data-state="thinking"] .lh-swirl{animation-duration:3s}
.lh-orb[data-state="thinking"] .lh-cells i.lh-on{animation:lh-chase 1s ease-in-out infinite}
.lh-orb[data-state="thinking"] .lh-cells i.lh-c2{animation-delay:.12s}
.lh-orb[data-state="thinking"] .lh-cells i.lh-c3{animation-delay:.24s}
.lh-orb[data-state="thinking"] .lh-cells i.lh-c4{animation-delay:.36s}
.lh-orb[data-state="thinking"] .lh-cells i.lh-c5{animation-delay:.48s}
.lh-orb[data-state="speaking"] .lh-cells i.lh-on{animation:lh-speak .46s ease-in-out infinite alternate}
.lh-orb[data-state="speaking"] .lh-cells i.lh-c2{animation-delay:.09s}
.lh-orb[data-state="speaking"] .lh-cells i.lh-c3{animation-delay:.2s}
.lh-orb[data-state="speaking"] .lh-cells i.lh-c4{animation-delay:.05s}
.lh-orb[data-state="speaking"] .lh-cells i.lh-c5{animation-delay:.16s}
@keyframes lh-chase{0%,100%{opacity:.18;transform:scale(.82)}30%{opacity:1;transform:scale(1.06)}}
@keyframes lh-speak{from{opacity:.5;transform:scale(.86)}to{opacity:1;transform:scale(1.08)}}
@keyframes lh-breathe{0%,100%{scale:1;rotate:0deg}50%{scale:1.045;rotate:2deg}}
@keyframes lh-arrive{0%{scale:.5;rotate:-160deg;opacity:0}25%{opacity:1}70%{scale:1.1;rotate:6deg}100%{scale:1;rotate:0deg;opacity:1}}
@keyframes lh-lock{from{transform:scale(1.55)}to{transform:scale(1)}}
@keyframes lh-ring{from{opacity:.9;scale:1}to{opacity:0;scale:1.55}}
@keyframes lh-glow{0%,100%{opacity:calc(var(--lh-glow-o) - .1)}50%{opacity:calc(var(--lh-glow-o) + .14)}}
@keyframes lh-spin{to{transform:rotate(360deg)}}
@keyframes lh-drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(26%,20%) scale(1.18)}}
@keyframes lh-cell{0%,100%{opacity:1}60%{opacity:.42}}

/* ---------- the help button ---------- */
.lh-fab,.lh-slot-btn{background:none;border:0;margin:0;cursor:pointer;display:inline-flex;border-radius:30%;-webkit-tap-highlight-color:transparent}
.lh-fab{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:900;padding:6px;transition:transform .15s}
.lh-fab:hover{transform:translateY(-2px)}
.lh-slot-btn{padding:3px;flex:none;vertical-align:middle}
/* No browser highlight on the orb, ever: no tap flash, no text or image selection, no drag ghost, no outline or ring from a click or a press. */
.lh-orb,.lh-orb *,.lh-fab,.lh-slot-btn,[data-lh-orb]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
.lh-fab,.lh-slot-btn,.lh-fab:focus,.lh-slot-btn:focus,.lh-fab:active,.lh-slot-btn:active,.lh-fab:focus-visible,.lh-slot-btn:focus-visible{outline:0 !important;box-shadow:none !important;background:none !important;-webkit-appearance:none;appearance:none}
.lh-fab::-moz-focus-inner,.lh-slot-btn::-moz-focus-inner{border:0}
/* someone moving through the page with the keyboard still needs to see where they are: the orb glows brighter instead of getting a ring */
.lh-fab:focus-visible .lh-glow,.lh-slot-btn:focus-visible .lh-glow{opacity:.9;scale:1.25}

/* ---------- panel and forms ---------- */
.lh-fab[hidden],.lh-panel[hidden],.lh-sheet[hidden],.lh-msg[hidden]{display:none !important}
.lh-panel,.lh-card{font-family:var(--lh-font);color:var(--lh-ink);font-size:15px;line-height:1.45;text-align:left}
.lh-panel *,.lh-card *{box-sizing:border-box}
.lh-panel{position:fixed;z-index:950;width:min(304px,calc(100vw - 24px));background:var(--lh-surface);border:1px solid var(--lh-line);border-radius:20px;box-shadow:var(--lh-shadow);padding:8px;animation:lh-rise .16s ease-out}
.lh-head{display:flex;align-items:center;gap:10px;padding:8px 10px 8px}
.lh-head b{font-family:var(--lh-display);font-weight:600;font-size:16px}
.lh-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;border:0;border-radius:12px;padding:9px 10px;cursor:pointer;color:inherit;font:inherit}
.lh-item:hover,.lh-item:focus-visible{background:var(--lh-sunk);outline:0}
.lh-ic{width:36px;height:36px;border-radius:10px;background:var(--lh-sunk);display:flex;align-items:center;justify-content:center;flex:none;color:var(--lh-icon)}
.lh-item:hover .lh-ic,.lh-item:focus-visible .lh-ic{background:var(--lh-surface)}
.lh-item span b{display:block;font-size:15px;font-weight:600}
.lh-item span small{display:block;font-size:13px;color:var(--lh-muted)}
.lh-foot{font-size:12.5px;color:var(--lh-muted);padding:8px 10px 6px;border-top:1px solid var(--lh-line);margin-top:6px;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text}
.lh-sheet{position:fixed;inset:0;z-index:960;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--lh-scrim)}
.lh-card{width:min(440px,100%);max-height:100%;overflow-y:auto;background:var(--lh-surface);border:1px solid var(--lh-line);border-radius:22px;box-shadow:var(--lh-shadow);padding:20px;animation:lh-rise .2s ease-out}
.lh-card .lh-head{padding:0 0 12px}
.lh-card .lh-head b{font-size:19px;flex:1}
.lh-x{width:36px;height:36px;border-radius:10px;border:1px solid var(--lh-line);background:transparent;color:inherit;cursor:pointer;font-size:19px;line-height:1;flex:none}
.lh-x:hover{background:var(--lh-sunk)}
.lh-card p{margin:0 0 12px;color:var(--lh-muted);font-size:14px}
.lh-card label{display:block;font-size:13px;font-weight:600;margin:12px 0 5px}
.lh-card textarea,.lh-card input{display:block;width:100%;font:inherit;font-size:16px;color:var(--lh-ink);background:var(--lh-bg);border:1px solid var(--lh-line);border-radius:12px;padding:10px 12px}
.lh-card textarea{min-height:130px;resize:vertical}
.lh-card textarea:focus,.lh-card input:focus{outline:2px solid var(--lh-focus);outline-offset:1px}
.lh-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.lh-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:12px;border:1px solid var(--lh-btn);background:var(--lh-btn);color:var(--lh-btn-fg);font:inherit;font-weight:600;font-size:15px;cursor:pointer}
.lh-btn:hover{background:var(--lh-btn-hover);border-color:var(--lh-btn-hover)}
.lh-btn[disabled]{opacity:.6;cursor:default}
.lh-btn.lh-ghost{background:transparent;color:var(--lh-ink);border-color:var(--lh-line)}
.lh-btn.lh-ghost:hover{background:var(--lh-sunk)}
.lh-msg{border-radius:12px;padding:11px 13px;font-size:14px;font-weight:500;margin-top:14px}
.lh-msg.lh-ok{background:var(--lh-ok-bg);color:var(--lh-ok-fg)}
.lh-msg.lh-bad{border:1px solid var(--lh-err);color:var(--lh-err)}
/* chat */
.lh-item[hidden]{display:none}
.lh-chat{display:flex;flex-direction:column;padding:0;height:min(600px,100%);overflow:hidden}
.lh-chat .lh-head{padding:14px 16px;border-bottom:1px solid var(--lh-line);gap:12px}
.lh-who{flex:1;min-width:0}
.lh-who b{display:block;font-size:17px !important}
.lh-who small{color:var(--lh-muted);font-size:13px}
.lh-log{flex:1;min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.lh-b{max-width:88%;padding:10px 14px;border-radius:16px;font-size:15px;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}
.lh-b.lh-bot{background:var(--lh-sunk);align-self:flex-start;border-bottom-left-radius:6px}
.lh-b.lh-me{background:var(--lh-btn);color:var(--lh-btn-fg);align-self:flex-end;border-bottom-right-radius:6px}
.lh-b.lh-err{border:1px solid var(--lh-err);color:var(--lh-err);align-self:flex-start;font-size:14px}
.lh-chips{display:flex;flex-wrap:wrap;gap:8px}
.lh-chip{border:1px solid var(--lh-line);background:var(--lh-bg);color:inherit;border-radius:999px;padding:8px 14px;font:inherit;font-size:14px;font-weight:500;cursor:pointer}
.lh-chip:hover{background:var(--lh-sunk);border-color:var(--lh-focus)}
.lh-comp{display:flex;gap:8px;padding:12px;border-top:1px solid var(--lh-line)}
.lh-comp input{flex:1;min-width:0}
.lh-alt{font-size:12px;color:var(--lh-muted);text-align:center;padding:0 12px calc(10px + env(safe-area-inset-bottom,0px))}
.lh-link{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
@media (max-width:560px){.lh-chat{height:min(640px,88%)}}
@keyframes lh-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:560px){
  .lh-panel{left:12px !important;right:12px;top:auto !important;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto}
  .lh-sheet{align-items:flex-end;padding:0}
  .lh-card{width:100%;border-radius:22px 22px 0 0;border-width:1px 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion: reduce){
  .lh-orb,.lh-orb *{animation:none !important}
  .lh-panel,.lh-card{animation:none}
}

/* ---------- get help: the questions ---------- */
.lh-card select{display:block;width:100%;font:inherit;font-size:16px;color:var(--lh-ink);background:var(--lh-bg);border:1px solid var(--lh-line);border-radius:12px;padding:10px 12px;min-height:46px}
.lh-card select:focus{outline:2px solid var(--lh-focus);outline-offset:1px}
.lh-card textarea.lh-short{min-height:76px}
.lh-prog{height:4px;border-radius:4px;background:var(--lh-sunk);overflow:hidden}
.lh-prog i{display:block;height:100%;background:var(--lh-focus);border-radius:4px;transition:width .25s}
.lh-stepn{display:block;margin:8px 0 0;font-size:12px;color:var(--lh-muted)}
.lh-q{font-family:var(--lh-display);font-weight:600;font-size:19px;line-height:1.25;margin:6px 0 12px}
.lh-q,.lh-q:focus,.lh-q:focus-visible{outline:0 !important;box-shadow:none !important}
.lh-opts{display:grid;gap:8px}
.lh-opt{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;text-align:left;background:var(--lh-bg);border:1px solid var(--lh-line);border-radius:14px;padding:11px 14px;cursor:pointer;color:inherit;font:inherit}
.lh-opt:hover,.lh-opt:focus-visible,.lh-opt.lh-sel{border-color:var(--lh-focus);background:var(--lh-sunk);outline:0}
.lh-opt b{display:block;font-size:15px;font-weight:600}
.lh-opt small{display:block;font-size:13px;color:var(--lh-muted)}
.lh-dot{display:inline-block;width:12px;height:12px;border-radius:50%;flex:none;background:#8B978F}
.lh-dot.lh-stop{background:#E5484D;box-shadow:0 0 10px rgba(229,72,77,.55)}
.lh-dot.lh-slow{background:#F5A524}
.lh-dot.lh-minor{background:#8CC63F}
.lh-optl{font-weight:400;color:var(--lh-muted)}
.lh-shot{display:flex;gap:12px;align-items:center;border:1px solid var(--lh-line);border-radius:14px;padding:10px;background:var(--lh-bg)}
.lh-shot img{width:104px;height:78px;object-fit:cover;border-radius:8px;border:1px solid var(--lh-focus);flex:none}
.lh-shot span{font-size:13px;color:var(--lh-muted)}
.lh-shot b{display:block;font-size:15px;color:var(--lh-ink);margin-bottom:2px}
.lh-sum{margin:0;display:grid;grid-template-columns:auto 1fr;gap:7px 16px;font-size:14px;border:1px solid var(--lh-line);border-radius:14px;padding:12px 14px;background:var(--lh-bg)}
.lh-sum dt{color:var(--lh-muted)}
.lh-sum dd{margin:0;overflow-wrap:anywhere}
.lh-sum .lh-dot{width:10px;height:10px;margin-right:4px}
.lh-msg.lh-note{border:1px dashed var(--lh-line);color:var(--lh-muted);font-weight:400}
/* the glowing frame */
.lh-frame{position:fixed;inset:0;z-index:970;cursor:crosshair;background:rgba(2,6,4,.55);touch-action:none;overflow:hidden;font-family:var(--lh-font);font-size:15px;-webkit-user-select:none;user-select:none;
  --lh-btn:#C6EE5A;--lh-btn-fg:#0E1A10;--lh-btn-hover:#D9F58A;--lh-ink:#EEF3EC;--lh-line:#3A4A40;--lh-sunk:#1B2820}
.lh-frame.lh-has{background:transparent}
.lh-frame *{box-sizing:border-box}
.lh-frame-tip{position:absolute;left:50%;top:calc(16px + env(safe-area-inset-top,0px));transform:translateX(-50%);background:#0E1511;color:#EEF3EC;border:1px solid #C6EE5A;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600;box-shadow:0 0 22px rgba(198,238,90,.35);white-space:nowrap;pointer-events:none}
.lh-frame-box{position:absolute;border:2px solid #C6EE5A;border-radius:10px;pointer-events:none;box-shadow:0 0 0 9999px rgba(2,6,4,.6),0 0 26px 4px rgba(198,238,90,.65),inset 0 0 18px rgba(198,238,90,.35);animation:lh-frame 1.2s ease-in-out infinite alternate}
.lh-frame-box[hidden],.lh-frame-bar[hidden],.lh-work[hidden]{display:none}
@keyframes lh-frame{from{box-shadow:0 0 0 9999px rgba(2,6,4,.6),0 0 14px 2px rgba(198,238,90,.4),inset 0 0 10px rgba(198,238,90,.2)}to{box-shadow:0 0 0 9999px rgba(2,6,4,.6),0 0 36px 8px rgba(198,238,90,.85),inset 0 0 24px rgba(198,238,90,.42)}}
.lh-frame-bar{position:absolute;display:flex;gap:8px}
.lh-frame .lh-btn.lh-ghost{background:#0E1511}
.lh-frame-x{position:absolute;left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px))}
.lh-toast{position:fixed;left:50%;bottom:calc(28px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:980;background:#0E1511;color:#EEF3EC;border:1px solid #C6EE5A;border-radius:999px;padding:9px 18px;font:600 14px var(--lh-font)}
/* the live support room */
.lh-live{width:min(780px,100%)}
.lh-live-in{flex:1;min-height:0;display:flex}
.lh-live-chat{flex:1;min-width:0;display:flex;flex-direction:column}
.lh-b.lh-sys{align-self:center;background:none;color:var(--lh-muted);font-size:13px;padding:0 8px;text-align:center}
.lh-work{width:264px;flex:none;display:flex;flex-direction:column;background:#040906;border-left:1px solid var(--lh-line);pointer-events:none;-webkit-user-select:none;user-select:none}
.lh-work-h{display:flex;align-items:center;gap:8px;padding:11px 12px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#C6EE5A;border-bottom:1px solid rgba(198,238,90,.18)}
.lh-work-h i{width:8px;height:8px;border-radius:50%;background:#C6EE5A;box-shadow:0 0 10px #C6EE5A;animation:lh-cell 1s ease-in-out infinite}
.lh-work canvas{flex:1;min-height:0;width:100%;display:block}
@media (max-width:640px){
  .lh-live-in{flex-direction:column}
  .lh-work{width:auto;height:118px;order:-1;border-left:0;border-bottom:1px solid var(--lh-line)}
}
@media (prefers-reduced-motion: reduce){.lh-frame-box,.lh-work-h i{animation:none}}

/* the panel's choices in groups */
.lh-group{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--lh-muted,#8A968E);padding:10px 10px 3px;margin-top:6px;border-top:1px solid var(--lh-line)}
.lh-panel .lh-head + .lh-group{border-top:0;margin-top:0;padding-top:6px}
.lh-group[hidden]{display:none}

/* LUAA's name, wherever it is written: lit, and moving a little */
@keyframes lh-luaa{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.luaa-name{font-family:Poppins,Inter,sans-serif;font-weight:700;letter-spacing:.04em;background:linear-gradient(90deg,#C6EE5A,#6FD6D0 30%,#B79CFF 55%,#C6EE5A 80%,#6FD6D0);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:lh-luaa 6s linear infinite}
html[data-look="light"] .luaa-name{background-image:linear-gradient(90deg,#3F7A2A,#0B7D70 30%,#5B3FC4 55%,#3F7A2A 80%,#0B7D70)}
@media (prefers-reduced-motion:reduce){.luaa-name{animation:none}}
/* LUAA speaking (luaa-voice.js): the squares rise and fall like a sound meter */
.lh-orb.lv-talk .lh-cells i,.lh-orb.lv-talk .lh-cells i.lh-on{animation:none!important;opacity:1;background:rgba(240,255,214,.09);box-shadow:none;transition:background .1s,box-shadow .1s,transform .1s}
.lh-orb.lv-talk .lh-cells i.lv{background:rgba(198,238,90,.95);box-shadow:0 0 calc(var(--s) * .08) rgba(198,238,90,.95);transform:scale(1.05)}
.lh-orb.lv-talk .lh-cells i.lv-top{background:rgba(250,255,236,1);box-shadow:0 0 calc(var(--s) * .13) rgba(230,250,170,1);transform:scale(1.12)}
.lh-orb.lv-talk .lh-glow{animation:lv-glow .5s ease-in-out infinite alternate} @keyframes lv-glow{to{opacity:1;transform:scale(1.12)}}