:root{
  --entry-ink:#f5eee7;
  --entry-ink-dim:rgba(245,238,231,.66);
  --entry-ink-soft:rgba(245,238,231,.42);
  --entry-shell:rgba(17,22,27,.82);
  --entry-shell-strong:rgba(15,19,24,.92);
  --entry-line:rgba(236,114,90,.20);
  --entry-line-strong:rgba(236,114,90,.42);
  --entry-panel:rgba(17,22,27,.54);
  --entry-panel-strong:rgba(17,22,27,.74);
  --entry-shadow:0 26px 80px rgba(0,0,0,.32);
  --entry-radius:28px;
  --entry-ease:cubic-bezier(.22,1,.36,1);
  --entry-sim-blur:3px;
}

body.entry-active #sidebar,
body.entry-active #sidebar-resizer,
body.entry-active #main{
  filter:saturate(.88) brightness(.74);
  transition:filter .8s var(--entry-ease),transform .8s var(--entry-ease),opacity .8s var(--entry-ease);
}

body.entry-active #main canvas{
  filter:blur(var(--entry-sim-blur)) saturate(.84) brightness(.70);
  transition:filter 1s var(--entry-ease),transform 1s var(--entry-ease);
  transform:scale(1.02);
}

body.entry-entering #sidebar,
body.entry-entering #sidebar-resizer,
body.entry-entering #main{
  filter:saturate(1) brightness(1);
}

body.entry-entering #main canvas{
  filter:none;
  transform:none;
}

#entry-root{
  position:fixed;
  inset:0;
  z-index:160;
  pointer-events:none;
}

.entry-app{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.entry-overlay{
  position:absolute;
  inset:0;
  pointer-events:auto;
  color:var(--entry-ink);
}

.entry-scroll{
  position:absolute;
  inset:0;
  overflow:auto;
  overscroll-behavior:none;
  background:
    radial-gradient(circle at 18% 18%, rgba(236,114,90,.08), transparent 24%),
    radial-gradient(circle at 82% 22%, rgba(236,114,90,.06), transparent 20%),
    linear-gradient(180deg, rgba(9,12,15,.52) 0%, rgba(12,15,19,.74) 12%, rgba(13,17,22,.88) 36%, rgba(13,17,22,.94) 100%);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.entry-scroll::before{
  content:"";
  position:fixed;
  inset:-20vh -20vw;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(236,114,90,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(236,114,90,.045) 1px, transparent 1px);
  background-size:92px 92px;
  mask-image:radial-gradient(circle at center, rgba(0,0,0,.9), transparent 78%);
  opacity:.16;
}

.entry-scroll::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.035), transparent 44%),
    radial-gradient(circle at 50% 100%, rgba(236,114,90,.08), transparent 40%);
}

.entry-content{
  position:relative;
  min-height:100%;
  padding:24px clamp(18px,3.2vw,46px) 40px;
}

.entry-nav{
  position:sticky;
  top:18px;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 auto 18px;
  max-width:1320px;
  padding:14px 18px;
  border:1px solid var(--entry-line);
  border-radius:999px;
  background:rgba(14,18,23,.72);
  box-shadow:var(--entry-shadow);
  backdrop-filter:blur(18px);
}

.entry-brand{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.entry-brand-mark{
  font-size:12px;
  font-weight:700;
  letter-spacing:.52em;
  text-transform:uppercase;
  color:var(--entry-ink);
}

.entry-brand-sub{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--entry-ink-soft);
}

.entry-nav-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.entry-pill-btn,
.entry-chip-btn,
.entry-ghost-btn,
.entry-primary-btn{
  appearance:none;
  border:none;
  cursor:pointer;
  font:inherit;
}

.entry-pill-btn{
  border:1px solid rgba(245,238,231,.12);
  border-radius:999px;
  padding:10px 14px;
  background:rgba(255,255,255,.02);
  color:var(--entry-ink-dim);
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  transition:background .25s var(--entry-ease), border-color .25s var(--entry-ease), color .25s var(--entry-ease), transform .25s var(--entry-ease);
}

.entry-pill-btn:hover,
.entry-chip-btn:hover,
.entry-ghost-btn:hover{
  transform:translateY(-1px);
}

.entry-pill-btn:hover{
  border-color:var(--entry-line-strong);
  color:var(--entry-ink);
  background:rgba(236,114,90,.08);
}

