/* ═══════════════════════════════════════════════════════════════════════════
   INTERSTELLAR — scoped styles. Every rule lives under
   #livemind-interstellar-app-container. Always dark: it is a night-sky app.
   The container is sized by the height controller in index.php.
   ═══════════════════════════════════════════════════════════════════════════ */
#livemind-interstellar-app-container{
  all:initial; display:block; position:relative; width:100%; height:100%; overflow:hidden; isolation:isolate;
  overscroll-behavior:contain; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color-scheme:dark;
  --bg:#04050c; --ink:#eef0fa; --ink2:#c3c7da; --muted:#8a8fa8; --faint:#555a72;
  --glass:rgba(16,18,34,.62); --glass2:rgba(24,27,48,.78); --line:rgba(190,200,255,.14); --line2:rgba(190,200,255,.24);
  --amber:#ffc680; --amber2:#f09a45; --blue:#a9cdff; --blue2:#5f8dff;
  --accent:var(--ink); --accent-glow:rgba(220,228,255,.35);
  --serif:"Cormorant Garamond","Iowan Old Style",Georgia,serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --ease:cubic-bezier(.2,.7,.2,1);
  background:var(--bg); color:var(--ink); font:15px/1.5 var(--sans);
}
#livemind-interstellar-app-container[data-dir="back"]{ --accent:var(--amber); --accent-glow:rgba(255,190,110,.38); }
#livemind-interstellar-app-container[data-dir="forward"]{ --accent:var(--blue); --accent-glow:rgba(150,190,255,.38); }
#livemind-interstellar-app-container *, #livemind-interstellar-app-container *::before, #livemind-interstellar-app-container *::after{ box-sizing:border-box; margin:0; padding:0; font-family:inherit; -webkit-tap-highlight-color:transparent; }
#livemind-interstellar-app-container button, #livemind-interstellar-app-container input, #livemind-interstellar-app-container textarea, #livemind-interstellar-app-container select{
  font:inherit; color:inherit; background:none; border:none; border-radius:0; box-shadow:none; text-transform:none;
  letter-spacing:normal; line-height:inherit; min-height:0; min-width:0; width:auto; height:auto; max-width:none; text-shadow:none; outline:none;
}
#livemind-interstellar-app-container button{ cursor:pointer; }
/* The site theme colours headings and text (dark on light pages). Inside the app, text takes its colour
   from the screen it sits on: each journey world sets its own ink (data-mode dark or light). */
#livemind-interstellar-app-container :where(h1,h2,h3,h4,h5,h6,p,li,label,small,strong,em,b,a,blockquote,figcaption){ color:inherit; }
#livemind-interstellar-app-container [hidden]{ display:none !important; }
#livemind-interstellar-app-container :focus-visible{ outline:2px solid var(--accent); outline-offset:3px; border-radius:8px; }
#livemind-interstellar-app-container svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex:none; }
#gomind-custom-app-root:has(> #livemind-interstellar-app-container){ width:100% !important; max-width:none !important; align-self:stretch !important; }

#livemind-interstellar-app-container .is-sky{ position:absolute; inset:0; width:100%; height:100%; z-index:0; display:block; }

/* ── top bar ── */
#livemind-interstellar-app-container .is-top{ position:absolute; z-index:20; top:0; left:0; right:0; display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px; pointer-events:none; }
#livemind-interstellar-app-container .is-top > *{ pointer-events:auto; }
#livemind-interstellar-app-container .is-brand{ font:400 13px/1 var(--sans); letter-spacing:.42em; text-transform:uppercase; color:var(--ink2); display:flex; align-items:center; gap:10px; padding-left:.42em; }
#livemind-interstellar-app-container .is-brand-mark{ width:9px; height:9px; border-radius:50%; background:radial-gradient(circle,#fff 0 30%,var(--accent) 60%,transparent 70%); box-shadow:0 0 14px var(--accent-glow); }
#livemind-interstellar-app-container .is-ghost{ display:inline-flex; align-items:center; gap:7px; height:36px; padding:0 14px; border-radius:999px; color:var(--ink2);
  background:rgba(255,255,255,.04); border:1px solid var(--line); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); font-size:13px; transition:background .2s,color .2s,border-color .2s; }
#livemind-interstellar-app-container .is-ghost:hover{ background:rgba(255,255,255,.09); color:var(--ink); border-color:var(--line2); }
#livemind-interstellar-app-container .is-ghost svg{ width:16px; height:16px; }
#livemind-interstellar-app-container .is-ghost.is-small{ height:30px; padding:0 12px; font-size:12px; }
@media (max-width:560px){
  #livemind-interstellar-app-container .is-top .is-ghost span{ display:none; }
  #livemind-interstellar-app-container .is-top .is-ghost{ width:38px; padding:0; justify-content:center; }
  #livemind-interstellar-app-container .is-brand{ font-size:11px; letter-spacing:.34em; }
}

/* ── screens ── */
#livemind-interstellar-app-container .is-screen{ position:absolute; inset:0; z-index:5; opacity:0; transition:opacity .7s var(--ease), transform .7s var(--ease); }
#livemind-interstellar-app-container .is-screen.in{ opacity:1; }

/* ═════ 1 · choose: the diagonal split ═════ */
#livemind-interstellar-app-container .is-choose{ --split:50%; }
#livemind-interstellar-app-container .is-half{ position:absolute; inset:0; display:block; overflow:hidden; transition:clip-path .9s var(--ease), filter .6s; color:var(--ink); }
#livemind-interstellar-app-container .is-past{ clip-path:polygon(0 0, calc(var(--split) + 9%) 0, calc(var(--split) - 9%) 100%, 0 100%);
  background:radial-gradient(120% 90% at 20% 60%, rgba(120,52,14,.55), rgba(30,12,4,.35) 45%, transparent 75%); }
#livemind-interstellar-app-container .is-future{ clip-path:polygon(calc(var(--split) + 9%) 0, 100% 0, 100% 100%, calc(var(--split) - 9%) 100%);
  background:radial-gradient(120% 90% at 80% 40%, rgba(30,54,140,.55), rgba(8,14,40,.35) 45%, transparent 75%); }
#livemind-interstellar-app-container .is-choose:has(.is-past:hover){ --split:60%; }
#livemind-interstellar-app-container .is-choose:has(.is-future:hover){ --split:40%; }
#livemind-interstellar-app-container .is-choose:has(.is-past:hover) .is-future,
#livemind-interstellar-app-container .is-choose:has(.is-future:hover) .is-past{ filter:saturate(.6) brightness(.7); }
/* the seam between past and future: a hairline strip cut on the same diagonal as the halves */
#livemind-interstellar-app-container .is-divider{ position:absolute; inset:0; z-index:3; pointer-events:none; transition:clip-path .9s var(--ease);
  background:linear-gradient(180deg, transparent, rgba(255,240,220,.75) 25%, rgba(220,235,255,.75) 75%, transparent);
  clip-path:polygon(calc(var(--split) + 9% - 1px) 0, calc(var(--split) + 9% + 1px) 0, calc(var(--split) - 9% + 1px) 100%, calc(var(--split) - 9% - 1px) 100%); }
#livemind-interstellar-app-container .is-art{ stroke:none; }
#livemind-interstellar-app-container .is-art{ position:absolute; width:min(62vh, 44vw); height:auto; top:50%; transform:translate(-50%,-54%); transition:transform 1.1s var(--ease), opacity .6s; opacity:.92; }
#livemind-interstellar-app-container .is-past .is-art{ left:27%; }
#livemind-interstellar-app-container .is-future .is-art{ left:73%; }
#livemind-interstellar-app-container .is-past:hover .is-art, #livemind-interstellar-app-container .is-future:hover .is-art{ transform:translate(-50%,-54%) scale(1.07); opacity:1; }
#livemind-interstellar-app-container .is-half-label{ position:absolute; bottom:clamp(40px, 11vh, 110px); display:flex; flex-direction:column; gap:8px; max-width:34vw; transition:transform .8s var(--ease); }
#livemind-interstellar-app-container .is-past .is-half-label{ left:clamp(24px, 6vw, 90px); text-align:left; }
#livemind-interstellar-app-container .is-future .is-half-label{ right:clamp(24px, 6vw, 90px); text-align:right; align-items:flex-end; }
#livemind-interstellar-app-container .is-kicker{ font-size:11px; letter-spacing:.34em; text-transform:uppercase; color:var(--muted); }
#livemind-interstellar-app-container .is-title{ font:300 clamp(34px, 5.2vw, 68px)/1 var(--serif); letter-spacing:.01em; }
#livemind-interstellar-app-container .is-past .is-title{ color:#ffe2ba; text-shadow:0 0 40px rgba(255,160,70,.35); }
#livemind-interstellar-app-container .is-future .is-title{ color:#e3efff; text-shadow:0 0 40px rgba(120,170,255,.35); }
#livemind-interstellar-app-container .is-sub{ font-size:14px; color:var(--ink2); opacity:.85; max-width:30ch; }
#livemind-interstellar-app-container .is-choose-center{ position:absolute; z-index:4; top:74px; left:0; right:0; text-align:center; pointer-events:none; }
#livemind-interstellar-app-container .is-choose-hint{ display:inline-block; font:italic 300 clamp(17px,2vw,22px)/1.2 var(--serif); color:var(--ink2); letter-spacing:.02em;
  animation:is-breathe 6s ease-in-out infinite; }
/* art motion */
#livemind-interstellar-app-container .is-spin{ animation:is-rot 60s linear infinite; }
#livemind-interstellar-app-container .is-spin-rev{ animation:is-rot 120s linear infinite reverse; }
#livemind-interstellar-app-container .is-flow{ animation:is-dash 6s linear infinite; }
#livemind-interstellar-app-container .is-past .is-flow{ animation-direction:reverse; }
#livemind-interstellar-app-container .is-lit{ stroke-dasharray:40 400; animation:is-dash-lit 5s var(--ease) infinite; }
#livemind-interstellar-app-container .is-pulse{ animation:is-pulse 3.2s ease-in-out infinite; transform-origin:525px 345px; }
#livemind-interstellar-app-container .is-ripple{ animation:is-ripple 4s ease-out infinite; transform-origin:300px 300px; }
#livemind-interstellar-app-container .is-motes circle{ animation:is-twinkle 4s ease-in-out infinite; }
#livemind-interstellar-app-container .is-motes circle:nth-child(2n){ animation-delay:-2s; }
@keyframes is-rot{ to{ transform:rotate(360deg); } }
@keyframes is-dash{ to{ stroke-dashoffset:-120; } }
@keyframes is-dash-lit{ 0%{ stroke-dashoffset:420; } 100%{ stroke-dashoffset:0; } }
@keyframes is-pulse{ 0%,100%{ transform:scale(1); opacity:1; } 50%{ transform:scale(1.6); opacity:.7; } }
@keyframes is-ripple{ 0%{ transform:scale(1); opacity:.9; } 100%{ transform:scale(7); opacity:0; } }
@keyframes is-twinkle{ 0%,100%{ opacity:.3; } 50%{ opacity:1; } }
@keyframes is-breathe{ 0%,100%{ opacity:.55; } 50%{ opacity:1; } }

@media (max-width:760px){
  /* phones: a diagonal split top/bottom — the past above, the future below */
  #livemind-interstellar-app-container .is-past{ clip-path:polygon(0 0, 100% 0, 100% calc(var(--split) - 7%), 0 calc(var(--split) + 7%)); }
  #livemind-interstellar-app-container .is-future{ clip-path:polygon(0 calc(var(--split) + 7%), 100% calc(var(--split) - 7%), 100% 100%, 0 100%); }
  #livemind-interstellar-app-container .is-divider{ background:linear-gradient(90deg, transparent, rgba(255,240,220,.75) 25%, rgba(220,235,255,.75) 75%, transparent);
    clip-path:polygon(0 calc(var(--split) + 7% - 1px), 100% calc(var(--split) - 7% - 1px), 100% calc(var(--split) - 7% + 1px), 0 calc(var(--split) + 7% + 1px)); }
  #livemind-interstellar-app-container .is-choose:has(.is-past:hover), #livemind-interstellar-app-container .is-choose:has(.is-future:hover){ --split:50%; }
  #livemind-interstellar-app-container .is-art{ width:min(40vh, 70vw); }
  #livemind-interstellar-app-container .is-past .is-art{ left:74%; top:33%; }
  #livemind-interstellar-app-container .is-future .is-art{ left:28%; top:70%; }
  #livemind-interstellar-app-container .is-title{ text-shadow:0 2px 24px rgba(0,0,0,.9), 0 0 40px rgba(0,0,0,.6) !important; }
  #livemind-interstellar-app-container .is-sub{ text-shadow:0 1px 10px rgba(0,0,0,.95); }
  #livemind-interstellar-app-container .is-half-label{ max-width:62vw; }
  #livemind-interstellar-app-container .is-past .is-half-label{ top:clamp(76px, 14vh, 120px); bottom:auto; left:20px; }
  #livemind-interstellar-app-container .is-future .is-half-label{ bottom:26px; right:20px; }
  #livemind-interstellar-app-container .is-sub{ font-size:13px; }
  #livemind-interstellar-app-container .is-choose-center{ display:none; }
}

