/* Resting-state home: choose between lighting a new idea or returning to an old one. */
#noSel.no-sel {
  position:relative;
  flex:1;
  min-height:0;
  display:block;
  padding:0;
  overflow:hidden;
  color:var(--card-text-2,#c2beb6);
  background:
    radial-gradient(620px 430px at 50% 55%,rgba(242,169,59,.115),transparent 64%),
    radial-gradient(480px 380px at 79% 23%,rgba(87,174,177,.035),transparent 65%),
    #0b0b0c;
}
#noSel::before {
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:.035;
  mix-blend-mode:screen;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.home-wires { position:absolute; inset:0; z-index:2; width:100%; height:100%; pointer-events:none; }
.home-wires path { fill:none; stroke:rgba(255,255,255,.045); stroke-width:1; }
.home-wires path.active { stroke:rgba(242,169,59,.13); stroke-dasharray:4 8; animation:homeWireFlow 22s linear infinite; }
@keyframes homeWireFlow { to { stroke-dashoffset:-240; } }

.home-stars { position:absolute; inset:0; z-index:2; pointer-events:none; }
.home-stars i { position:absolute; width:2px; height:2px; border-radius:50%; background:rgba(255,255,255,.24); }
.home-stars i.bright { width:3px; height:3px; background:rgba(255,255,255,.42); box-shadow:0 0 9px rgba(255,255,255,.16); }