.entry-primary-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:52px;
  padding:0 20px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(236,114,90,.98), rgba(236,114,90,.86));
  color:#1c1411;
  font-size:14px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  box-shadow:0 16px 34px rgba(236,114,90,.20);
  transition:transform .22s var(--entry-ease), box-shadow .22s var(--entry-ease), filter .22s var(--entry-ease);
}

.entry-primary-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 40px rgba(236,114,90,.26);
  filter:brightness(1.02);
}

.entry-ghost-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:50px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid rgba(245,238,231,.12);
  background:rgba(255,255,255,.03);
  color:var(--entry-ink);
  font-size:13px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:background .22s var(--entry-ease), border-color .22s var(--entry-ease), color .22s var(--entry-ease), transform .22s var(--entry-ease);
}

.entry-ghost-btn:hover{
  background:rgba(236,114,90,.08);
  border-color:var(--entry-line-strong);
}

.entry-shell{
  position:relative;
  max-width:1320px;
  margin:0 auto;
}

.entry-section{
  position:relative;
  scroll-margin-top:120px;
}

.entry-text-line,
.entry-text-segment{
  will-change:transform,opacity,filter;
}

.entry-hero{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);
  gap:28px;
  min-height:calc(100svh - 110px);
  align-items:center;
  padding:48px 0 28px;
}

.entry-hero-atmosphere{
  position:absolute;
  inset:-6vh -5vw 0;
  z-index:0;
  pointer-events:none;
  opacity:.95;
}

.entry-hero-copy{
  position:relative;
  z-index:1;
}

.entry-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:18px;
  padding:8px 12px;
  border:1px solid var(--entry-line);
  border-radius:999px;
  background:rgba(255,255,255,.03);
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--entry-ink-dim);
}

.entry-kicker-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 0 8px rgba(236,114,90,.10);
}

.entry-hero-title{
  max-width:11ch;
  font-size:clamp(48px,8vw,118px);
  line-height:.92;
  letter-spacing:-.06em;
  color:var(--entry-ink);
}

.entry-hero-lead{
  max-width:560px;
  margin-top:20px;
  font-size:clamp(17px,2vw,22px);
  line-height:1.5;
  color:var(--entry-ink-dim);
}

.entry-hero-actions{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:28px;
}

.entry-hero-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  max-width:640px;
  margin-top:30px;
}

.entry-stat{
  padding:16px 16px 18px;
  border:1px solid rgba(245,238,231,.08);
  border-radius:20px;
  background:rgba(255,255,255,.03);
  backdrop-filter:blur(16px);
}

.entry-stat-label{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--entry-ink-soft);
}

.entry-stat-value{
  margin-top:10px;
  font-size:24px;
  line-height:1;
  font-weight:700;
  color:var(--entry-ink);
}

.entry-stat-note{
  margin-top:10px;
  font-size:13px;
  line-height:1.5;
  color:var(--entry-ink-dim);
}

.entry-preview{
  --entry-preview-expand:0;
  position:relative;
  min-height:640px;
  border:1px solid var(--entry-line);
  border-radius:calc(var(--entry-radius) + 4px);
  background:linear-gradient(180deg, rgba(17,22,27,.42), rgba(17,22,27,.82));
  box-shadow:var(--entry-shadow);
  overflow:hidden;
  transform:
    translateY(calc(var(--entry-preview-expand) * -26px))
    scale(calc(1 + var(--entry-preview-expand) * .025));
  transition:transform .2s linear;
}

.entry-preview::before{
  content:"";
  position:absolute;
  inset:calc(22px - (var(--entry-preview-expand) * 8px));
  border:1px solid rgba(245,238,231,.08);
  border-radius:calc(26px - (var(--entry-preview-expand) * 6px));
  pointer-events:none;
}

.entry-preview-grid{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(245,238,231,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(245,238,231,.03) 1px, transparent 1px);
  background-size:54px 54px;
  opacity:.18;
}

.entry-stage-shader{
  position:absolute;
  inset:0;
  opacity:.96;
}

.entry-stage-shader canvas{
  display:block;
  width:100%!important;
  height:100%!important;
}

.entry-background-paths{
  position:absolute;
  inset:-6% -5%;
  pointer-events:none;
  opacity:.64;
}

.entry-background-paths.is-boot{
  inset:-10% -8%;
  opacity:.74;
}