/* ═════ 2 · compose ═════ */
#livemind-interstellar-app-container .is-compose, #livemind-interstellar-app-container .is-making, #livemind-interstellar-app-container .is-player{
  display:flex; flex-direction:column; align-items:center; justify-content:center; padding:72px 16px 24px; overflow:auto; }
#livemind-interstellar-app-container .is-card{ width:min(640px, 100%); padding:30px 30px 24px; border-radius:26px; background:var(--glass); border:1px solid var(--line);
  backdrop-filter:blur(22px) saturate(1.2); -webkit-backdrop-filter:blur(22px) saturate(1.2);
  box-shadow:0 30px 80px -30px rgba(0,0,0,.8), 0 0 0 1px rgba(255,255,255,.02) inset, 0 0 120px -40px var(--accent-glow);
  transform:translateY(24px) scale(.98); opacity:0; transition:transform 1s var(--ease) .1s, opacity .9s var(--ease) .1s; }
#livemind-interstellar-app-container .is-compose.in .is-card{ transform:none; opacity:1; }
#livemind-interstellar-app-container .is-card-kicker{ font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:var(--accent); opacity:.9; }
#livemind-interstellar-app-container .is-card-title{ font:300 clamp(28px, 4vw, 40px)/1.1 var(--serif); margin:8px 0 18px; }
#livemind-interstellar-app-container .is-card textarea{ display:block; width:100%; min-height:112px; resize:vertical; padding:14px 16px; border-radius:16px;
  background:rgba(0,0,0,.28); border:1px solid var(--line); color:var(--ink); font-size:16px; line-height:1.55; transition:border-color .2s, box-shadow .2s; }
#livemind-interstellar-app-container .is-card textarea::placeholder{ color:var(--faint); }
#livemind-interstellar-app-container .is-card textarea:focus{ border-color:var(--accent); box-shadow:0 0 0 4px var(--accent-glow); }
#livemind-interstellar-app-container .is-opts{ display:flex; flex-direction:column; gap:14px; margin-top:18px; }
#livemind-interstellar-app-container .is-opt{ display:flex; flex-direction:column; gap:8px; }
#livemind-interstellar-app-container .is-opt-row{ flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; }
#livemind-interstellar-app-container .is-opt-l{ font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); }
#livemind-interstellar-app-container .is-chips{ display:flex; flex-wrap:wrap; gap:7px; }
#livemind-interstellar-app-container .is-chips button{ height:34px; padding:0 14px; border-radius:999px; border:1px solid var(--line); color:var(--ink2); font-size:13px; background:rgba(255,255,255,.03); transition:all .2s; }
#livemind-interstellar-app-container .is-chips button:hover{ border-color:var(--line2); color:var(--ink); }
#livemind-interstellar-app-container .is-chips button[aria-checked="true"]{ border-color:var(--accent); color:var(--ink); background:rgba(255,255,255,.08); box-shadow:0 0 18px -4px var(--accent-glow); }
#livemind-interstellar-app-container .is-select{ display:flex; align-items:center; gap:10px; }
#livemind-interstellar-app-container .is-select select{ height:34px; padding:0 30px 0 12px; border-radius:999px; border:1px solid var(--line); background:rgba(255,255,255,.03) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aab' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center/14px;
  -webkit-appearance:none; appearance:none; font-size:13px; color:var(--ink); }
#livemind-interstellar-app-container .is-select select option{ background:#11131f; color:var(--ink); }
#livemind-interstellar-app-container .is-toggle{ display:inline-flex; align-items:center; gap:10px; cursor:pointer; font-size:13px; color:var(--ink2); }
#livemind-interstellar-app-container .is-toggle input{ position:absolute; opacity:0; width:1px; height:1px; }
#livemind-interstellar-app-container .is-toggle-ui{ width:38px; height:22px; border-radius:999px; background:rgba(255,255,255,.1); border:1px solid var(--line); position:relative; transition:background .2s; }
#livemind-interstellar-app-container .is-toggle-ui::after{ content:""; position:absolute; top:2px; left:2px; width:16px; height:16px; border-radius:50%; background:var(--ink2); transition:transform .25s var(--ease), background .2s; }
#livemind-interstellar-app-container .is-toggle input:checked + .is-toggle-ui{ background:rgba(255,255,255,.18); border-color:var(--accent); }
#livemind-interstellar-app-container .is-toggle input:checked + .is-toggle-ui::after{ transform:translateX(16px); background:var(--accent); }
#livemind-interstellar-app-container .is-toggle input:focus-visible + .is-toggle-ui{ outline:2px solid var(--accent); outline-offset:2px; }
#livemind-interstellar-app-container .is-card-foot{ display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:22px; }
#livemind-interstellar-app-container .is-fine{ font-size:11.5px; line-height:1.45; color:var(--faint); max-width:40ch; }
#livemind-interstellar-app-container .is-go{ width:62px; height:62px; flex:none; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#0a0b14;
  background:radial-gradient(circle at 35% 30%, #fff, var(--accent) 70%); box-shadow:0 0 0 6px rgba(255,255,255,.05), 0 10px 40px -8px var(--accent-glow), 0 0 50px -10px var(--accent-glow);
  transition:transform .25s var(--ease), box-shadow .25s; }
#livemind-interstellar-app-container .is-go:hover{ transform:scale(1.07); box-shadow:0 0 0 9px rgba(255,255,255,.06), 0 10px 50px -6px var(--accent-glow), 0 0 70px -10px var(--accent-glow); }
#livemind-interstellar-app-container .is-go svg{ width:24px; height:24px; stroke-width:2; }
@media (max-width:560px){
  #livemind-interstellar-app-container .is-card{ padding:22px 18px 18px; border-radius:22px; }
  #livemind-interstellar-app-container .is-compose{ justify-content:flex-start; padding-top:64px; }
}

/* ═════ 3 · making ═════ */
#livemind-interstellar-app-container .is-orb{ position:relative; width:min(260px, 62vw); aspect-ratio:1; border-radius:50%; display:flex; align-items:center; justify-content:center;
  transition:transform .3s var(--ease); }
#livemind-interstellar-app-container .is-orb:hover{ transform:scale(1.03); }
#livemind-interstellar-app-container .is-orb::before{ content:""; position:absolute; inset:14%; border-radius:50%;
  background:radial-gradient(circle at 50% 45%, rgba(255,255,255,.14), rgba(255,255,255,.02) 55%, transparent 70%); box-shadow:0 0 90px -10px var(--accent-glow);
  animation:is-glow 4s ease-in-out infinite; }
#livemind-interstellar-app-container .is-orb-ring{ position:absolute; inset:0; width:100%; height:100%; transform:rotate(-90deg); }
#livemind-interstellar-app-container .is-orb-track{ fill:none; stroke:rgba(255,255,255,.08); stroke-width:2; }
#livemind-interstellar-app-container .is-orb-fill{ fill:none; stroke:var(--accent); stroke-width:3; stroke-linecap:round; transition:stroke-dashoffset .8s var(--ease); filter:drop-shadow(0 0 6px var(--accent-glow)); }
#livemind-interstellar-app-container .is-orb-dot{ fill:#fff; filter:drop-shadow(0 0 6px #fff); }
#livemind-interstellar-app-container .is-orb .is-spin{ animation-duration:5s; }
#livemind-interstellar-app-container .is-orb-core{ position:relative; display:flex; flex-direction:column; align-items:center; gap:4px; }
#livemind-interstellar-app-container .is-orb-pct{ font:300 46px/1 var(--serif); }
#livemind-interstellar-app-container .is-orb-stage{ font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:var(--muted); }
#livemind-interstellar-app-container .is-making-line{ margin-top:26px; min-height:3.2em; max-width:min(620px, 92vw); text-align:center; font:italic 300 19px/1.55 var(--serif); color:var(--ink2);
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
#livemind-interstellar-app-container .is-link{ color:var(--accent); text-decoration:underline; text-underline-offset:3px; font:inherit; font-style:normal; }
#livemind-interstellar-app-container .is-steps{ list-style:none; display:flex; gap:clamp(10px,3vw,26px); margin:18px 0 18px; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--faint); }
#livemind-interstellar-app-container .is-steps li{ display:flex; align-items:center; gap:7px; transition:color .4s; }
#livemind-interstellar-app-container .is-steps li::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor; opacity:.6; }
#livemind-interstellar-app-container .is-steps li.on{ color:var(--ink); }
#livemind-interstellar-app-container .is-steps li.on::before{ background:var(--accent); opacity:1; box-shadow:0 0 10px var(--accent); animation:is-breathe 1.4s ease-in-out infinite; }
#livemind-interstellar-app-container .is-steps li.done{ color:var(--ink2); }
#livemind-interstellar-app-container .is-steps li.done::before{ background:var(--accent); opacity:1; }
@keyframes is-glow{ 0%,100%{ opacity:.7; transform:scale(1); } 50%{ opacity:1; transform:scale(1.04); } }
#livemind-interstellar-app-container.is-failed .is-orb{ animation:is-shake .5s; }
@keyframes is-shake{ 20%{ transform:translateX(-6px); } 40%{ transform:translateX(6px); } 60%{ transform:translateX(-3px); } 80%{ transform:translateX(3px); } }

/* ═════ 4 · player ═════ */
#livemind-interstellar-app-container .is-p-title{ font:300 clamp(28px, 4.2vw, 44px)/1.1 var(--serif); text-align:center; max-width:90vw; }
#livemind-interstellar-app-container .is-p-sub{ margin-top:6px; font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); text-align:center; }
#livemind-interstellar-app-container .is-dial{ position:relative; width:min(300px, 68vw, 42vh); aspect-ratio:1; margin:clamp(18px, 4vh, 34px) 0 10px; display:flex; align-items:center; justify-content:center; }
#livemind-interstellar-app-container .is-dial-ring{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; touch-action:none; }
#livemind-interstellar-app-container .is-dial-track{ fill:none; stroke:rgba(255,255,255,.09); stroke-width:3; }
#livemind-interstellar-app-container .is-dial-fill{ fill:none; stroke:var(--accent); stroke-width:3.5; stroke-linecap:round; transform:rotate(-90deg); transform-origin:120px 120px; filter:drop-shadow(0 0 5px var(--accent-glow)); cursor:pointer; }
#livemind-interstellar-app-container .is-dial-knob{ fill:#fff; filter:drop-shadow(0 0 8px var(--accent)); cursor:grab; }
#livemind-interstellar-app-container .is-tick{ stroke:rgba(255,255,255,.28); stroke-width:1.2; }
#livemind-interstellar-app-container .is-play{ position:relative; width:58%; aspect-ratio:1; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#0a0b14;
  background:radial-gradient(circle at 35% 28%, #ffffff, var(--accent) 62%, rgba(0,0,0,.2) 130%);
  box-shadow:0 0 0 10px rgba(255,255,255,.04), 0 0 0 22px rgba(255,255,255,.02), 0 20px 80px -10px var(--accent-glow), 0 0 120px -20px var(--accent-glow);
  transition:transform .3s var(--ease); }
#livemind-interstellar-app-container .is-play:hover{ transform:scale(1.04); }
#livemind-interstellar-app-container .is-play:active{ transform:scale(.97); }
#livemind-interstellar-app-container .is-play svg{ width:34%; height:34%; fill:currentColor; stroke:none; }
#livemind-interstellar-app-container .is-play .i-play{ margin-left:6%; }
#livemind-interstellar-app-container .is-play .i-pause{ display:none; }
#livemind-interstellar-app-container.is-playing .is-play .i-play{ display:none; }
#livemind-interstellar-app-container.is-playing .is-play .i-pause{ display:block; }
#livemind-interstellar-app-container.is-playing .is-play{ animation:is-breath 10s ease-in-out infinite; }
#livemind-interstellar-app-container.is-buffering .is-play{ opacity:.8; }
@keyframes is-breath{ 0%,100%{ box-shadow:0 0 0 10px rgba(255,255,255,.04), 0 0 0 22px rgba(255,255,255,.02), 0 20px 80px -10px var(--accent-glow), 0 0 100px -20px var(--accent-glow); }
  50%{ box-shadow:0 0 0 16px rgba(255,255,255,.05), 0 0 0 34px rgba(255,255,255,.025), 0 20px 90px -6px var(--accent-glow), 0 0 160px -10px var(--accent-glow); } }
#livemind-interstellar-app-container .is-time{ font:400 13px/1 var(--mono); color:var(--muted); display:flex; gap:8px; letter-spacing:.04em; }
#livemind-interstellar-app-container .is-time-sep{ opacity:.5; }
#livemind-interstellar-app-container .is-caption{ min-height:4.8em; max-width:min(600px, 92vw); margin:14px 0 6px; text-align:center; font:italic 300 clamp(17px, 2.2vw, 21px)/1.55 var(--serif); color:var(--ink2);
  opacity:0; transform:translateY(6px); transition:opacity .9s var(--ease), transform .9s var(--ease); }
