/* Look: Motion light. Cool pastel ambient color drawn live on a
   canvas, crisp white glass with big soft corners, electric blue accent, the blue-to-teal headline, a dark ink
   primary, icon tiles, gradient active nav with a floating icon. 8px buttons. */
:root[data-look="motion"]{
  --lk-paper:#F4F6FB; --lk-ink:#0F1729; --lk-text:#556075; --lk-muted:#556075; --lk-faint:#97A0B3;
  --lk-pri:#2F6BFF; --lk-pri-deep:#2459DB; --lk-label:#556075; --lk-acc2:#C98A08; --lk-dash:linear-gradient(90deg,#2F6BFF,#0BA888); --lk-h2:#2F6BFF;
  --lk-tint:rgba(47,107,255,.12); --lk-tint-good:rgba(11,168,136,.13); --lk-tint-warn:rgba(212,147,10,.14); --lk-tint-bad:rgba(229,72,77,.12);
  --lk-good:#0BA888; --lk-good-ink:#08876D; --lk-warn:#B07806; --lk-bad:#E5484D;
  --lk-glass:rgba(255,255,255,.6); --lk-glass-hi:rgba(255,255,255,.86); --lk-edge:rgba(255,255,255,.78);
  --lk-blur:blur(20px) saturate(150%);
  --lk-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 12px 32px -16px rgba(40,70,140,.24);
  --lk-shadow-lg:0 30px 70px -24px rgba(30,55,120,.38);
  --lk-line:rgba(15,23,41,.08); --lk-line2:rgba(15,23,41,.14); --lk-soft:rgba(255,255,255,.7); --lk-hover:rgba(255,255,255,.8);
  --lk-input:rgba(255,255,255,.85); --lk-ring-focus:rgba(47,107,255,.12); --lk-r-card:16px;
  --lk-pri-fill:#0F1729; --lk-pri-fill-hover:#1E2942; --lk-on-pri:#fff; --lk-pri-shadow:0 8px 18px -10px rgba(40,70,140,.55);
  --lk-chip-on:rgba(47,107,255,.12); --lk-chip-on-text:#2F6BFF;
  --lk-bar:rgba(244,246,251,.5); --lk-bar-edge:rgba(255,255,255,.6); --lk-bar-text:#0F1729; --lk-bar-sub:#556075;
  --lk-tabs:rgba(255,255,255,.6); --lk-tab-mark:linear-gradient(90deg,#2F6BFF,#0BA888); --lk-badge:#2F6BFF;
  --lk-av-bg:#0F1729; --lk-av-text:#fff;
  --lk-side:rgba(255,255,255,.42); --lk-side-edge:rgba(255,255,255,.65); --lk-side-text:#556075; --lk-side-ink:#0F1729; --lk-side-sub:#97A0B3;
  --lk-side-hover:rgba(255,255,255,.7); --lk-side-on:linear-gradient(90deg,rgba(47,107,255,.16),rgba(47,107,255,.04)); --lk-side-on-text:#2F6BFF;
  --lk-side-on-ring:inset 0 0 0 1px rgba(47,107,255,.18); --lk-side-count:#2F6BFF; --lk-side-count-bg:rgba(47,107,255,.12); --lk-side-link:#2F6BFF;
  --lk-hero:linear-gradient(135deg,rgba(255,255,255,.9),rgba(232,240,255,.82)); --lk-hero-text:#0F1729; --lk-hero-num:#2F6BFF;
  --lk-hero-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 20px 44px -22px rgba(40,70,140,.45);
  --lk-step-done:#0BA888; --lk-step-line:#0BA888; --lk-num:#0F1729;
  --lk-th:#556075; --lk-th-bg:rgba(255,255,255,.55); --lk-sheet:rgba(255,255,255,.92); --lk-scrim:rgba(15,23,41,.22); --lk-toast:#0F1729;
  --lk-spot:rgba(47,107,255,.10); --lk-ring-track:rgba(15,23,41,.08); --lk-ring-a:#0BA888; --lk-ring-b:#2F6BFF;
  --lk-label-track:.09em;
}
[data-look="motion"] .lk-bg .lk-amb{display:block}
/* headline: the second line runs blue to teal, blue to teal */
[data-look="motion"] .lk-l2{
  background:linear-gradient(90deg,#2F6BFF,#0BA888);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-look="motion"] .lk-l2 :is(.lk-w,.w){background:linear-gradient(90deg,#2F6BFF,#0BA888);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-look="motion"] .label{font-weight:600}
[data-look="motion"] .panel.glass,[data-look="motion"] .closep{border-radius:20px}
[data-look="motion"] .top.glass{border-radius:16px}
/* the one thing waiting: a white glass hero with a live orb ring */
[data-look="motion"][data-page="portal"] .waiting{border:1px solid rgba(255,255,255,.85);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}
[data-look="motion"][data-page="portal"] .waiting > svg:first-child{background:rgba(47,107,255,.12);color:#2F6BFF;width:48px;height:48px}
[data-look="motion"][data-page="portal"] .waiting > div > div:first-child{color:#556075!important;opacity:1!important}
[data-look="motion"][data-page="portal"] .waiting > span{color:#2F6BFF}
[data-look="motion"][data-page="portal"] .waiting::before{content:"";position:absolute;right:-40px;top:-60px;width:200px;height:200px;border-radius:50%;pointer-events:none;
  background:conic-gradient(from 0deg,rgba(47,107,255,.0),rgba(47,107,255,.35),rgba(11,168,136,.35),rgba(255,196,90,.3),rgba(47,107,255,0));filter:blur(18px);opacity:.8}
html:not(.lk-rm)[data-look="motion"][data-page="portal"] .waiting::before{animation:lk-spin 12s linear infinite}
@keyframes lk-spin{to{transform:rotate(360deg)}}
/* icon tiles in lists, nav icons that float */
[data-look="motion"][data-page="portal"] .list > .li > svg.i:first-child{width:34px;height:34px;padding:8px;border-radius:10px;background:rgba(47,107,255,.12);color:#2F6BFF}
html:not(.lk-rm)[data-look="motion"][data-page="portal"] .side nav a[aria-current="page"] svg{animation:lk-float 3s ease-in-out infinite}
@keyframes lk-float{50%{transform:translateY(-2px)}}
[data-look="motion"] .lk-ring-wrap{display:block}
[data-look="motion"] .stat b,[data-look="motion"][data-page="portal"] .tile b{font-weight:700;letter-spacing:-.035em}
[data-look="motion"][data-page="portal"] .tile b{color:#2F6BFF;font-size:30px}
[data-look="motion"] .lk-av{border-radius:9px}