.entry-floating-paths{
  position:absolute;
  inset:0;
}

.entry-floating-svg{
  width:100%;
  height:100%;
}

.entry-floating-path{
  stroke:rgba(245,238,231,.92);
  fill:none;
  stroke-linecap:round;
}

.entry-preview-head{
  position:absolute;
  top:24px;
  left:24px;
  right:24px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
  z-index:3;
}

.entry-panel-tag{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(245,238,231,.10);
  background:rgba(17,22,27,.60);
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--entry-ink-dim);
}

.entry-preview-note{
  max-width:320px;
  padding:12px 14px;
  border-radius:18px;
  border:1px solid rgba(245,238,231,.08);
  background:rgba(17,22,27,.52);
  font-size:12px;
  line-height:1.5;
  color:var(--entry-ink-dim);
  text-transform:uppercase;
  letter-spacing:.12em;
}

.entry-stage{
  position:absolute;
  inset:84px 22px 22px;
  border-radius:30px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 50%, rgba(236,114,90,.08), transparent 36%),
    linear-gradient(180deg, rgba(10,14,18,.18), rgba(10,14,18,.70));
  transform:
    translateY(calc(var(--entry-preview-expand) * -10px))
    scale(calc(1 + var(--entry-preview-expand) * .03));
  transform-origin:center center;
}

.entry-stage-depth{
  position:absolute;
  inset:6% 10% 10%;
  border:1px solid rgba(245,238,231,.06);
  border-radius:34px;
  background:radial-gradient(circle at 50% 34%, rgba(255,255,255,.03), transparent 46%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
  transform-style:preserve-3d;
}

.entry-stage-arc{
  position:absolute;
  left:50%;
  top:50%;
  width:58%;
  height:58%;
  margin-left:-29%;
  margin-top:-22%;
  border-radius:50%;
  border:1px solid rgba(236,114,90,.22);
  mask-image:radial-gradient(circle at center, transparent 54%, rgba(0,0,0,.92) 56%);
  opacity:.62;
}

.entry-stage-glow{
  position:absolute;
  inset:12% 24% 36% 18%;
  border-radius:999px;
  background:radial-gradient(circle at center, rgba(236,114,90,.18), rgba(236,114,90,.06) 38%, transparent 72%);
  filter:blur(24px);
  opacity:.9;
}

.entry-stage-grid-sweep{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(245,238,231,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(245,238,231,.03) 1px, transparent 1px);
  background-size:38px 38px;
  opacity:.18;
  mask-image:linear-gradient(180deg, transparent 0%, rgba(0,0,0,.95) 22%, rgba(0,0,0,.95) 100%);
}

.entry-stage-field{
  position:absolute;
  inset:0;
}

.entry-stage-svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.entry-stage-line{
  fill:none;
  stroke:rgba(245,238,231,.22);
  stroke-width:1.4;
  stroke-linecap:round;
}

.entry-stage-line.is-accent{
  stroke:rgba(236,114,90,.46);
}

.entry-stage-trace{
  fill:none;
  stroke:rgba(236,114,90,.84);
  stroke-width:2;
  stroke-linecap:round;
}

.entry-stage-dot{
  fill:rgba(245,238,231,.72);
}

.entry-stage-dot.is-accent{
  fill:rgba(236,114,90,.9);
}

.entry-stage-object-shell{
  position:absolute;
  left:50%;
  top:47%;
  width:128px;
  height:128px;
  margin-left:-64px;
  margin-top:-64px;
  z-index:3;
}

.entry-stage-object{
  position:absolute;
  inset:0;
  border-radius:34px;
  border:1px solid rgba(245,238,231,.18);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.01)),
    radial-gradient(circle at 32% 28%, rgba(245,238,231,.14), transparent 42%),
    rgba(12,16,20,.54);
  backdrop-filter:blur(18px);
  box-shadow:0 26px 60px rgba(0,0,0,.30);
}

.entry-stage-object-core{
  position:absolute;
  inset:38px;
  border-radius:18px;
  border:1px solid rgba(245,238,231,.28);
  background:rgba(245,238,231,.06);
}

.entry-stage-object-axis{
  position:absolute;
  left:50%;
  top:50%;
  background:rgba(236,114,90,.72);
  transform:translate(-50%,-50%);
}

.entry-stage-object-axis.is-x{
  width:94px;
  height:2px;
}