#livemind-interstellar-app-container .is-caption.show{ opacity:1; transform:none; }
#livemind-interstellar-app-container .is-controls{ display:flex; gap:clamp(14px, 4vw, 22px); margin-top:6px; }
#livemind-interstellar-app-container .is-round{ position:relative; width:54px; height:54px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--ink2);
  background:rgba(255,255,255,.05); border:1px solid var(--line); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); transition:all .25s var(--ease); }
#livemind-interstellar-app-container .is-round:hover{ color:var(--ink); border-color:var(--accent); background:rgba(255,255,255,.09); box-shadow:0 0 24px -6px var(--accent-glow); transform:translateY(-1px); }
#livemind-interstellar-app-container .is-round svg{ width:22px; height:22px; }
#livemind-interstellar-app-container .is-round.is-skip svg{ width:30px; height:30px; stroke-width:1.3; }
#livemind-interstellar-app-container .is-round b{ position:absolute; font:600 9.5px/1 var(--sans); top:50%; left:50%; transform:translate(-50%,-45%); letter-spacing:-.02em; }
@media (max-height:640px){
  #livemind-interstellar-app-container .is-caption{ min-height:3.2em; font-size:16px; margin:8px 0 2px; }
  #livemind-interstellar-app-container .is-p-sub{ display:none; }
}

/* ═════ modals ═════ */
#livemind-interstellar-app-container .is-modal{ position:absolute; inset:0; z-index:50; display:flex; align-items:flex-end; justify-content:center; }
#livemind-interstellar-app-container .is-modal.is-center{ align-items:center; }
#livemind-interstellar-app-container .is-modal-back{ position:absolute; inset:0; background:rgba(2,3,8,.55); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); opacity:0; transition:opacity .3s; }
#livemind-interstellar-app-container .is-modal.in .is-modal-back{ opacity:1; }
#livemind-interstellar-app-container .is-sheet{ position:relative; width:min(760px, 100%); max-height:86%; display:flex; flex-direction:column; border-radius:24px 24px 0 0;
  background:var(--glass2); border:1px solid var(--line); border-bottom:none; backdrop-filter:blur(24px) saturate(1.2); -webkit-backdrop-filter:blur(24px) saturate(1.2);
  box-shadow:0 -30px 80px -20px rgba(0,0,0,.7); transform:translateY(40px); opacity:0; transition:transform .45s var(--ease), opacity .35s; }
#livemind-interstellar-app-container .is-modal.in .is-sheet{ transform:none; opacity:1; }
@media (min-width:761px){
  #livemind-interstellar-app-container .is-modal{ align-items:center; }
  #livemind-interstellar-app-container .is-sheet{ border-radius:24px; border-bottom:1px solid var(--line); max-height:82%; }
}
#livemind-interstellar-app-container .is-sheet-h{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 16px 12px 22px; border-bottom:1px solid var(--line); }
#livemind-interstellar-app-container .is-sheet-h h3{ font:400 22px/1.2 var(--serif); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#livemind-interstellar-app-container .is-sheet-act{ display:flex; align-items:center; gap:8px; flex:none; }
#livemind-interstellar-app-container .is-x{ width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--ink2); background:rgba(255,255,255,.05); border:1px solid var(--line); transition:all .2s; }
#livemind-interstellar-app-container .is-x:hover{ color:var(--ink); background:rgba(255,255,255,.1); }
#livemind-interstellar-app-container .is-x svg{ width:16px; height:16px; }
#livemind-interstellar-app-container .is-sheet-body{ overflow:auto; padding:16px 22px 28px; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; }
@media (max-width:560px){
  #livemind-interstellar-app-container #is-copyLog, #livemind-interstellar-app-container #is-sheetDl span{ display:none; }
  #livemind-interstellar-app-container .is-sheet-body{ padding:14px 16px 24px; }
}
/* log */
#livemind-interstellar-app-container .is-loglist{ font:12.5px/1.55 var(--mono); }
#livemind-interstellar-app-container .is-l{ display:flex; gap:12px; padding:3px 0; color:var(--ink2); }
#livemind-interstellar-app-container .is-l-t{ color:var(--faint); flex:none; }
#livemind-interstellar-app-container .is-l-m{ white-space:pre-wrap; word-break:break-word; }
#livemind-interstellar-app-container .is-l-ok .is-l-m{ color:#9fe3b8; }
#livemind-interstellar-app-container .is-l-warn .is-l-m{ color:#ffd38a; }
#livemind-interstellar-app-container .is-l-error .is-l-m{ color:#ff9c8a; }
#livemind-interstellar-app-container .is-think-wrap{ margin-top:14px; border:1px solid var(--line); border-radius:14px; background:rgba(0,0,0,.25); }
#livemind-interstellar-app-container .is-think-wrap summary{ cursor:pointer; padding:10px 14px; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); }
#livemind-interstellar-app-container .is-think{ padding:0 14px 14px; font:12px/1.6 var(--mono); color:var(--ink2); white-space:pre-wrap; word-break:break-word; max-height:none; }
/* script */
#livemind-interstellar-app-container .is-script{ max-width:62ch; margin:0 auto; }
#livemind-interstellar-app-container .is-script-prompt{ font:italic 300 17px/1.5 var(--serif); color:var(--muted); margin-bottom:10px; white-space:pre-wrap; }
#livemind-interstellar-app-container .is-script-ask{ margin-bottom:6px; }
#livemind-interstellar-app-container .is-script-askl{ display:block; font-size:11px; letter-spacing:.26em; text-transform:uppercase; color:var(--faint); margin:0 0 4px; }
#livemind-interstellar-app-container .is-sb{ margin-top:22px; }
#livemind-interstellar-app-container .is-sb h4 .is-seek{ display:flex; align-items:baseline; gap:10px; font-size:11px; letter-spacing:.26em; text-transform:uppercase; color:var(--accent); margin-bottom:8px; }
#livemind-interstellar-app-container .is-sb h4 .is-seek span{ font:11px var(--mono); letter-spacing:0; color:var(--faint); }
#livemind-interstellar-app-container .is-line{ font:400 19px/1.6 var(--serif); color:var(--ink2); padding:4px 10px; margin:0 -10px; border-radius:10px; cursor:pointer; transition:background .4s, color .4s; }
#livemind-interstellar-app-container .is-line:hover{ background:rgba(255,255,255,.04); }
#livemind-interstellar-app-container .is-line.now{ color:var(--ink); background:rgba(255,255,255,.07); box-shadow:inset 3px 0 0 var(--accent); }
#livemind-interstellar-app-container .is-pause{ display:flex; align-items:center; gap:10px; font:11px var(--mono); color:var(--faint); margin:6px 0; }
#livemind-interstellar-app-container .is-pause span{ flex:1; height:1px; background:linear-gradient(90deg, transparent, var(--line2), transparent); }
#livemind-interstellar-app-container .is-cue{ color:var(--accent); opacity:.7; }
#livemind-interstellar-app-container .is-script-meta{ margin-top:30px; font-size:11.5px; color:var(--faint); text-align:center; }
#livemind-interstellar-app-container .is-script-json{ margin:10px 0 4px; text-align:center; }
#livemind-interstellar-app-container .is-textlink{ background:none; border:0; padding:6px 4px; font:inherit; font-size:12px; color:var(--faint); text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
#livemind-interstellar-app-container .is-textlink:hover{ color:inherit; }
#livemind-interstellar-app-container .is-paste{ margin-top:14px; display:flex; flex-direction:column; align-items:center; gap:6px; }
#livemind-interstellar-app-container .is-paste textarea{ width:100%; box-sizing:border-box; min-height:120px; font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; color:inherit; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.14); border-radius:10px; padding:10px; resize:vertical; }
#livemind-interstellar-app-container .is-pastest{ margin:0; font-size:11.5px; color:var(--faint); text-align:center; }
/* library */
#livemind-interstellar-app-container .is-lib{ list-style:none; display:flex; flex-direction:column; gap:8px; }
#livemind-interstellar-app-container .is-lib li{ display:flex; align-items:center; gap:8px; }
#livemind-interstellar-app-container .is-lib-open{ flex:1; min-width:0; display:flex; align-items:center; gap:14px; padding:12px 14px; border-radius:14px; background:rgba(255,255,255,.03); border:1px solid var(--line); text-align:left; transition:all .2s; }
#livemind-interstellar-app-container .is-lib-open:hover{ background:rgba(255,255,255,.07); border-color:var(--line2); }
#livemind-interstellar-app-container .is-lib-dot{ width:12px; height:12px; border-radius:50%; flex:none; }
#livemind-interstellar-app-container .is-lib-dot.b{ background:var(--amber); box-shadow:0 0 12px var(--amber2); }
#livemind-interstellar-app-container .is-lib-dot.f{ background:var(--blue); box-shadow:0 0 12px var(--blue2); }
#livemind-interstellar-app-container .is-lib-main{ display:flex; flex-direction:column; min-width:0; }
#livemind-interstellar-app-container .is-lib-main b{ font:400 19px/1.25 var(--serif); }
#livemind-interstellar-app-container .is-lib-main small{ font-size:12px; color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#livemind-interstellar-app-container .is-lib-drive{ display:inline-block; margin-left:10px; padding:1px 7px; border-radius:999px; border:1px solid var(--line2); font:500 10px/1.6 var(--sans); letter-spacing:.08em; text-transform:uppercase; color:var(--muted); vertical-align:middle; font-style:normal; }
#livemind-interstellar-app-container .is-lib-note{ margin-top:16px; font-size:12.5px; color:var(--faint); text-align:center; }
#livemind-interstellar-app-container .is-lib-note b{ color:var(--ink2); font-weight:500; }
#livemind-interstellar-app-container .is-empty{ color:var(--muted); text-align:center; padding:30px 0; font:italic 300 18px/1.5 var(--serif); }
/* before you begin + crisis */
#livemind-interstellar-app-container .is-before-sheet{ width:min(520px, calc(100% - 32px)); border-radius:24px; border-bottom:1px solid var(--line); padding:26px 26px 22px; }
#livemind-interstellar-app-container .is-before-sheet h3{ font:300 30px/1.1 var(--serif); margin-bottom:14px; }
#livemind-interstellar-app-container .is-before-sheet ul, #livemind-interstellar-app-container .is-crisis ul{ list-style:none; display:flex; flex-direction:column; gap:10px; font-size:14px; color:var(--ink2); }
#livemind-interstellar-app-container .is-before-sheet li, #livemind-interstellar-app-container .is-crisis li{ padding-left:18px; position:relative; }
#livemind-interstellar-app-container .is-before-sheet li::before, #livemind-interstellar-app-container .is-crisis li::before{ content:""; position:absolute; left:0; top:.6em; width:6px; height:6px; border-radius:50%; background:var(--accent); }
#livemind-interstellar-app-container .is-begin{ display:block; margin:22px auto 0; height:48px; padding:0 34px; border-radius:999px; color:#0a0b14; font-weight:500; letter-spacing:.06em;
  background:radial-gradient(circle at 35% 30%, #fff, var(--accent) 80%); box-shadow:0 10px 40px -10px var(--accent-glow); transition:transform .2s; }
#livemind-interstellar-app-container .is-begin:hover{ transform:scale(1.04); }
#livemind-interstellar-app-container .is-crisis p{ font-size:15px; color:var(--ink2); margin:0 0 14px; line-height:1.6; }
#livemind-interstellar-app-container .is-crisis ul{ margin-bottom:14px; }
/* toast */
#livemind-interstellar-app-container .is-toast{ position:absolute; z-index:60; left:50%; bottom:22px; transform:translate(-50%, 20px); opacity:0; max-width:calc(100% - 32px);
  padding:11px 18px; border-radius:999px; background:var(--glass2); border:1px solid var(--line2); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); font-size:13px; color:var(--ink);
  transition:transform .35s var(--ease), opacity .3s; text-align:center; }
#livemind-interstellar-app-container .is-toast.on{ transform:translate(-50%, 0); opacity:1; }
#livemind-interstellar-app-container .is-sink{ display:none; }