.home-planets { position:absolute; inset:0; z-index:5; pointer-events:none; }
.home-planet-node {
  position:absolute;
  width:170px;
  min-height:86px;
  padding:0;
  border:0;
  background:transparent;
  color:rgba(243,239,231,.42);
  cursor:pointer;
  opacity:.62;
  pointer-events:auto;
  transform:translate(-50%,-50%);
  transition:opacity .22s,transform .22s;
}
.home-planet-node:hover,.home-planet-node:focus-visible { z-index:8; opacity:1; transform:translate(-50%,-50%) scale(1.04); outline:0; }
.home-planet-visual { position:absolute; left:50%; top:27px; width:14px; height:14px; transform:translate(-50%,-50%); }
.home-planet-core,.home-planet-ring { position:absolute; left:50%; top:50%; border-radius:50%; transform:translate(-50%,-50%); }
.home-planet-core { width:14px; height:14px; background:#565961; }
.home-planet-ring { border:1px solid rgba(255,255,255,.07); }
.home-planet-ring.r1 { width:30px; height:30px; }
.home-planet-ring.r2 { width:48px; height:48px; opacity:.55; }
.home-planet-node.size-large .home-planet-core { width:17px; height:17px; }
.home-planet-node.size-large .home-planet-ring.r1 { width:34px; height:34px; }
.home-planet-node.size-large .home-planet-ring.r2 { width:54px; height:54px; }
.home-planet-node.size-small .home-planet-core { width:11px; height:11px; }
.home-planet-node.size-small .home-planet-ring.r1 { width:25px; height:25px; }
.home-planet-node.size-small .home-planet-ring.r2 { width:40px; height:40px; }
.home-planet-node.cosmic-idea .home-planet-core { background:#d7a454; box-shadow:0 0 14px rgba(215,164,84,.46); }
.home-planet-node.cosmic-idea .home-planet-ring { border-color:rgba(215,164,84,.22); }
.home-planet-node.cosmic-dwarf .home-planet-core { background:#c5c9cc; box-shadow:0 0 8px rgba(197,201,204,.18); }
.home-planet-node.cosmic-dwarf .home-planet-ring { border-color:rgba(197,201,204,.12); }
.home-planet-node.cosmic-dwarf { opacity:.42; }
.home-planet-node.cosmic-supernova .home-planet-core { background:#7ec8e3; box-shadow:0 0 16px rgba(126,200,227,.48); }
.home-planet-node.cosmic-supernova .home-planet-ring { border-color:rgba(126,200,227,.24); }
.home-planet-label {
  position:absolute;
  left:50%;
  top:54px;
  max-width:170px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  transform:translateX(-50%);
  color:rgba(243,239,231,.42);
  font:400 12.5px/1.4 var(--font-serif,'Noto Serif SC',serif);
  transition:color .22s;
}
.home-planet-node:hover .home-planet-label,.home-planet-node:focus-visible .home-planet-label { color:rgba(243,239,231,.76); }
.home-planet-enter {
  position:absolute;
  left:50%;
  top:-9px;
  padding:5px 9px;
  border-radius:8px;
  background:#1a1b1e;
  color:#f2a93b;
  box-shadow:0 10px 24px rgba(0,0,0,.42);
  opacity:0;
  white-space:nowrap;
  transform:translate(-50%,5px);
  font:400 10px/1 var(--font-mono,'Space Mono',monospace);
  transition:opacity .2s,transform .2s;
}
.home-planet-node:hover .home-planet-enter,.home-planet-node:focus-visible .home-planet-enter { opacity:1; transform:translate(-50%,0); }

#noSel .quick-capture-container {
  position:absolute;
  left:50%;
  top:50%;
  z-index:10;
  width:min(600px,calc(100% - 72px));
  max-width:none;
  gap:0;
  transform:translate(-50%,-50%);
  animation:homeHeroIn .7s cubic-bezier(.2,.8,.2,1);
}
.home-dawn {
  position:absolute;
  left:50%;
  top:58%;
  z-index:-1;
  width:520px;
  height:320px;
  pointer-events:none;
  transform:translate(-50%,-50%);
  background:radial-gradient(closest-side,rgba(242,169,59,.145),rgba(242,169,59,.045) 56%,transparent 74%);
  filter:blur(8px);
}
.home-kicker {
  margin-bottom:19px;
  color:rgba(243,239,231,.3);
  font:700 10px/1 var(--font-mono,'Space Mono',monospace);
  letter-spacing:.18em;
  text-transform:uppercase;
}
#noSel .quick-capture-greeting {
  min-height:48px;
  margin:0;
  color:#f3efe7;
  opacity:1;
  font:700 28px/1.5 var(--font-serif,'Noto Serif SC',serif);
  font-style:normal;
  letter-spacing:-.012em;
  transition:opacity .38s,transform .38s;
}
#noSel .quick-capture-greeting.is-changing { opacity:0; transform:translateY(4px); }
.home-capture-box {
  position:relative;
  width:100%;
  min-height:72px;
  margin-top:24px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 14px 12px 18px;
  border:0;
  border-radius:var(--ds-radius-lg,16px);
  background:#1a1b1e;
  box-shadow:0 24px 58px rgba(0,0,0,.42);
  transition:background .24s,box-shadow .3s,transform .24s;
}
.home-capture-box:focus-within {
  background:#1d1f22;
  box-shadow:0 28px 68px rgba(0,0,0,.5),0 0 48px rgba(242,169,59,.22);
  transform:translateY(-2px);
}
.home-spark { position:relative; flex:0 0 11px; width:11px; height:11px; border-radius:50%; background:#f2a93b; box-shadow:0 0 14px rgba(242,169,59,.72); }
.home-spark::after { content:''; position:absolute; inset:-6px; border:1px solid rgba(242,169,59,.42); border-radius:50%; animation:homeSparkPulse 2.7s ease-out infinite; }
@keyframes homeSparkPulse { 0%{transform:scale(.65);opacity:.85} 80%,100%{transform:scale(2);opacity:0} }
#noSel .quick-capture-input {
  flex:1;
  width:auto;
  min-height:28px;
  max-height:110px;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#f3efe7;
  box-shadow:none;
  backdrop-filter:none;
  resize:none;
  text-align:left;
  outline:0;
  font:500 16px/1.7 var(--font-sans,'Space Grotesk',sans-serif);
  transform:none;
}
#noSel .quick-capture-input:focus { border:0; background:transparent; box-shadow:none; transform:none; }
#noSel .quick-capture-input::placeholder { color:rgba(243,239,231,.25); opacity:1; }
.home-return { flex:0 0 auto; min-width:30px; height:30px; display:flex; align-items:center; justify-content:center; border-radius:8px; background:#222428; color:rgba(243,239,231,.45); font:400 11px/1 var(--font-mono,'Space Mono',monospace); }
.home-capture-box:focus-within .home-return { color:#f2a93b; }
#noSel .quick-capture-hint { margin-top:14px; color:rgba(243,239,231,.28); opacity:1; font:400 10px/1.4 var(--font-mono,'Space Mono',monospace); letter-spacing:.04em; text-transform:none; }
.home-choices { margin-top:28px; display:flex; align-items:center; justify-content:center; gap:13px; color:rgba(243,239,231,.28); font:400 10px/1.4 var(--font-mono,'Space Mono',monospace); }
.home-choices span { display:inline-flex; align-items:center; gap:7px; }
.home-choices i { width:6px; height:6px; border-radius:50%; background:#565961; }
.home-choices i.new { background:#f2a93b; box-shadow:0 0 8px rgba(242,169,59,.58); }
.home-choices b { width:1px; height:12px; background:rgba(255,255,255,.08); }

@keyframes homeHeroIn { from{opacity:0;transform:translate(-50%,calc(-50% + 12px))} to{opacity:1;transform:translate(-50%,-50%)} }

@media (max-width:980px) {
  .home-planet-node:nth-child(n+5) { display:none; }
  .home-planet-node { width:140px; }
  #noSel .quick-capture-container { width:min(560px,calc(100% - 44px)); }
}
@media (max-width:768px) {
  #noSel.no-sel { min-height:calc(100dvh - 52px); }
  .home-wires { opacity:.55; }
  .home-planet-node { opacity:.46; transform:translate(-50%,-50%) scale(.88); }
  .home-planet-node:nth-child(n+4) { display:none; }
  .home-planet-label { display:none; }
  #noSel .quick-capture-container { top:48%; width:calc(100% - 28px); }
  #noSel .quick-capture-greeting { min-height:68px; font-size:23px; }
  .home-capture-box { min-height:66px; margin-top:18px; padding-right:11px; padding-left:15px; }
  #noSel .quick-capture-input { font-size:14px; }
  .home-choices { flex-direction:column; gap:8px; margin-top:22px; }
  .home-choices b { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  .home-wires path.active,.home-spark::after { animation:none; }
  #noSel .quick-capture-container { animation:none; }
}