.entry-stage-object-axis.is-y{
  width:2px;
  height:94px;
  background:rgba(245,238,231,.24);
}

.entry-stage-mode-band{
  position:absolute;
  left:24px;
  right:24px;
  top:24px;
  display:flex;
  gap:8px;
  overflow:hidden;
  z-index:3;
  padding-right:340px;
}

.entry-stage-mode-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(245,238,231,.08);
  background:rgba(12,16,20,.42);
  color:var(--entry-ink-soft);
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:nowrap;
}

.entry-stage-mode-chip.is-active{
  background:rgba(236,114,90,.12);
  border-color:var(--entry-line-strong);
  color:var(--entry-ink);
}

.entry-stage-callout{
  position:absolute;
  left:24px;
  bottom:24px;
  z-index:3;
  max-width:min(368px,calc(100% - 380px));
  padding:18px 18px 20px;
  border-radius:24px;
  border:1px solid rgba(245,238,231,.08);
  background:linear-gradient(180deg, rgba(12,16,20,.72), rgba(12,16,20,.84));
  backdrop-filter:blur(16px);
}

.entry-stage-callout-kicker{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--entry-ink-soft);
}

.entry-stage-callout-title{
  margin-top:10px;
  font-size:28px;
  line-height:.98;
  letter-spacing:-.05em;
}

.entry-stage-callout-copy{
  margin-top:10px;
  font-size:14px;
  line-height:1.65;
  color:var(--entry-ink-dim);
}

.entry-preview .entry-stage-hud{
  position:absolute;
  right:24px;
  bottom:24px;
  display:grid;
  width:min(336px,calc(100% - 48px));
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  z-index:3;
}

.entry-stage-strata{
  position:absolute;
  inset:auto 0 30% 0;
  display:grid;
  gap:16px;
  z-index:1;
  opacity:.36;
}

.entry-stage-strata span{
  display:block;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(245,238,231,.16), rgba(236,114,90,.32), transparent);
}

.entry-story-shell .entry-stage-hud{
  position:absolute;
  left:24px;
  right:24px;
  bottom:24px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.entry-stage-hud-card{
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(245,238,231,.08);
  background:rgba(17,22,27,.62);
  backdrop-filter:blur(14px);
}

.entry-stage-hud-label{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--entry-ink-soft);
}

.entry-stage-hud-value{
  margin-top:10px;
  font-size:18px;
  font-weight:700;
  color:var(--entry-ink);
}

.entry-scroll-hint{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:26px;
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--entry-ink-soft);
}

.entry-scroll-line{
  display:inline-flex;
  flex:0 0 74px;
  height:1px;
  background:linear-gradient(90deg, rgba(236,114,90,.72), rgba(245,238,231,.10));
}

.entry-boot-row{
  display:grid;
  gap:10px;
  max-width:360px;
  margin-top:26px;
}

.entry-boot-label{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--entry-ink-soft);
}

.entry-boot-track{
  height:10px;
  border-radius:999px;
  border:1px solid rgba(245,238,231,.10);
  background:rgba(255,255,255,.03);
  overflow:hidden;
}

.entry-boot-fill{
  width:68%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, rgba(236,114,90,.96), rgba(245,238,231,.72));
  animation:entryBootPulse 1.6s var(--entry-ease) infinite;
  transform-origin:left center;
}

.entry-boot-fill.is-ready{
  width:100%;
  animation:none;
}

.entry-boot-fill.is-error{
  width:100%;
  animation:none;
  background:linear-gradient(90deg, rgba(255,138,76,.95), rgba(236,114,90,.75));
}

.entry-boot-grid{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(245,238,231,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(245,238,231,.03) 1px, transparent 1px);
  background-size:34px 34px;
  mask-image:radial-gradient(circle at center, rgba(0,0,0,.9), transparent 78%);
  opacity:.30;
}

.entry-boot-pulse{
  position:absolute;
  inset:18% 16%;
  border-radius:32px;
  border:1px solid rgba(236,114,90,.14);
  background:
    radial-gradient(circle at center, rgba(236,114,90,.24), transparent 36%),
    radial-gradient(circle at center, rgba(245,238,231,.10), transparent 62%);
  animation:entryBootDrift 4.2s ease-in-out infinite;
}

@keyframes entryBootPulse{
  0%,100%{transform:scaleX(.58);opacity:.82}
  50%{transform:scaleX(.94);opacity:1}
}