@media (prefers-reduced-motion:reduce){
  #livemind-interstellar-app-container *, #livemind-interstellar-app-container *::before, #livemind-interstellar-app-container *::after{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}

/* ═════ custom: a sunrise instead of the night ═════ */
#livemind-interstellar-app-container[data-dir="custom"]{ --accent:#ffd27a; --accent-glow:rgba(255,196,110,.45); --glass:rgba(34,22,30,.58); --glass2:rgba(40,26,36,.8); }
#livemind-interstellar-app-container[data-dir="custom"] .is-card{ box-shadow:0 30px 80px -30px rgba(60,20,10,.6), 0 0 0 1px rgba(255,255,255,.04) inset, 0 0 140px -30px var(--accent-glow); }
#livemind-interstellar-app-container[data-dir="custom"] .is-card-title{ color:#fff3e0; }
#livemind-interstellar-app-container[data-dir="custom"] .is-p-title{ text-shadow:0 2px 30px rgba(120,40,20,.5); }
#livemind-interstellar-app-container .is-only-custom{ display:none; }
#livemind-interstellar-app-container[data-dir="custom"] .is-only-custom{ display:inline-block; }
#livemind-interstellar-app-container .is-custom-btn{ position:absolute; z-index:6; left:50%; bottom:22px; transform:translateX(-50%); display:inline-flex; align-items:center; gap:9px;
  height:44px; padding:0 22px 0 16px; border-radius:999px; color:#2b1606; font-weight:500; letter-spacing:.08em; font-size:13px; text-transform:uppercase;
  background:radial-gradient(circle at 30% 30%, #fff6dc, #ffd27a 55%, #ff9f5a); box-shadow:0 0 0 6px rgba(255,210,122,.12), 0 10px 40px -8px rgba(255,170,90,.65);
  transition:transform .3s var(--ease), box-shadow .3s; }
#livemind-interstellar-app-container .is-custom-btn:hover{ transform:translateX(-50%) scale(1.06); box-shadow:0 0 0 9px rgba(255,210,122,.16), 0 10px 50px -6px rgba(255,170,90,.8); }
#livemind-interstellar-app-container .is-custom-btn svg{ width:20px; height:20px; stroke-width:1.8; animation:is-rot 30s linear infinite; }
@media (max-width:760px){
  /* phones: the custom button sits on the seam between past and future */
  #livemind-interstellar-app-container .is-custom-btn{ bottom:auto; top:50%; left:16px; transform:translateY(-50%); height:40px; padding:0 18px 0 13px; }
  #livemind-interstellar-app-container .is-custom-btn:hover{ transform:translateY(-50%) scale(1.05); }
}

/* ═════ the brief: a mic in the corner, LiveDrive's voice input ═════ */
#livemind-interstellar-app-container .is-brief{ position:relative; }
#livemind-interstellar-app-container .is-brief textarea{ padding-right:56px; }
#livemind-interstellar-app-container .is-mic{ position:absolute; right:10px; bottom:10px; width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  color:var(--ink2); background:rgba(255,255,255,.06); border:1px solid var(--line); transition:all .2s; }
#livemind-interstellar-app-container .is-mic:hover{ color:var(--ink); border-color:var(--accent); }
#livemind-interstellar-app-container .is-mic svg{ width:18px; height:18px; }
#livemind-interstellar-app-container .is-mic .i-stop, #livemind-interstellar-app-container .is-mic .i-spin{ display:none; }
#livemind-interstellar-app-container .is-mic.starting{ color:#fff; background:#495057; border-color:#495057; }
#livemind-interstellar-app-container .is-mic.rec{ color:#fff; background:#dc3545; border-color:#dc3545; animation:is-mic-pulse 1s infinite; }
#livemind-interstellar-app-container .is-mic.rec .i-mic{ display:none; }
#livemind-interstellar-app-container .is-mic.rec .i-stop{ display:block; width:16px; height:16px; }
#livemind-interstellar-app-container .is-mic.busy{ color:#000; background:#ffc107; border-color:#ffc107; }
#livemind-interstellar-app-container .is-mic.busy .i-mic{ display:none; }
#livemind-interstellar-app-container .is-mic.busy .i-spin{ display:block; animation:is-rot 1s linear infinite; }
@keyframes is-mic-pulse{ 0%,100%{ transform:scale(1); box-shadow:0 0 0 0 rgba(220,53,69,.55); } 50%{ transform:scale(1.1); box-shadow:0 0 0 8px rgba(220,53,69,0); } }

/* the go button: an arrow; while recording it becomes a green, pulsing "Send" */
#livemind-interstellar-app-container .is-go .i-mic, #livemind-interstellar-app-container .is-go .i-spin, #livemind-interstellar-app-container .is-go .is-go-label{ display:none; }
#livemind-interstellar-app-container .is-go.is-recording-active, #livemind-interstellar-app-container .is-go.is-transcribing{ width:auto; padding:0 22px 0 18px; gap:8px; border-radius:999px; color:#fff; }
#livemind-interstellar-app-container .is-go.is-recording-active{ background:#28a745; box-shadow:0 0 0 6px rgba(40,167,69,.15), 0 10px 40px -8px rgba(40,167,69,.6); animation:is-pulse-green 1.5s ease-in-out infinite; }
#livemind-interstellar-app-container .is-go.is-transcribing{ background:#218838; opacity:.8; cursor:default; }
#livemind-interstellar-app-container .is-go.is-recording-active .i-go, #livemind-interstellar-app-container .is-go.is-transcribing .i-go{ display:none; }
#livemind-interstellar-app-container .is-go.is-recording-active .i-mic{ display:block; width:20px; height:20px; }
#livemind-interstellar-app-container .is-go.is-transcribing .i-spin{ display:block; width:20px; height:20px; animation:is-rot 1s linear infinite; }
#livemind-interstellar-app-container .is-go.is-recording-active .is-go-label, #livemind-interstellar-app-container .is-go.is-transcribing .is-go-label{ display:inline; font-weight:600; font-size:15px; letter-spacing:.02em; }
@keyframes is-pulse-green{ 0%,100%{ background:#28a745; } 50%{ background:#218838; } }
#livemind-interstellar-app-container .is-lib-dot.c{ background:#ffd27a; box-shadow:0 0 12px #ff9f5a; }
/* custom: keep everything legible against a bright dawn */
#livemind-interstellar-app-container[data-dir="custom"] .is-fine{ color:rgba(255,232,210,.6); }
#livemind-interstellar-app-container[data-dir="custom"] .is-p-sub,
#livemind-interstellar-app-container[data-dir="custom"] .is-time{ color:rgba(255,246,236,.92); text-shadow:0 1px 12px rgba(70,20,20,.55); }
#livemind-interstellar-app-container[data-dir="custom"] .is-caption{ color:#fffaf2; text-shadow:0 1px 14px rgba(80,24,20,.6); }
#livemind-interstellar-app-container[data-dir="custom"] .is-round{ color:#fff; background:rgba(40,18,26,.42); border-color:rgba(255,255,255,.28); }
#livemind-interstellar-app-container[data-dir="custom"] .is-round:hover{ background:rgba(40,18,26,.6); }
#livemind-interstellar-app-container[data-dir="custom"] .is-dial-track{ stroke:rgba(255,255,255,.3); }
#livemind-interstellar-app-container[data-dir="custom"] .is-tick{ stroke:rgba(255,255,255,.5); }
#livemind-interstellar-app-container[data-dir="custom"] .is-making-line{ color:#fff6ea; text-shadow:0 1px 14px rgba(80,24,20,.6); }
#livemind-interstellar-app-container[data-dir="custom"] .is-steps{ color:rgba(255,240,225,.55); }
#livemind-interstellar-app-container[data-dir="custom"] .is-orb-stage{ color:rgba(255,240,225,.8); }
#livemind-interstellar-app-container .is-select{ min-width:0; max-width:100%; }
#livemind-interstellar-app-container .is-select select{ min-width:0; max-width:100%; text-overflow:ellipsis; }
@media (max-width:560px){
  #livemind-interstellar-app-container .is-select{ width:100%; }
  #livemind-interstellar-app-container .is-select select{ flex:1; }
}

/* ═════ 1.4: custom sits in the middle, on the seam between past and future ═════ */
#livemind-interstellar-app-container .is-custom-btn{ top:50%; bottom:auto; left:50%; transform:translate(-50%,-50%); }
#livemind-interstellar-app-container .is-custom-btn:hover{ transform:translate(-50%,-50%) scale(1.06); }
@media (max-width:760px){
  #livemind-interstellar-app-container .is-custom-btn{ top:50%; left:50%; transform:translate(-50%,-50%); }
  #livemind-interstellar-app-container .is-custom-btn:hover{ transform:translate(-50%,-50%) scale(1.05); }
}

/* Auto: one switch for everything; the details appear only when it is off */
#livemind-interstellar-app-container .is-auto-row{ padding-bottom:4px; }
#livemind-interstellar-app-container .is-auto-toggle b{ color:var(--ink); font-weight:600; }
#livemind-interstellar-app-container .is-opts-detail{ display:flex; flex-direction:column; gap:14px; padding-top:14px; border-top:1px solid var(--line); animation:is-fade-in .35s var(--ease); }
#livemind-interstellar-app-container .is-auto-note{ font-size:12.5px; color:var(--muted); margin-top:-2px; }
#livemind-interstellar-app-container[data-dir="custom"] .is-auto-note{ color:rgba(255,232,210,.7); }
@keyframes is-fade-in{ from{ opacity:0; transform:translateY(-4px); } to{ opacity:1; transform:none; } }

/* share */
#livemind-interstellar-app-container .is-round.is-on{ color:var(--accent); border-color:var(--accent); }
#livemind-interstellar-app-container .is-share-sheet{ padding:22px 22px 18px; }
#livemind-interstellar-app-container .is-share-h{ display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
#livemind-interstellar-app-container .is-share-h h3{ margin:0; }
#livemind-interstellar-app-container .is-share-toggle{ font-size:14px; color:var(--ink); }
#livemind-interstellar-app-container .is-share-body{ margin-top:16px; }
#livemind-interstellar-app-container .is-share-link{ display:flex; gap:8px; align-items:center; }
#livemind-interstellar-app-container .is-share-link input{ flex:1; min-width:0; height:44px; padding:0 14px; border-radius:999px; border:1px solid var(--line2); background:rgba(0,0,0,.3); color:var(--ink); font:12.5px var(--mono); }
#livemind-interstellar-app-container .is-share-copy{ margin:0; height:44px; padding:0 22px; flex:none; }
#livemind-interstellar-app-container .is-share-note{ margin-top:12px; font-size:12.5px; line-height:1.55; color:var(--muted); }
#livemind-interstellar-app-container .is-share-status{ margin-top:10px; min-height:1.2em; font-size:12.5px; color:var(--accent); }

/* the shared player: stripped down — play, the script, and a way in */
#livemind-interstellar-app-container[data-share] #is-home,
#livemind-interstellar-app-container[data-share] #is-libraryBtn,
#livemind-interstellar-app-container[data-share] #is-share,
#livemind-interstellar-app-container[data-share] #is-download,
#livemind-interstellar-app-container[data-share] #is-sheetDl,
#livemind-interstellar-app-container[data-share] #is-copyLog{ display:none !important; }
#livemind-interstellar-app-container .is-create-own{ display:inline-flex; align-items:center; gap:10px; margin-top:22px; height:46px; padding:0 24px 0 18px; border-radius:999px;
  color:#0a0b14; font:600 14px/1 var(--sans); letter-spacing:.04em; text-decoration:none;
  background:radial-gradient(circle at 30% 30%, #fff, var(--accent) 75%); box-shadow:0 0 0 6px rgba(255,255,255,.05), 0 10px 40px -8px var(--accent-glow); transition:transform .25s var(--ease); }
#livemind-interstellar-app-container .is-create-own:hover{ transform:scale(1.05); }
#livemind-interstellar-app-container .is-create-own svg{ width:18px; height:18px; fill:currentColor; stroke:none; }
#livemind-interstellar-app-container[data-share] .is-top{ justify-content:center; }

/* ═════ 1.5: moods (custom) ═════ */
#livemind-interstellar-app-container .is-moods{ display:none; flex-wrap:wrap; gap:7px; margin:0 0 14px; }
#livemind-interstellar-app-container[data-dir="custom"] .is-moods{ display:flex; }
#livemind-interstellar-app-container .is-moods button{ display:inline-flex; align-items:center; gap:7px; height:32px; padding:0 13px 0 10px; border-radius:999px; border:1px solid var(--line); color:var(--ink2);
  background:rgba(255,255,255,.04); font-size:12.5px; transition:all .25s var(--ease); }
#livemind-interstellar-app-container .is-moods button:hover{ color:var(--ink); border-color:var(--line2); }
#livemind-interstellar-app-container .is-moods button[aria-checked="true"]{ color:var(--ink); border-color:var(--accent); background:rgba(255,255,255,.1); box-shadow:0 0 18px -4px var(--accent-glow); }
#livemind-interstellar-app-container .is-mood-dot{ width:8px; height:8px; border-radius:50%; background:var(--md, #ffd27a); box-shadow:0 0 8px var(--md, #ffd27a); }
#livemind-interstellar-app-container .is-moods [data-v="auto"]{ --md:linear-gradient(135deg,#ffd27a,#ff8fb1,#8ad8ff); }
#livemind-interstellar-app-container .is-moods [data-v="auto"] .is-mood-dot{ background:conic-gradient(#ffd27a,#ff8fb1,#8ad8ff,#ffd27a); box-shadow:none; }
#livemind-interstellar-app-container .is-moods [data-v="morning"]{ --md:#ffb45c; }
#livemind-interstellar-app-container .is-moods [data-v="meeting"]{ --md:#f3c77a; }
#livemind-interstellar-app-container .is-moods [data-v="workout"]{ --md:#ff5a3c; }
#livemind-interstellar-app-container .is-moods [data-v="social"]{ --md:#ff7eb0; }
#livemind-interstellar-app-container .is-moods [data-v="focus"]{ --md:#5fe3d4; }
#livemind-interstellar-app-container .is-moods [data-v="calm"]{ --md:#6cf0b0; }
#livemind-interstellar-app-container .is-moods [data-v="creative"]{ --md:#c58bff; }
#livemind-interstellar-app-container .is-moods [data-v="sleep"]{ --md:#aab8ff; }
/* each mood tints the whole app to its sky */
#livemind-interstellar-app-container[data-dir="custom"][data-mood="meeting"]{ --accent:#f3c77a; --accent-glow:rgba(243,199,122,.45); --glass:rgba(20,16,44,.6); --glass2:rgba(24,20,52,.82); }
#livemind-interstellar-app-container[data-dir="custom"][data-mood="workout"]{ --accent:#ff7a45; --accent-glow:rgba(255,110,60,.5); --glass:rgba(30,8,10,.6); --glass2:rgba(40,10,12,.82); }
#livemind-interstellar-app-container[data-dir="custom"][data-mood="social"]{ --accent:#ff8fb8; --accent-glow:rgba(255,130,180,.45); --glass:rgba(40,12,40,.58); --glass2:rgba(48,14,46,.82); }
#livemind-interstellar-app-container[data-dir="custom"][data-mood="focus"]{ --accent:#6fe8da; --accent-glow:rgba(100,230,215,.4); --glass:rgba(4,24,28,.62); --glass2:rgba(6,30,34,.84); }
#livemind-interstellar-app-container[data-dir="custom"][data-mood="calm"]{ --accent:#7ff2bd; --accent-glow:rgba(120,240,190,.4); --glass:rgba(4,12,26,.6); --glass2:rgba(6,16,32,.84); }
#livemind-interstellar-app-container[data-dir="custom"][data-mood="creative"]{ --accent:#d19bff; --accent-glow:rgba(200,140,255,.45); --glass:rgba(24,8,40,.6); --glass2:rgba(30,10,48,.84); }
#livemind-interstellar-app-container[data-dir="custom"][data-mood="sleep"]{ --accent:#b4c2ff; --accent-glow:rgba(170,185,255,.38); --glass:rgba(6,8,24,.62); --glass2:rgba(8,10,30,.84); }

/* 1.6: shower */
#livemind-interstellar-app-container .is-moods [data-v="shower"]{ --md:#8fdcf2; }
#livemind-interstellar-app-container[data-dir="custom"][data-mood="shower"]{ --accent:#9fe3f5; --accent-glow:rgba(150,225,245,.45); --glass:rgba(6,28,44,.58); --glass2:rgba(8,34,52,.84); }
/* a tall card (Auto off, small screens) must scroll from its top, never overflow above it:
   centre with auto margins instead of justify-content, which pushes overflow off the top */
#livemind-interstellar-app-container .is-compose{ justify-content:flex-start; }
#livemind-interstellar-app-container .is-compose .is-card{ margin:auto 0; flex:none; }

/* ── Inside the LiveMind Android app ──────────────────────────────────────────
   The page is the whole app there: the website's header, footer and admin bar go (the
   height controller then gives Interstellar the full screen), and the account and
   credits move into Interstellar's own top bar. */
html.lm-in-app body > header, html.lm-in-app .site-header, html.lm-in-app #masthead, html.lm-in-app .navbar,
html.lm-in-app .site-header-main, html.lm-in-app .site-footer, html.lm-in-app body > footer, html.lm-in-app #colophon,
html.lm-in-app #wpadminbar, html.lm-in-app .storefront-handheld-footer-bar, html.lm-in-app .handheld-navigation{ display:none !important; }
html.lm-in-app, html.lm-in-app body{ margin-top:0 !important; padding-top:0 !important; background:#07061a !important; }
#livemind-interstellar-app-container.is-app{ -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; }
#livemind-interstellar-app-container.is-app button, #livemind-interstellar-app-container.is-app .is-brand{ -webkit-user-select:none; user-select:none; }
#livemind-interstellar-app-container.is-app .is-top{ justify-content:flex-start; gap:8px; }
#livemind-interstellar-app-container.is-app .is-top .is-brand{ position:absolute; left:50%; transform:translateX(-50%); pointer-events:none; }
#livemind-interstellar-app-container.is-app #is-libraryBtn{ margin-left:auto; }
#livemind-interstellar-app-container .is-acct{ width:36px; height:36px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; flex:none;
  font:600 14px/1 var(--sans); color:var(--ink); background:radial-gradient(circle at 35% 30%, rgba(255,255,255,.22), rgba(255,255,255,.05));
  border:1px solid var(--line2); box-shadow:0 0 18px var(--accent-glow); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
#livemind-interstellar-app-container .is-acct[hidden]{ display:none; }
#livemind-interstellar-app-container .is-acct:active{ transform:scale(.94); }
#livemind-interstellar-app-container .is-acct-sheet{ padding:22px 22px 18px; }
#livemind-interstellar-app-container .is-acct-email{ margin:-8px 0 18px; color:var(--faint); font-size:13px; word-break:break-all; }
#livemind-interstellar-app-container .is-acct-credits{ display:flex; align-items:baseline; gap:8px; padding:16px 18px; border-radius:18px;
  background:rgba(255,255,255,.04); border:1px solid var(--line); margin-bottom:14px; color:var(--ink2); font-size:14px; }
#livemind-interstellar-app-container .is-acct-credits b{ font:500 28px/1 var(--serif, 'Cormorant Garamond', serif); color:var(--ink); }
#livemind-interstellar-app-container .is-acct-bolt{ width:10px; height:10px; border-radius:50%; align-self:center; background:var(--accent); box-shadow:0 0 12px var(--accent-glow); }
#livemind-interstellar-app-container .is-acct-top{ display:block; text-align:center; text-decoration:none; width:100%; box-sizing:border-box; line-height:48px; margin-top:0; }
#livemind-interstellar-app-container .is-acct-links{ display:flex; justify-content:space-between; margin-top:18px; font-size:14px; }
#livemind-interstellar-app-container .is-acct-links a{ color:var(--ink2); text-decoration:none; padding:6px 2px; }
#livemind-interstellar-app-container .is-acct-links a:last-child{ color:#ff9f9f; }
#livemind-interstellar-app-container .is-acct-del{ display:block; margin-top:14px; text-align:center; font-size:12px; color:var(--ink2); opacity:.7; text-decoration:underline; }
#livemind-interstellar-app-container .is-acct-ver{ margin:14px 0 0; font-size:11px; color:var(--faint); text-align:center; letter-spacing:.04em; }

/* ═════ 1.8: Alarms (Android app) — the button pairs with Custom on the seam ═════ */
#livemind-interstellar-app-container .is-alarms-btn{ position:absolute; z-index:6; top:50%; left:50%; display:inline-flex; align-items:center; gap:9px;
  height:44px; padding:0 20px 0 15px; border-radius:999px; color:#e9ecff; font-weight:500; letter-spacing:.08em; font-size:13px; text-transform:uppercase;
  background:radial-gradient(circle at 30% 30%, #5b64b8, #2a2f6e 60%, #151842); border:1px solid rgba(190,200,255,.35);
  box-shadow:0 0 0 6px rgba(140,150,255,.1), 0 10px 40px -8px rgba(90,100,220,.7); transform:translate(8px,-50%); transition:transform .3s var(--ease), box-shadow .3s; }
#livemind-interstellar-app-container .is-alarms-btn[hidden]{ display:none; }
#livemind-interstellar-app-container .is-alarms-btn svg{ width:19px; height:19px; stroke-width:1.8; }
#livemind-interstellar-app-container .is-alarms-btn:active{ transform:translate(8px,-50%) scale(.96); }
#livemind-interstellar-app-container.has-alarms .is-custom-btn{ transform:translate(calc(-100% - 8px),-50%); }
#livemind-interstellar-app-container.has-alarms .is-custom-btn:hover{ transform:translate(calc(-100% - 8px),-50%) scale(1.04); }
@media (max-width:760px){
  #livemind-interstellar-app-container.has-alarms .is-custom-btn{ transform:translate(calc(-100% - 6px),-50%); height:40px; }
  #livemind-interstellar-app-container .is-alarms-btn{ height:40px; padding:0 17px 0 13px; transform:translate(6px,-50%); }
}
#livemind-interstellar-app-container .is-al-intro{ margin:0 0 18px; color:var(--ink2); font-size:14px; line-height:1.55; }
#livemind-interstellar-app-container .is-al-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
#livemind-interstellar-app-container .is-al-item{ display:flex; align-items:center; gap:10px; padding:12px 14px 12px 16px; border-radius:18px; background:rgba(255,255,255,.04); border:1px solid var(--line); }
#livemind-interstellar-app-container .is-al-item.is-off{ opacity:.55; }
#livemind-interstellar-app-container .is-al-open{ flex:1; min-width:0; display:flex; align-items:center; gap:16px; text-align:left; }
#livemind-interstellar-app-container .is-al-time{ font:300 38px/1 var(--serif); color:var(--ink); letter-spacing:.01em; flex:none; }
#livemind-interstellar-app-container .is-al-meta{ display:flex; flex-direction:column; gap:3px; min-width:0; }
#livemind-interstellar-app-container .is-al-meta b{ font-weight:500; font-size:14px; color:var(--ink); }
#livemind-interstellar-app-container .is-al-meta small{ font-size:12px; color:var(--muted); line-height:1.4; }
#livemind-interstellar-app-container .is-al-meta .is-al-run{ color:var(--ink2); }
#livemind-interstellar-app-container .is-al-empty{ padding:22px; text-align:center; color:var(--muted); border:1px dashed var(--line2); border-radius:18px; }
#livemind-interstellar-app-container .is-al-add{ display:flex; flex-direction:column; align-items:center; gap:10px; margin:18px 0 8px; }
#livemind-interstellar-app-container .is-al-add .is-begin{ margin:0; }
#livemind-interstellar-app-container .is-al-ready{ margin-top:22px; padding:16px 16px 14px; border-radius:18px; background:rgba(0,0,0,.22); border:1px solid var(--line); }
#livemind-interstellar-app-container .is-al-ready h4{ margin:0 0 10px; font:400 20px/1.2 var(--serif); color:var(--ink); }
#livemind-interstellar-app-container .is-al-ready ul{ list-style:none; margin:0 0 12px; padding:0; display:flex; flex-direction:column; gap:9px; }
#livemind-interstellar-app-container .is-al-ready li{ display:flex; align-items:center; gap:10px; font-size:13.5px; color:var(--ink2); }
#livemind-interstellar-app-container .is-al-ready li span:nth-child(2){ flex:1; }
#livemind-interstellar-app-container .is-al-ready li i{ font-style:normal; color:#8fe3a8; }
#livemind-interstellar-app-container .is-al-ready li.note{ font-size:12px; color:var(--muted); display:block; }
#livemind-interstellar-app-container .is-al-dot{ width:8px; height:8px; border-radius:50%; flex:none; background:#8fe3a8; box-shadow:0 0 10px rgba(143,227,168,.6); }
#livemind-interstellar-app-container .is-al-ready li.no .is-al-dot{ background:#ffb36b; box-shadow:0 0 10px rgba(255,179,107,.6); }
#livemind-interstellar-app-container .is-lib-alarm{ border-color:rgba(160,170,255,.5); color:#c9ceff; }

/* ═════ 1.11: alarms are built on the compose screen ═════ */
#livemind-interstellar-app-container .is-alarm-panel{ margin:0 0 20px; padding:0 0 18px; border-bottom:1px solid var(--line); }
#livemind-interstellar-app-container .is-alarm-panel > *{ flex-shrink:0; }
#livemind-interstellar-app-container .is-ap-top{ display:flex; align-items:center; justify-content:space-between; margin:0 0 8px; }
#livemind-interstellar-app-container .is-ap-kicker{ font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); }
#livemind-interstellar-app-container .is-ap-time{ display:block; width:100%; box-sizing:border-box; height:auto; margin:0 0 12px; padding:8px 12px; border-radius:18px;
  background:rgba(0,0,0,.28); border:1px solid var(--line); color:var(--ink); font:300 44px/1.2 var(--serif); text-align:center; color-scheme:dark; }
#livemind-interstellar-app-container .is-ap-days{ justify-content:center; gap:6px; }
#livemind-interstellar-app-container .is-ap-days button{ width:38px; padding:0; }
#livemind-interstellar-app-container .is-ap-days button[aria-checked="true"]{ background:var(--ink); color:#0a0b14; border-color:var(--ink); }
#livemind-interstellar-app-container .is-ap-rep{ margin:8px 0 14px; text-align:center; font-size:12px; color:var(--muted); letter-spacing:.06em; text-transform:uppercase; }
#livemind-interstellar-app-container .is-ap-type{ margin:0 0 12px; }
#livemind-interstellar-app-container .is-ap-saved{ display:none; width:100%; margin:0 0 12px; }
#livemind-interstellar-app-container .is-ap-saved select{ flex:1; width:100%; }
#livemind-interstellar-app-container .is-ap-label{ display:block; width:100%; box-sizing:border-box; padding:11px 14px; border-radius:14px; background:rgba(0,0,0,.28); border:1px solid var(--line); color:var(--ink); font-size:15px; }
#livemind-interstellar-app-container .is-ap-note{ margin:10px 0 0; font-size:12px; color:var(--faint); }
/* alarm mode: the same journey options, a pill "Save alarm", no "drift to sleep" */
#livemind-interstellar-app-container.is-alarm-mode .is-go{ width:auto; padding:0 24px 0 20px; gap:8px; border-radius:999px; }
#livemind-interstellar-app-container.is-alarm-mode .is-go .is-go-label{ display:inline; font-weight:600; font-size:15px; letter-spacing:.02em; }
#livemind-interstellar-app-container.is-alarm-mode label.is-toggle:has(#is-sleep){ display:none; }
#livemind-interstellar-app-container.is-alarm-mode .is-fine{ display:none; }
#livemind-interstellar-app-container .is-ap-del{ color:#ff9f9f; }
/* playing a saved journey: no journey to describe */
#livemind-interstellar-app-container.is-ap-saving .is-ap-saved{ display:flex; }
#livemind-interstellar-app-container.is-ap-saving .is-ap-note,
#livemind-interstellar-app-container.is-ap-saving #is-composeKicker,
#livemind-interstellar-app-container.is-ap-saving #is-composeTitle,
#livemind-interstellar-app-container.is-ap-saving #is-moods,
#livemind-interstellar-app-container.is-ap-saving .is-brief,
#livemind-interstellar-app-container.is-ap-saving .is-opts{ display:none !important; }

/* ═════ 1.12: the seam row — Custom · Sleep · Alarms, centred together ═════ */
#livemind-interstellar-app-container .is-seam{ position:absolute; z-index:6; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; align-items:center; gap:10px; }
#livemind-interstellar-app-container .is-seam .is-custom-btn,
#livemind-interstellar-app-container .is-seam .is-alarms-btn,
#livemind-interstellar-app-container .is-seam .is-sleep-btn{ position:static; top:auto; left:auto; bottom:auto; transform:none; flex:none; }
#livemind-interstellar-app-container .is-seam .is-custom-btn:hover,
#livemind-interstellar-app-container .is-seam .is-alarms-btn:hover,
#livemind-interstellar-app-container .is-seam .is-sleep-btn:hover{ transform:scale(1.05); }
#livemind-interstellar-app-container.has-alarms .is-seam .is-custom-btn{ transform:none; }
#livemind-interstellar-app-container .is-sleep-btn{ display:inline-flex; align-items:center; gap:9px; height:44px; padding:0 20px 0 15px; border-radius:999px;
  color:#e6e2ff; font-weight:500; letter-spacing:.08em; font-size:13px; text-transform:uppercase;
  background:radial-gradient(circle at 30% 30%, #3b3470, #1c1840 60%, #0d0b24); border:1px solid rgba(200,190,255,.32);
  box-shadow:0 0 0 6px rgba(150,130,255,.08), 0 10px 40px -8px rgba(110,90,230,.6); transition:transform .3s var(--ease), box-shadow .3s; }
#livemind-interstellar-app-container .is-sleep-btn svg{ width:18px; height:18px; stroke-width:1.8; fill:rgba(230,226,255,.18); }
@media (max-width:760px){
  #livemind-interstellar-app-container .is-seam{ gap:7px; }
  #livemind-interstellar-app-container .is-seam .is-custom-btn,
  #livemind-interstellar-app-container .is-seam .is-alarms-btn,
  #livemind-interstellar-app-container .is-seam .is-sleep-btn{ height:40px; padding:0 13px 0 11px; gap:7px; font-size:12px; letter-spacing:.06em; }
  #livemind-interstellar-app-container .is-seam svg{ width:17px; height:17px; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   JOURNEYS (2.0) — the home screen of worlds, starting points, a journey's page, make it
   yours, alarms. interstellar-journeys.js builds them.
   ═══════════════════════════════════════════════════════════════════════════ */
#livemind-interstellar-app-container .is-top-r{ display:flex; align-items:center; gap:8px; }
#livemind-interstellar-app-container .is-ghost.is-icon{ width:36px; padding:0; justify-content:center; }
#livemind-interstellar-app-container:not([data-screen="choose"]):not([data-screen="start"]) #is-sound{ display:none; }
#livemind-interstellar-app-container #is-alarmsBtn em{ font:500 11px/1 var(--mono); font-style:normal; opacity:.7; }
#livemind-interstellar-app-container #is-alarmsBtn em:empty{ display:none; }
@media (max-width:560px){ #livemind-interstellar-app-container .is-top #is-alarmsBtn{ width:auto; padding:0 12px; } #livemind-interstellar-app-container .is-top #is-alarmsBtn span{ display:inline; } }

/* worlds */
#livemind-interstellar-app-container .is-choose, #livemind-interstellar-app-container .is-start{ background:#05060c; }
#livemind-interstellar-app-container .is-pager{ position:absolute; inset:0; overflow:hidden; touch-action:pan-y; cursor:grab; outline:none; }
#livemind-interstellar-app-container .is-pager.dragging{ cursor:grabbing; }
#livemind-interstellar-app-container .is-panel{ position:absolute; top:0; left:0; height:100%; will-change:transform; }
#livemind-interstellar-app-container .is-frame{ position:absolute; top:0; height:100%; }
#livemind-interstellar-app-container .is-lyr{ position:absolute; top:0; height:100%; display:block; will-change:transform; }
#livemind-interstellar-app-container canvas.is-wsky{ width:auto; }
#livemind-interstellar-app-container .is-shade{ position:absolute; inset:0; background:#000; opacity:0; pointer-events:none; }
#livemind-interstellar-app-container .is-pcol{ position:absolute; left:0; right:0; top:84px; bottom:28px; display:flex; flex-direction:column; justify-content:center; gap:6px; }
#livemind-interstellar-app-container .is-gcol{ top:200px; }
#livemind-interstellar-app-container .is-panel .is-emb{ position:relative; flex:0 0 auto; align-self:center; width:clamp(220px, 38vh, 380px); height:clamp(220px, 38vh, 380px); margin:-18px 0; will-change:transform; }
#livemind-interstellar-app-container .is-gcol .is-emb{ width:clamp(190px, 32vh, 320px); height:clamp(190px, 32vh, 320px); }
#livemind-interstellar-app-container .is-pbody{ position:relative; width:min(560px, 100% - 72px); margin:0 auto; display:flex; flex-direction:column; gap:16px; }
#livemind-interstellar-app-container .is-ptext{ text-shadow:0 1px 16px rgba(0,0,0,.6), 0 0 3px rgba(0,0,0,.35); }
/* the moving text keeps one compositor layer the whole time (opacity changes otherwise promote and demote it, and the text flickers between renderings) */
#livemind-interstellar-app-container .is-panel .is-pbody{ will-change:transform, opacity; backface-visibility:hidden; -webkit-backface-visibility:hidden; transform:translate3d(0,0,0); }
#livemind-interstellar-app-container .is-ptext h2{ font:300 clamp(32px, 5vw, 54px)/1.04 var(--serif); margin:6px 0 6px; }
#livemind-interstellar-app-container .is-ptext p{ font-size:14px; opacity:.82; line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; max-width:44ch; }
#livemind-interstellar-app-container .is-lbl{ font:500 10px/1.2 var(--mono); letter-spacing:.22em; text-transform:uppercase; opacity:.75; display:block; }
#livemind-interstellar-app-container .is-meta{ display:flex; gap:6px; flex-wrap:wrap; margin-top:10px; }
#livemind-interstellar-app-container .is-chip{ font:500 10px/1 var(--mono); letter-spacing:.08em; padding:6px 8px; border-radius:10px; background:rgba(0,0,0,.3); border:1px solid rgba(255,255,255,.16); display:inline-flex; gap:5px; align-items:center; white-space:nowrap; text-transform:uppercase; text-shadow:none; }
#livemind-interstellar-app-container .is-chip svg{ width:11px; height:11px; }
#livemind-interstellar-app-container .is-pacts{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
#livemind-interstellar-app-container .is-wbegin{ display:inline-flex; align-items:center; gap:9px; height:46px; padding:0 20px; border-radius:23px; background:linear-gradient(180deg,#ffe0a6,#f0b25d); color:#2a1606; font-weight:600; font-size:14px; box-shadow:0 6px 18px rgba(0,0,0,.28); white-space:nowrap; }
#livemind-interstellar-app-container .is-wbegin svg{ width:12px; height:12px; }
#livemind-interstellar-app-container .is-walarm{ display:inline-flex; align-items:center; gap:7px; height:46px; padding:0 15px; border-radius:23px; border:1px solid rgba(255,255,255,.3); background:rgba(10,10,20,.3); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); font:500 13px/1 var(--mono); }
#livemind-interstellar-app-container .is-walarm svg{ width:15px; height:15px; }
#livemind-interstellar-app-container .is-pips{ position:absolute; z-index:8; top:64px; left:0; right:0; display:flex; justify-content:center; gap:6px; pointer-events:none; }
#livemind-interstellar-app-container .is-gpips{ top:176px; }
#livemind-interstellar-app-container .is-pips i{ width:5px; height:5px; border-radius:50%; background:rgba(255,255,255,.35); transition:all .3s var(--ease); }
#livemind-interstellar-app-container .is-pips i.on{ background:#fff; width:16px; border-radius:3px; }
#livemind-interstellar-app-container .is-pips i.plus{ background:none; border:1px solid rgba(255,255,255,.5); }
#livemind-interstellar-app-container .is-pips i.plus.on{ width:5px; background:#fff; }
#livemind-interstellar-app-container .is-chev{ position:absolute; z-index:8; top:42%; width:38px; height:72px; display:grid; place-items:center; color:#fff; opacity:.55; transition:opacity .35s; }
#livemind-interstellar-app-container .is-chev svg{ width:22px; height:22px; filter:drop-shadow(0 1px 4px rgba(0,0,0,.6)); }
#livemind-interstellar-app-container .is-chev.l{ left:4px; } #livemind-interstellar-app-container .is-chev.r{ right:4px; }
#livemind-interstellar-app-container .is-chev.hide{ opacity:0; pointer-events:none; }
#livemind-interstellar-app-container .is-chev:hover{ opacity:.95; }
#livemind-interstellar-app-container .is-stephead{ position:absolute; z-index:8; top:70px; left:20px; right:20px; text-align:center; pointer-events:none; text-shadow:0 1px 14px rgba(0,0,0,.6); }
#livemind-interstellar-app-container .is-stephead h2{ font:300 clamp(26px, 4vw, 36px)/1.1 var(--serif); margin:6px 0 4px; }
#livemind-interstellar-app-container .is-stephead p{ font-size:13px; opacity:.75; }
#livemind-interstellar-app-container .is-step{ font:500 10px/1 var(--mono); letter-spacing:.24em; text-transform:uppercase; opacity:.75; display:block; margin-bottom:8px; }

/* emblems: Back and Forward are the original art; the rest are drawn in its language */
#livemind-interstellar-app-container .emb{ width:100%; height:100%; overflow:visible; stroke:none; stroke-width:1; }
#livemind-interstellar-app-container .e-spin{ animation:e-rot 60s linear infinite; transform-origin:300px 300px; }
#livemind-interstellar-app-container .e-spin-slow{ animation:e-rot 120s linear infinite; transform-origin:300px 300px; }
#livemind-interstellar-app-container .e-spin-rev{ animation:e-rot 120s linear infinite reverse; transform-origin:300px 300px; }
#livemind-interstellar-app-container .e-flow{ animation:e-dash 6s linear infinite; }
#livemind-interstellar-app-container .e-flow-rev{ animation:e-dash 6s linear infinite reverse; }
#livemind-interstellar-app-container .e-lit{ stroke-dasharray:40 400; animation:e-lit 5s cubic-bezier(.4,0,.2,1) infinite; }
#livemind-interstellar-app-container .e-pulse{ animation:e-pulse 3.2s ease-in-out infinite; }
#livemind-interstellar-app-container .e-ripple{ animation:e-ripple 4s ease-out infinite; }
#livemind-interstellar-app-container .e-ripple-slow{ animation:e-ripple2 1.5s ease-out infinite; }
#livemind-interstellar-app-container .e-beat{ animation:e-beat .6s ease-out infinite; }
#livemind-interstellar-app-container .e-motes circle, #livemind-interstellar-app-container .e-tw{ animation:e-twinkle 4s ease-in-out infinite; }
#livemind-interstellar-app-container .e-motes circle:nth-child(2n){ animation-delay:-2s; }
#livemind-interstellar-app-container .e-breathe{ animation:e-breathe 7s ease-in-out infinite; }
#livemind-interstellar-app-container .e-breathe-slow{ animation:e-breathe 10s ease-in-out infinite; }
#livemind-interstellar-app-container .e-rise{ animation:e-rise 5.2s ease-in-out infinite; opacity:0; }
#livemind-interstellar-app-container .e-fall{ animation:e-fall 2.6s ease-in infinite; opacity:0; }
#livemind-interstellar-app-container .e-splash{ animation:e-splash 3.6s ease-out infinite; opacity:0; }
#livemind-interstellar-app-container .e-drift{ animation:e-drift 14s ease-in-out infinite; }
#livemind-interstellar-app-container .e-drift2{ animation:e-drift 19s ease-in-out infinite reverse; }
@keyframes e-rot{ to{ transform:rotate(360deg); } }
@keyframes e-dash{ to{ stroke-dashoffset:-120; } }
@keyframes e-lit{ 0%{ stroke-dashoffset:420; } 100%{ stroke-dashoffset:0; } }
@keyframes e-pulse{ 0%,100%{ transform:scale(1); opacity:1; } 50%{ transform:scale(1.6); opacity:.7; } }
@keyframes e-ripple{ 0%{ transform:scale(1); opacity:.9; } 100%{ transform:scale(7); opacity:0; } }
@keyframes e-ripple2{ 0%{ transform:scale(1); opacity:.7; } 100%{ transform:scale(5.5); opacity:0; } }
@keyframes e-beat{ 0%{ transform:scale(1.35); } 100%{ transform:scale(1); } }
@keyframes e-twinkle{ 0%,100%{ opacity:.3; } 50%{ opacity:1; } }
@keyframes e-breathe{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.06); } }
@keyframes e-rise{ 0%{ transform:translateY(30px); opacity:0; } 30%{ opacity:.9; } 100%{ transform:translateY(-230px); opacity:0; } }
@keyframes e-fall{ 0%{ transform:translateY(-40px); opacity:0; } 25%{ opacity:1; } 100%{ transform:translateY(230px); opacity:0; } }
@keyframes e-splash{ 0%{ transform:scale(.3); opacity:.9; } 100%{ transform:scale(2.6); opacity:0; } }
@keyframes e-drift{ 0%,100%{ transform:translateX(-26px); } 50%{ transform:translateX(26px); } }
@media (prefers-reduced-motion: reduce){ #livemind-interstellar-app-container .emb *{ animation:none !important; } }

/* the scrolling screens: a journey, make it yours, alarms */
#livemind-interstellar-app-container .is-journey, #livemind-interstellar-app-container .is-yours, #livemind-interstellar-app-container .is-alarms, #livemind-interstellar-app-container .is-alarm{ overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; }
#livemind-interstellar-app-container .is-col{ max-width:560px; margin:0 auto; padding:72px 20px 40px; }
#livemind-interstellar-app-container .is-jhero{ text-align:center; padding-top:6px; text-shadow:0 1px 16px rgba(0,0,0,.55); }
#livemind-interstellar-app-container .is-jhero .is-emb{ width:min(300px, 66vw); height:min(300px, 66vw); margin:-24px auto -8px; }
#livemind-interstellar-app-container .is-jhero h1, #livemind-interstellar-app-container .is-yh{ font:300 clamp(30px, 5vw, 46px)/1.08 var(--serif); margin:6px 0 18px; display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; }
#livemind-interstellar-app-container .is-yh{ justify-content:flex-start; }
#livemind-interstellar-app-container .is-pen{ width:34px; height:34px; border-radius:50%; border:1px solid var(--line2); display:inline-grid; place-items:center; background:rgba(10,12,22,.35); flex:none; }
#livemind-interstellar-app-container .is-pen svg{ width:15px; height:15px; }
#livemind-interstellar-app-container .is-go{ display:flex; align-items:center; gap:14px; width:100%; padding:12px 16px; border-radius:22px; background:linear-gradient(180deg,#ffe0a6,#f0b25d); color:#2a1606; text-align:left; box-shadow:0 10px 30px rgba(0,0,0,.3); }
#livemind-interstellar-app-container .is-go-orb{ flex:0 0 42px; height:42px; border-radius:50%; background:#2a1606; color:#ffe0a6; display:grid; place-items:center; }
#livemind-interstellar-app-container .is-go-orb svg{ width:14px; height:14px; }
#livemind-interstellar-app-container .is-go b{ display:block; font-size:16px; font-weight:600; }
#livemind-interstellar-app-container .is-go small{ display:block; font-size:12.5px; opacity:.8; }
#livemind-interstellar-app-container .is-fresh, #livemind-interstellar-app-container .is-linkb{ display:block; margin:12px auto 0; font-size:12.5px; color:var(--ink2); text-decoration:underline; text-underline-offset:3px; }
#livemind-interstellar-app-container .is-safety{ font-size:12px; color:var(--muted); text-align:center; margin-top:14px; }
#livemind-interstellar-app-container .is-jsec{ margin-top:28px; }
#livemind-interstellar-app-container .is-jsec > .is-lbl{ margin-bottom:10px; color:var(--ink2); }
#livemind-interstellar-app-container .is-yourscard{ display:block; width:100%; text-align:left; padding:14px 16px; border-radius:16px; background:var(--glass); border:1px solid var(--line); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
#livemind-interstellar-app-container .is-yourscard b{ display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:14px; font-weight:500; }
#livemind-interstellar-app-container .is-yourscard b span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#livemind-interstellar-app-container .is-yourscard b svg{ width:16px; height:16px; opacity:.6; }
#livemind-interstellar-app-container .is-chips{ display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
#livemind-interstellar-app-container .is-chips span{ font-size:11.5px; padding:5px 9px; border-radius:9px; background:rgba(255,255,255,.07); color:var(--ink2); }
#livemind-interstellar-app-container .is-row{ display:flex; align-items:center; gap:12px; padding:10px 0; border-top:1px solid var(--line); }
#livemind-interstellar-app-container .is-row-main{ flex:1; text-align:left; display:flex; flex-direction:column; }
#livemind-interstellar-app-container .is-row-time{ font:300 24px/1 var(--serif); }
#livemind-interstellar-app-container .is-row small{ font-size:12px; color:var(--muted); margin-top:3px; }
#livemind-interstellar-app-container .is-ch{ display:flex; align-items:center; gap:8px; border-top:1px solid var(--line); }
#livemind-interstellar-app-container .is-ch-main{ flex:1; display:flex; gap:12px; align-items:flex-start; text-align:left; padding:12px 0; min-width:0; }
#livemind-interstellar-app-container .is-ch-n{ flex:0 0 28px; height:28px; border-radius:50%; border:1px solid var(--line2); display:grid; place-items:center; font:500 11px/1 var(--mono); }
#livemind-interstellar-app-container .is-ch-t{ min-width:0; }
#livemind-interstellar-app-container .is-ch-t b{ display:block; font-weight:600; font-size:14px; }
#livemind-interstellar-app-container .is-ch-t small{ display:block; font-size:12px; color:var(--muted); line-height:1.4; margin-top:2px; }
#livemind-interstellar-app-container .is-ch .is-x, #livemind-interstellar-app-container .is-acard .is-x{ width:34px; height:34px; border-radius:50%; display:grid; place-items:center; color:var(--muted); flex:none; }
#livemind-interstellar-app-container .is-ch .is-x svg, #livemind-interstellar-app-container .is-acard .is-x svg{ width:16px; height:16px; }
#livemind-interstellar-app-container .is-empty{ color:var(--muted); font-size:13px; padding:10px 0; }
#livemind-interstellar-app-container .is-explain{ color:var(--ink2); opacity:.75; font-size:13px; line-height:1.45; margin:-2px 0 10px; max-width:40ch; }

/* make it yours */
#livemind-interstellar-app-container .is-intro{ font-size:13.5px; color:var(--ink2); margin:0 0 6px; line-height:1.5; }
#livemind-interstellar-app-container .is-grp{ margin-top:24px; }
#livemind-interstellar-app-container .is-grp > .is-lbl{ color:var(--amber); opacity:.9; margin-bottom:12px; }
#livemind-interstellar-app-container .is-field{ display:block; margin-bottom:18px; }
#livemind-interstellar-app-container .is-fl{ display:flex; justify-content:space-between; align-items:baseline; font-size:13.5px; font-weight:600; margin-bottom:9px; }
#livemind-interstellar-app-container .is-fl span{ font-weight:400; color:var(--muted); font-size:12px; }
#livemind-interstellar-app-container .is-briefwrap{ position:relative; }
#livemind-interstellar-app-container #is-ybrief, #livemind-interstellar-app-container .is-namein, #livemind-interstellar-app-container .is-field select{ width:100%; background:rgba(255,255,255,.05); border:1px solid var(--line2); border-radius:14px; color:var(--ink); font-size:14.5px; padding:12px 48px 12px 14px; resize:vertical; line-height:1.5; }
#livemind-interstellar-app-container .is-field select{ padding-right:14px; }
#livemind-interstellar-app-container #is-ybrief:focus, #livemind-interstellar-app-container .is-namein:focus{ border-color:var(--amber); }
#livemind-interstellar-app-container .is-namein{ font:300 30px/1.2 var(--serif); padding:8px 12px; margin:6px 0 14px; }
#livemind-interstellar-app-container #is-ybrief{ min-height:112px; }
#livemind-interstellar-app-container .is-briefwrap .is-mic{ right:8px; bottom:10px; }
#livemind-interstellar-app-container .is-toggle.is-rowt, #livemind-interstellar-app-container .is-toggle.is-master{ display:flex; justify-content:space-between; align-items:center; gap:14px; width:100%; }
#livemind-interstellar-app-container .is-toggle.is-rowt b, #livemind-interstellar-app-container .is-toggle.is-master b{ display:block; color:var(--ink); font-weight:500; font-size:14px; }
#livemind-interstellar-app-container .is-toggle.is-rowt small, #livemind-interstellar-app-container .is-toggle.is-master small{ display:block; font-size:12px; color:var(--muted); margin-top:2px; }
#livemind-interstellar-app-container .is-toggle.is-master{ margin-top:22px; padding:16px; border-radius:16px; background:linear-gradient(135deg,rgba(255,213,154,.1),rgba(142,168,255,.08)); border:1px solid var(--line2); }
#livemind-interstellar-app-container .is-ruler{ position:relative; height:56px; margin:0 8px; }
#livemind-interstellar-app-container .is-rail{ position:absolute; left:0; right:0; top:20px; height:2px; background:rgba(255,255,255,.15); border-radius:1px; }
#livemind-interstellar-app-container .is-rfill{ position:absolute; left:0; top:20px; height:2px; background:var(--amber); border-radius:1px; transition:width .25s var(--ease); }
#livemind-interstellar-app-container .is-ruler button{ position:absolute; top:0; width:42px; margin-left:-21px; height:56px; display:flex; flex-direction:column; align-items:center; gap:8px; font:500 11px/1 var(--mono); color:var(--muted); }
#livemind-interstellar-app-container .is-ruler button i{ width:11px; height:11px; border-radius:50%; background:var(--bg); border:1.5px solid rgba(255,255,255,.45); margin-top:15px; transition:all .2s; }
#livemind-interstellar-app-container .is-ruler button.on{ color:var(--amber); }
#livemind-interstellar-app-container .is-ruler button.on i{ background:var(--amber); border-color:var(--amber); transform:scale(1.4); box-shadow:0 0 12px var(--amber); }
#livemind-interstellar-app-container .is-seg{ display:flex; border:1px solid var(--line2); border-radius:14px; overflow:hidden; }
#livemind-interstellar-app-container .is-seg button{ flex:1; padding:11px 8px; font-size:13px; color:var(--ink2); }
#livemind-interstellar-app-container .is-seg button.on{ background:rgba(255,213,154,.14); color:var(--amber); }
#livemind-interstellar-app-container .is-seg button[disabled]{ opacity:.35; cursor:default; }
#livemind-interstellar-app-container .is-hrow{ display:flex; gap:10px; overflow-x:auto; margin:0 -20px; padding:2px 20px 6px; scrollbar-width:none; }
#livemind-interstellar-app-container .is-hrow::-webkit-scrollbar{ display:none; }
#livemind-interstellar-app-container .is-tile{ flex:0 0 78px; text-align:center; font-size:12px; color:var(--ink2); }
#livemind-interstellar-app-container .is-pic{ display:block; width:78px; height:78px; border-radius:16px; overflow:hidden; border:2px solid transparent; margin-bottom:6px; }
#livemind-interstellar-app-container .is-pic svg{ width:100%; height:100%; display:block; stroke:none; }
#livemind-interstellar-app-container .is-tile.on{ color:var(--amber); } #livemind-interstellar-app-container .is-tile.on .is-pic{ border-color:var(--amber); }
#livemind-interstellar-app-container .is-voice{ flex:0 0 124px; text-align:left; padding:12px; border-radius:16px; background:var(--glass); border:1.5px solid var(--line); }
#livemind-interstellar-app-container .is-voice.on{ border-color:var(--amber); }
#livemind-interstellar-app-container .is-voice b{ display:block; font-size:14px; margin-top:8px; }
#livemind-interstellar-app-container .is-voice > span:last-child{ display:block; font-size:11.5px; color:var(--muted); line-height:1.3; min-height:2.6em; }
#livemind-interstellar-app-container .is-wave{ display:flex; align-items:center; gap:2px; height:22px; }
#livemind-interstellar-app-container .is-wave i{ width:3px; border-radius:2px; background:currentColor; opacity:.5; }
#livemind-interstellar-app-container .is-music{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
#livemind-interstellar-app-container .is-music button{ text-align:left; padding:11px 12px; border-radius:13px; border:1.5px solid var(--line); background:rgba(255,255,255,.03); font-size:13px; }
#livemind-interstellar-app-container .is-music button small{ display:block; font-size:11.5px; color:var(--muted); margin-top:2px; }
#livemind-interstellar-app-container .is-music button.on{ border-color:var(--amber); color:var(--amber); }
#livemind-interstellar-app-container .is-delj{ display:block; margin:26px auto 0; font-size:13px; color:#ff8f8f; }
#livemind-interstellar-app-container .is-foot{ position:sticky; bottom:0; display:flex; gap:10px; padding:18px 0 4px; margin-top:20px; background:linear-gradient(rgba(4,5,12,0),var(--bg) 40%); }
#livemind-interstellar-app-container .is-pri{ flex:1; display:inline-flex; align-items:center; justify-content:center; gap:8px; height:50px; border-radius:25px; background:linear-gradient(180deg,#ffe0a6,#f0b25d); color:#2a1606; font-weight:600; font-size:15px; }
#livemind-interstellar-app-container .is-pri svg{ width:16px; height:16px; }
#livemind-interstellar-app-container .is-pri[disabled]{ opacity:.6; }
#livemind-interstellar-app-container .is-pri.is-mid{ display:flex; width:auto; max-width:260px; margin:18px auto 0; padding:0 26px; }
#livemind-interstellar-app-container .is-sec{ height:50px; padding:0 20px; border-radius:25px; border:1px solid var(--line2); color:var(--ink2); }

/* alarms */
#livemind-interstellar-app-container .is-alh{ display:flex; justify-content:space-between; align-items:center; }
#livemind-interstellar-app-container .is-addb{ width:42px; height:42px; border-radius:50%; background:linear-gradient(180deg,#ffe0a6,#f0b25d); color:#2a1606; display:grid; place-items:center; }
#livemind-interstellar-app-container .is-acard{ display:flex; align-items:center; gap:10px; padding:14px; margin-top:10px; border-radius:18px; background:var(--glass); border:1px solid var(--line); }
#livemind-interstellar-app-container .is-acard-main{ flex:1; display:flex; align-items:center; gap:14px; text-align:left; min-width:0; }
#livemind-interstellar-app-container .is-atime{ font:300 36px/1 var(--serif); min-width:92px; }
#livemind-interstellar-app-container .is-acard.off .is-atime{ opacity:.4; }
#livemind-interstellar-app-container .is-ameta{ min-width:0; }
#livemind-interstellar-app-container .is-ameta b{ display:flex; align-items:center; gap:7px; font-size:14px; font-weight:600; }
#livemind-interstellar-app-container .is-ameta small{ display:block; font-size:12px; color:var(--muted); }
#livemind-interstellar-app-container .is-ameta .is-arun{ color:var(--ink2); opacity:.8; }
#livemind-interstellar-app-container .is-swatch{ width:14px; height:14px; border-radius:50%; flex:0 0 14px; display:inline-block; }
#livemind-interstellar-app-container .is-checks{ margin-top:26px; padding:16px; border-radius:16px; border:1px solid var(--line); }
#livemind-interstellar-app-container .is-checks h3{ font:400 20px/1.2 var(--serif); margin-bottom:10px; }
#livemind-interstellar-app-container .is-checks li{ list-style:none; display:flex; align-items:center; gap:10px; padding:6px 0; font-size:13px; color:var(--ink2); }
#livemind-interstellar-app-container .is-checks li i{ width:8px; height:8px; border-radius:50%; background:#f0a35e; flex:none; }
#livemind-interstellar-app-container .is-checks li.ok i{ background:#7fd6a0; box-shadow:0 0 8px #7fd6a0; }
#livemind-interstellar-app-container .is-checks li span{ flex:1; }
#livemind-interstellar-app-container .is-checks li b{ color:#7fd6a0; }
#livemind-interstellar-app-container .is-checks li .is-linkb{ margin:0; }
#livemind-interstellar-app-container .is-checks .is-ghost{ margin-top:10px; }
#livemind-interstellar-app-container .is-timein{ display:block; width:100%; font:300 52px/1.1 var(--serif); text-align:center; background:var(--glass); border:1px solid var(--line); border-radius:20px; padding:8px 0; color:var(--ink); }
#livemind-interstellar-app-container .is-days{ display:flex; justify-content:center; gap:7px; margin:16px 0 6px; }
#livemind-interstellar-app-container .is-days button{ width:38px; height:38px; border-radius:50%; border:1px solid var(--line2); font-size:13px; }
#livemind-interstellar-app-container .is-days button.on{ background:var(--ink); color:#11131f; }
#livemind-interstellar-app-container .is-daystxt{ text-align:center; font:500 10px/1 var(--mono); letter-spacing:.18em; text-transform:uppercase; color:var(--muted); margin-bottom:6px; }
#livemind-interstellar-app-container .is-sub{ margin:22px 0 10px; color:var(--ink2); }
#livemind-interstellar-app-container .is-jpick{ display:flex; flex-direction:column; gap:8px; }
#livemind-interstellar-app-container .is-jrow{ display:flex; align-items:center; gap:12px; width:100%; text-align:left; padding:8px 12px 8px 8px; border-radius:16px; border:1.5px solid var(--line); background:var(--glass); transition:border-color .2s, background .2s; }
#livemind-interstellar-app-container .is-jrow.sel{ border-color:var(--amber); background:rgba(255,213,154,.08); }
#livemind-interstellar-app-container .is-jthumb{ flex:0 0 50px; width:50px; height:50px; border-radius:12px; overflow:hidden; display:grid; place-items:center; }
#livemind-interstellar-app-container .is-jthumb .emb{ width:66px; height:66px; }
#livemind-interstellar-app-container .is-jthumb.plus{ background:none; border:1.5px dashed rgba(255,255,255,.3); }
#livemind-interstellar-app-container .is-jthumb.plus svg{ width:20px; height:20px; }
#livemind-interstellar-app-container .is-jtxt{ flex:1; min-width:0; }
#livemind-interstellar-app-container .is-jtxt b{ display:block; font-size:14px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#livemind-interstellar-app-container .is-jtxt small{ display:block; font-size:12px; color:var(--muted); margin-top:1px; }
#livemind-interstellar-app-container .is-jradio{ flex:0 0 22px; width:22px; height:22px; border-radius:50%; border:1.5px solid rgba(255,255,255,.35); position:relative; }
#livemind-interstellar-app-container .is-jrow.sel .is-jradio{ border-color:var(--amber); background:var(--amber); }
#livemind-interstellar-app-container .is-jrow.sel .is-jradio::after{ content:""; position:absolute; left:7px; top:3px; width:5px; height:10px; border:solid #2a1606; border-width:0 2px 2px 0; transform:rotate(45deg); }
#livemind-interstellar-app-container .is-jrow.is-jnew{ background:none; border-style:dashed; }
#livemind-interstellar-app-container .is-top-r{ margin-left:auto; }
#livemind-interstellar-app-container[data-screen="choose"] #is-home{ display:none; }
#livemind-interstellar-app-container[data-screen="choose"] .is-top .is-brand,
#livemind-interstellar-app-container.is-app[data-screen="choose"] .is-top .is-brand{ position:static; transform:none; }
/* the journey's own screens sit over its sky, with a veil so the words stay readable */
#livemind-interstellar-app-container .is-journey{ background:linear-gradient(180deg, rgba(4,5,12,.1) 0%, rgba(4,5,12,.5) 38%, rgba(4,5,12,.84) 100%); }
#livemind-interstellar-app-container .is-yours, #livemind-interstellar-app-container .is-alarms, #livemind-interstellar-app-container .is-alarm{ background:linear-gradient(180deg, rgba(4,5,12,.55) 0%, rgba(4,5,12,.86) 60%, rgba(4,5,12,.92) 100%); }
#livemind-interstellar-app-container .is-foot{ background:linear-gradient(rgba(4,5,12,0), rgba(4,5,12,.9) 45%); }
#livemind-interstellar-app-container .is-toggle-ui{ flex:none; }
#livemind-interstellar-app-container[data-screen="journey"] .is-top, #livemind-interstellar-app-container[data-screen="yours"] .is-top,
#livemind-interstellar-app-container[data-screen="alarms"] .is-top, #livemind-interstellar-app-container[data-screen="alarm"] .is-top{ background:linear-gradient(rgba(4,5,12,.88) 55%, rgba(4,5,12,0)); }

/* Journey modes: a world is dark (light ink, dark shadow) or light (dark ink, light glow). */
#livemind-interstellar-app-container [data-mode="dark"]{ color-scheme:dark; }
#livemind-interstellar-app-container [data-mode="light"]{ color-scheme:light; }
#livemind-interstellar-app-container [data-mode="light"] .is-ptext, #livemind-interstellar-app-container [data-mode="light"].is-ptext{ text-shadow:0 1px 14px rgba(255,255,255,.7), 0 0 2px rgba(255,255,255,.5); }

/* signed out: sign in, top right; the sheet that explains what an account adds */
#livemind-interstellar-app-container .is-signin{ font-weight:500; color:var(--ink); border-color:rgba(255,255,255,.28); }
#livemind-interstellar-app-container .is-signin-sheet{ text-align:center; }
#livemind-interstellar-app-container .is-signin-sheet p{ color:var(--ink2); margin:8px 0 18px; line-height:1.5; }
#livemind-interstellar-app-container .is-signin-sheet .is-begin{ display:flex; align-items:center; justify-content:center; text-decoration:none; }
#livemind-interstellar-app-container .is-signin-later{ margin:10px auto 0; display:flex; }
#livemind-interstellar-app-container .is-yoursnote{ display:block; margin-top:6px; color:var(--ink2); opacity:.8; font-size:12.5px; line-height:1.45; }
#livemind-interstellar-app-container .is-top #is-signinBtn{ width:auto; padding:0 14px; }
#livemind-interstellar-app-container .is-top #is-signinBtn span{ display:inline; }

/* loading: a dark screen with a breathing light until the first screen is drawn */
#livemind-interstellar-app-container .is-loading{ position:absolute; inset:0; z-index:60; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:22px;
  background:radial-gradient(60% 45% at 50% 46%, #141a3a 0%, #05060c 70%); transition:opacity .6s ease, visibility 0s linear .6s; }
#livemind-interstellar-app-container:not(.is-booting) .is-loading{ opacity:0; visibility:hidden; pointer-events:none; }
#livemind-interstellar-app-container.is-booting > :not(.is-loading){ visibility:hidden; }
#livemind-interstellar-app-container .is-loading-orb{ width:14px; height:14px; border-radius:50%; background:radial-gradient(circle,#fff 0 30%,#ffd59a 60%,transparent 72%);
  box-shadow:0 0 28px rgba(255,213,154,.55); animation:is-load-breathe 2.4s ease-in-out infinite; }
#livemind-interstellar-app-container .is-loading-word{ font:400 12px/1 var(--sans); letter-spacing:.42em; text-transform:uppercase; color:#c3c7da; padding-left:.42em; opacity:.8; }
@keyframes is-load-breathe{ 0%,100%{ transform:scale(1); opacity:.75; } 50%{ transform:scale(1.6); opacity:1; } }
@media (prefers-reduced-motion: reduce){ #livemind-interstellar-app-container .is-loading-orb{ animation:none; } }

/* making: the copy-debug-log link under Cancel, and a stop that says why */
#livemind-interstellar-app-container .is-debuglink{ margin-top:10px; font-size:12px; color:var(--muted); text-decoration:underline; text-underline-offset:3px; opacity:.8; padding:6px 10px; }
#livemind-interstellar-app-container .is-debuglink:hover{ color:var(--ink2); opacity:1; }
#livemind-interstellar-app-container .is-stopwhy{ display:block; font-style:normal; font-family:var(--sans); font-size:15px; line-height:1.5; color:#ffc9c2; word-break:break-word; margin-bottom:6px; }
#livemind-interstellar-app-container .is-stopkept{ display:block; font-style:normal; font-family:var(--sans); font-size:13px; color:var(--ink2); opacity:.8; margin-bottom:10px; }
#livemind-interstellar-app-container .is-making-line.is-stopped{ display:block; overflow:visible; -webkit-line-clamp:unset; }
#livemind-interstellar-app-container .is-stopacts{ display:flex; flex-direction:column; align-items:center; gap:10px; margin-top:6px; }
#livemind-interstellar-app-container .is-resume{ min-width:180px; font-style:normal; }
#livemind-interstellar-app-container .is-stopacts .is-link{ font-family:var(--sans); font-size:14px; }