@keyframes entryBootDrift{
  0%,100%{transform:scale(.96);opacity:.72}
  50%{transform:scale(1.03);opacity:1}
}

.entry-story{
  padding:14vh 0 14vh;
}

.entry-story-grid{
  display:grid;
  grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr);
  gap:32px;
  align-items:start;
}

.entry-story-rail{
  position:sticky;
  top:110px;
  min-height:68vh;
}

.entry-story-shell{
  --entry-story-progress:0;
  position:relative;
  min-height:68vh;
  border:1px solid rgba(245,238,231,.08);
  border-radius:32px;
  padding:24px;
  background:linear-gradient(180deg, rgba(17,22,27,.54), rgba(17,22,27,.72));
  box-shadow:var(--entry-shadow);
  overflow:hidden;
  transform:translateY(calc(var(--entry-story-progress) * -8px));
}

.entry-story-shell::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(245,238,231,.03), transparent 42%, rgba(236,114,90,.05));
  pointer-events:none;
}

.entry-story-shell::after{
  content:"";
  position:absolute;
  inset:10% 12%;
  border-radius:30px;
  border:1px solid rgba(245,238,231,.04);
  background:radial-gradient(circle at 50% 36%, rgba(236,114,90,.06), transparent 52%);
  transform:scale(calc(.96 + var(--entry-story-progress) * .05));
  pointer-events:none;
}

.entry-story-progress{
  position:absolute;
  top:24px;
  right:24px;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.entry-story-progress-pill{
  width:10px;
  height:40px;
  border-radius:999px;
  background:rgba(245,238,231,.09);
  overflow:hidden;
}

.entry-story-progress-fill{
  width:100%;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(236,114,90,.94), rgba(245,238,231,.58));
  transform-origin:bottom;
}

.entry-story-visual-copy{
  position:absolute;
  left:24px;
  bottom:24px;
  max-width:300px;
}

.entry-story-visual-copy h3{
  font-size:26px;
  letter-spacing:-.04em;
}

.entry-story-visual-copy p{
  margin-top:10px;
  font-size:15px;
  line-height:1.6;
  color:var(--entry-ink-dim);
}

.entry-story-steps{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.entry-story-step{
  min-height:56vh;
  padding:34px clamp(18px,3vw,28px);
  border:1px solid rgba(245,238,231,.08);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(17,22,27,.40), rgba(17,22,27,.58));
  box-shadow:var(--entry-shadow);
}

.entry-story-step-index{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--entry-ink-soft);
}

.entry-story-step h4{
  margin-top:18px;
  font-size:clamp(32px,4.2vw,54px);
  line-height:.98;
  letter-spacing:-.05em;
  max-width:10ch;
}

.entry-story-step p{
  max-width:34rem;
  margin-top:18px;
  font-size:17px;
  line-height:1.7;
  color:var(--entry-ink-dim);
}

.entry-story-bullets{
  display:grid;
  gap:10px;
  margin-top:20px;
}

.entry-story-bullet{
  display:flex;
  gap:12px;
  font-size:14px;
  line-height:1.6;
  color:var(--entry-ink-dim);
}

.entry-story-bullet::before{
  content:"";
  flex:0 0 8px;
  height:8px;
  margin-top:8px;
  border-radius:50%;
  background:rgba(236,114,90,.92);
  box-shadow:0 0 0 8px rgba(236,114,90,.08);
}

.entry-modes{
  padding:clamp(96px,12vh,132px) 0 24px;
}

.entry-mode-theater{
  display:grid;
  gap:22px;
}

.entry-mode-orbit{
  --entry-orbit-card-width:286px;
  position:relative;
  min-height:282px;
  border:1px solid rgba(245,238,231,.08);
  border-radius:34px;
  background:
    radial-gradient(circle at 50% 0%, rgba(236,114,90,.08), transparent 42%),
    linear-gradient(180deg, rgba(17,22,27,.48), rgba(17,22,27,.66));
  box-shadow:var(--entry-shadow);
  overflow:hidden;
}

.entry-mode-orbit::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(245,238,231,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(245,238,231,.025) 1px, transparent 1px);
  background-size:48px 48px;
  opacity:.26;
  mask-image:radial-gradient(circle at center, rgba(0,0,0,.95), transparent 88%);
}

.entry-mode-orbit-gradient{
  position:absolute;
  inset:auto 0 0 0;
  height:50%;
  background:linear-gradient(180deg, transparent, rgba(12,16,20,.82));
  pointer-events:none;
}

.entry-mode-waves{
  position:absolute;
  inset:0;
  opacity:.72;
}

.entry-mode-orbit-card{
  position:absolute;
  top:26px;
  left:calc(50% - (var(--entry-orbit-card-width) / 2));
  width:var(--entry-orbit-card-width);
  min-height:154px;
  padding:18px 18px 20px;
  border:1px solid rgba(245,238,231,.08);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(12,16,20,.78), rgba(17,22,27,.92));
  color:var(--entry-ink);
  text-align:left;
  cursor:pointer;
  box-shadow:var(--entry-shadow);
  backdrop-filter:blur(16px);
}

.entry-mode-orbit-card.is-active{
  border-color:rgba(236,114,90,.32);
}

.entry-mode-orbit-index{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--entry-ink-soft);
}

.entry-mode-orbit-title{
  margin-top:14px;
  font-size:24px;
  line-height:.96;
  letter-spacing:-.05em;
}

.entry-mode-orbit-copy{
  margin-top:10px;
  font-size:11px;
  line-height:1.55;
  color:var(--entry-ink-dim);
  text-transform:uppercase;
  letter-spacing:.1em;
}

.entry-mode-orbit-foot{
  margin-top:18px;
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--entry-ink-soft);
}

.entry-mode-focus{
  padding:22px 22px 24px;
  border:1px solid rgba(245,238,231,.08);
  border-radius:30px;
  background:linear-gradient(180deg, rgba(17,22,27,.58), rgba(17,22,27,.82));
  box-shadow:var(--entry-shadow);
}

.entry-mode-focus-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}

.entry-mode-focus-kicker{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--entry-ink-soft);
}

.entry-mode-focus-title{
  margin-top:12px;
  font-size:clamp(34px,4vw,56px);
  line-height:.94;
  letter-spacing:-.05em;
}

.entry-mode-focus-copy{
  max-width:46rem;
  margin-top:14px;
  font-size:16px;
  line-height:1.75;
  color:var(--entry-ink-dim);
}

.entry-mode-nav{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.entry-mode-focus-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:20px;
}

.entry-mode-focus-stack{
  display:grid;
  gap:10px;
}

.entry-mode-focus-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border:1px solid rgba(245,238,231,.08);
  border-radius:18px;
  background:rgba(255,255,255,.03);
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--entry-ink-soft);
}

.entry-mode-focus-row strong{
  color:var(--entry-ink);
  font-size:12px;
  letter-spacing:.14em;
}

.entry-mode-focus-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px;
}

.entry-section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:26px;
}

.entry-section-title{
  font-size:clamp(32px,4.4vw,64px);
  line-height:.96;
  letter-spacing:-.05em;
}

.entry-section-kicker{
  margin-bottom:14px;
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--entry-ink-soft);
}

.entry-section-copy{
  max-width:30rem;
  font-size:16px;
  line-height:1.65;
  color:var(--entry-ink-dim);
}

.entry-mode-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.entry-mode-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:260px;
  padding:20px 18px 18px;
  border:1px solid rgba(245,238,231,.08);
  border-radius:26px;
  background:linear-gradient(180deg, rgba(17,22,27,.56), rgba(17,22,27,.74));
  box-shadow:var(--entry-shadow);
  overflow:hidden;
}

.entry-mode-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 14% 14%, rgba(236,114,90,.18), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.02), transparent 36%);
  opacity:.82;
  pointer-events:none;
}

.entry-mode-top{
  position:relative;
  z-index:1;
}

.entry-mode-kicker{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--entry-ink-soft);
}

.entry-mode-title{
  margin-top:16px;
  font-size:28px;
  line-height:1;
  letter-spacing:-.04em;
}

.entry-mode-copy{
  margin-top:12px;
  font-size:15px;
  line-height:1.65;
  color:var(--entry-ink-dim);
}

.entry-mode-meta{
  position:relative;
  z-index:1;
  display:grid;
  gap:8px;
  margin-top:18px;
}

.entry-mode-meta-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  letter-spacing:.04em;
  color:var(--entry-ink-soft);
}

.entry-mode-actions{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:auto;
  padding-top:18px;
}

.entry-chip-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(245,238,231,.08);
  background:rgba(255,255,255,.04);
  color:var(--entry-ink-dim);
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  transition:background .18s var(--entry-ease), border-color .18s var(--entry-ease), color .18s var(--entry-ease), transform .18s var(--entry-ease);
}

.entry-chip-btn:hover{
  background:rgba(236,114,90,.08);
  border-color:var(--entry-line-strong);
  color:var(--entry-ink);
}

.entry-drawer{
  margin-top:16px;
  padding:20px;
  border:1px solid rgba(245,238,231,.08);
  border-radius:30px;
  background:linear-gradient(180deg, rgba(17,22,27,.62), rgba(17,22,27,.82));
  box-shadow:var(--entry-shadow);
}

.entry-drawer-tabs{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.entry-drawer-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(245,238,231,.08);
  background:rgba(255,255,255,.03);
  color:var(--entry-ink-dim);
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background .2s var(--entry-ease), border-color .2s var(--entry-ease), color .2s var(--entry-ease);
}

.entry-drawer-tab.is-active{
  background:rgba(236,114,90,.12);
  border-color:var(--entry-line-strong);
  color:var(--entry-ink);
}

.entry-launch-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.entry-launch-item{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:132px;
  padding:16px;
  border:1px solid rgba(245,238,231,.08);
  border-radius:22px;
  background:rgba(255,255,255,.03);
}

.entry-launch-kicker{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--entry-ink-soft);
}

.entry-launch-title{
  font-size:22px;
  line-height:1.12;
  letter-spacing:-.04em;
}

.entry-launch-copy{
  font-size:14px;
  line-height:1.6;
  color:var(--entry-ink-dim);
}

.entry-launch-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;
}

.entry-empty{
  padding:18px 20px;
  border:1px dashed rgba(245,238,231,.12);
  border-radius:22px;
  color:var(--entry-ink-dim);
  font-size:15px;
  line-height:1.7;
}

.entry-preference-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:18px;
  padding:18px 20px;
  border:1px solid rgba(245,238,231,.08);
  border-radius:22px;
  background:rgba(255,255,255,.03);
}

.entry-preference-copy{
  font-size:14px;
  line-height:1.65;
  color:var(--entry-ink-dim);
}

.entry-toggle{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:12px;
  cursor:pointer;
  color:var(--entry-ink);
  font-size:14px;
  font-weight:600;
}

.entry-toggle input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.entry-toggle-track{
  position:relative;
  width:46px;
  height:26px;
  border-radius:999px;
  background:rgba(245,238,231,.16);
  border:1px solid rgba(245,238,231,.14);
  transition:background .18s var(--entry-ease), border-color .18s var(--entry-ease);
}

.entry-toggle-track::after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:var(--entry-ink);
  transition:transform .18s var(--entry-ease), background .18s var(--entry-ease);
}

.entry-toggle input:checked + .entry-toggle-track{
  background:rgba(236,114,90,.32);
  border-color:var(--entry-line-strong);
}

.entry-toggle input:checked + .entry-toggle-track::after{
  transform:translateX(20px);
  background:#1c1411;
}

.entry-transition-veil{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(13,17,22,.10), rgba(13,17,22,.70));
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  pointer-events:none;
}

.entry-transition-badge{
  position:absolute;
  left:50%;
  bottom:32px;
  transform:translateX(-50%);
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:12px 16px;
  border-radius:999px;
  border:1px solid rgba(245,238,231,.12);
  background:rgba(12,16,20,.82);
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--entry-ink);
  box-shadow:var(--entry-shadow);
}

.entry-transition-badge::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 0 8px rgba(236,114,90,.10);
}

.entry-session-toast{
  position:absolute;
  top:22px;
  left:22px;
  max-width:min(420px,calc(100vw - 44px));
  padding:16px 18px;
  border-radius:22px;
  border:1px solid rgba(245,238,231,.12);
  background:rgba(12,16,20,.82);
  color:var(--entry-ink);
  box-shadow:var(--entry-shadow);
  pointer-events:none;
}

.entry-session-kicker{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--entry-ink-soft);
}

.entry-session-title{
  margin-top:10px;
  font-size:22px;
  line-height:1.1;
  letter-spacing:-.04em;
}

.entry-session-copy{
  margin-top:8px;
  font-size:14px;
  line-height:1.6;
  color:var(--entry-ink-dim);
}

.entry-footer-space{
  height:14vh;
}

.entry-waves{
  position:relative;
  overflow:hidden;
  --entry-wave-x:50%;
  --entry-wave-y:50%;
}

.entry-waves-svg{
  display:block;
  width:100%;
  height:100%;
}

.entry-waves-pointer{
  position:absolute;
  left:0;
  top:0;
  width:.46rem;
  height:.46rem;
  border-radius:50%;
  background:rgba(245,238,231,.92);
  box-shadow:0 0 0 10px rgba(236,114,90,.06);
  transform:translate3d(calc(var(--entry-wave-x) - 50%), calc(var(--entry-wave-y) - 50%), 0);
  pointer-events:none;
}

@media (max-width:1180px){
  .entry-hero{
    grid-template-columns:1fr;
  }

  .entry-hero-atmosphere{
    inset:-4vh -8vw 8% -6vw;
  }

  .entry-preview{
    min-height:520px;
  }

  .entry-stage-mode-band{
    padding-right:24px;
  }

  .entry-stage-callout{
    max-width:min(360px,calc(100% - 48px));
  }

  .entry-story-grid{
    grid-template-columns:1fr;
  }

  .entry-story-rail{
    position:relative;
    top:auto;
    min-height:auto;
  }

  .entry-story-shell{
    min-height:540px;
  }

  .entry-mode-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .entry-mode-focus-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:820px){
  .entry-content{
    padding:18px 16px 32px;
  }

  .entry-nav{
    top:12px;
    padding:12px 14px;
    border-radius:26px;
  }

  .entry-nav-actions{
    width:100%;
    justify-content:flex-start;
  }

  .entry-hero{
    min-height:auto;
    padding-top:32px;
  }

  .entry-hero-atmosphere{
    inset:-8vh -16vw 10% -16vw;
    opacity:.72;
  }

  .entry-hero-meta{
    grid-template-columns:1fr;
  }

  .entry-preview{
    min-height:420px;
  }

  .entry-stage{
    inset:78px 16px 16px;
  }

  .entry-stage-arc{
    width:86%;
    height:52%;
    margin-left:-43%;
  }

  .entry-preview .entry-stage-hud{
    position:static;
    width:auto;
    margin:190px 14px 14px;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .entry-story-shell .entry-stage-hud{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .entry-preview-head{
    flex-direction:column;
    align-items:flex-start;
    right:16px;
    left:16px;
  }

  .entry-preview-note{
    max-width:none;
  }

  .entry-stage-mode-band{
    position:static;
    padding:16px 16px 0;
    flex-wrap:wrap;
    overflow:visible;
  }

  .entry-stage-object-shell{
    top:44%;
    width:106px;
    height:106px;
    margin-left:-53px;
    margin-top:-53px;
  }

  .entry-stage-callout{
    position:static;
    max-width:none;
    margin:0 14px 14px;
  }

  .entry-mode-orbit{
    --entry-orbit-card-width:228px;
    min-height:238px;
  }

  .entry-mode-orbit-card{
    top:14px;
    min-height:132px;
  }

  .entry-mode-focus-head{
    flex-direction:column;
    align-items:flex-start;
  }

  .entry-section-head{
    flex-direction:column;
    align-items:flex-start;
  }

  .entry-mode-grid,
  .entry-launch-list{
    grid-template-columns:1fr;
  }

  .entry-preference-bar{
    flex-direction:column;
    align-items:flex-start;
  }

  .entry-waves-pointer{
    display:none;
  }
}

@media (prefers-reduced-motion: reduce){
  body.entry-active #sidebar,
  body.entry-active #sidebar-resizer,
  body.entry-active #main,
  body.entry-active #main canvas,
  body.entry-entering #sidebar,
  body.entry-entering #sidebar-resizer,
  body.entry-entering #main,
  body.entry-entering #main canvas{
    transition:none;
    transform:none;
    filter:none;
  }

  .entry-pill-btn,
  .entry-chip-btn,
  .entry-ghost-btn,
  .entry-primary-btn,
  .entry-toggle-track,
  .entry-toggle-track::after,
  .entry-boot-fill,
  .entry-boot-pulse,
  .entry-preview,
  .entry-stage,
  .entry-story-shell{
    transition:none;
    animation:none;
  }

  .entry-preview,
  .entry-stage,
  .entry-story-shell{
    transform:none;
  }
}
