/* Cocoon V214 production bundle. Concatenated in source cascade order. */

/* --- assets/css/home-v144.css --- */
:root{--v144-ink:#1a1022;--v144-purple:#2f1046;--v144-lav:#a878d5;--v144-soft:#f7f2fb;--v144-line:rgba(54,22,75,.13)}
.v144-hero .hero-copy h1{max-width:760px;font-size:clamp(48px,6vw,88px);line-height:.98;letter-spacing:-.055em}.v144-hero .hero-subhead{max-width:700px}.v144-hero .hero-support{max-width:650px}
.v144-section,.v144-story-intro,.v144-final{position:relative;padding:clamp(78px,10vw,148px) 24px;background:#fff;color:var(--v144-ink)}.v144-wrap{width:min(1180px,100%);margin:0 auto}.v144-two-col{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(44px,7vw,110px);align-items:start}.v144-section h2,.v144-story-intro h2,.v144-final h2{margin:0;font-family:"Playfair Display",Georgia,serif;font-weight:500;font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.045em}.v144-section h3{font-size:22px;line-height:1.2;margin:10px 0 12px}.v144-section p,.v144-story-intro p,.v144-final p{font-size:18px;line-height:1.65}.v144-lead{font-size:clamp(19px,2vw,24px)!important;line-height:1.55!important;color:#4b3b52}.v144-lead.narrow{max-width:800px}.v144-text-link,.v144-feature-grid a{display:inline-flex;margin-top:18px;font-weight:800;color:#4c176d;text-decoration:none}.v144-centre{text-align:center;margin-top:42px}
.v144-recognition{background:linear-gradient(180deg,#fff 0%,#f7f1fb 100%)}.v144-card-grid{display:grid;gap:16px}.v144-card-grid article,.v144-steps article,.v144-feature-grid article,.v144-trust-grid article,.v144-learning-grid article{padding:28px;border:1px solid var(--v144-line);border-radius:24px;background:rgba(255,255,255,.82);box-shadow:0 18px 54px rgba(50,17,72,.07)}.v144-card-grid span,.v144-feature-grid>article>span{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:900;color:#7b4a9b}
.v144-mechanism{background:#16081f;color:#fff}.v144-mechanism .v144-lead{color:rgba(255,255,255,.72)}.v144-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:44px}.v144-steps article{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:none}.v144-steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#b98be7;color:#18091f}.v144-steps p{font-size:15px;color:rgba(255,255,255,.7)}
.v144-story-intro{text-align:center;background:linear-gradient(135deg,#3b1254,#16081f);color:#fff}.v144-story-intro p{max-width:760px;margin:20px auto;color:rgba(255,255,255,.78)}.v144-story-intro .hero-actions{justify-content:center}
.v144-definition{background:#fbf8fc}.v144-note{padding:18px 20px;border-left:3px solid #9d6bc6;background:#f2e9f8}.v144-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}.v144-compare article{padding:32px;border-radius:26px;background:#fff;border:1px solid var(--v144-line)}.v144-compare article.featured{background:#2b0d3e;color:#fff}.v144-compare ul{margin:20px 0 0;padding-left:20px}.v144-compare li{margin:14px 0;line-height:1.45}
.v144-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:44px}.v144-feature-grid article:last-child{grid-column:1/-1}.v144-relationships{background:#f5eef9}.v144-relationship-list{display:grid;gap:12px}.v144-relationship-list article{display:grid;grid-template-columns:140px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--v144-line)}.v144-control{background:#190a23;color:#fff}.v144-control .v144-lead{color:rgba(255,255,255,.72)}.v144-permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.v144-permission-grid article{padding:34px;border-radius:24px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}.v144-permission-grid span{font:500 36px/1 "Playfair Display",Georgia,serif}.v144-permission-grid p{font-size:16px;color:rgba(255,255,255,.72)}
.v144-learning-grid,.v144-trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.v144-trust{background:#f8f4fa}.v144-business{background:#fff}.v144-offer{background:linear-gradient(135deg,#1d0a29,#42145d);color:#fff}.v144-offer-card{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center}.v144-offer-card p{color:rgba(255,255,255,.75)}.v144-offer-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.v144-offer-points span{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.09);font-size:13px}.v144-offer-actions{display:grid;gap:12px;min-width:250px}.v144-section.faq-section details{max-width:900px;margin:0 auto;border-bottom:1px solid var(--v144-line);padding:20px 0}.v144-section.faq-section summary{font-weight:800;font-size:19px;cursor:pointer}.v144-final{text-align:center;background:#110719;color:#fff}.v144-final p{max-width:700px;margin:22px auto;color:rgba(255,255,255,.75)}.v144-final .hero-actions{justify-content:center}.v144-final small{display:block;margin-top:26px;color:rgba(255,255,255,.58)}
@media(max-width:900px){.v144-two-col,.v144-offer-card{grid-template-columns:1fr}.v144-steps{grid-template-columns:1fr 1fr}.v144-feature-grid{grid-template-columns:1fr}.v144-feature-grid article:last-child{grid-column:auto}.v144-permission-grid{grid-template-columns:1fr}.v144-offer-actions{min-width:0}}
@media(max-width:620px){.v144-section,.v144-story-intro,.v144-final{padding:72px 20px}.v144-hero .hero-copy h1{font-size:46px}.v144-steps,.v144-compare,.v144-learning-grid,.v144-trust-grid{grid-template-columns:1fr}.v144-relationship-list article{grid-template-columns:1fr;gap:6px}.v144-card-grid article,.v144-feature-grid article{padding:22px}.v144-story-intro .hero-actions,.v144-final .hero-actions{flex-direction:column;align-items:stretch}}


/* --- assets/css/home-v152.css --- */
/* V151: retain the complete V144 homepage; contain only the original story scenes. */
.v151-story-shell{
  position:relative;
  width:100%;
  height:calc(100svh - 76px);
  min-height:680px;
  overflow:hidden;
  background:#100019;
  isolation:isolate;
}
.v151-story-stage{position:relative;width:100%;height:100%;overflow:hidden}
.v151-story-stage>.story-scene{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:none!important;
  overflow:hidden;
  transition:opacity .55s ease,visibility 0s linear .55s;
}
.v151-story-stage>.story-scene.v151-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  z-index:2;
  transition:opacity .55s ease;
}
.v151-story-stage>.story-scene .bg,
.v151-story-stage>.story-scene .bg img{height:100%!important;min-height:0!important}
.v151-story-stage>.story-scene .bg img{width:100%;object-fit:cover}
body.v151-story-mode .scene-progress{display:flex!important;position:fixed!important;top:88px!important;z-index:120!important}
body.v151-story-mode .section-jump{display:flex!important;z-index:120!important}
body.v151-story-mode .control-bar{display:flex!important;z-index:130!important;bottom:18px!important}
/* Controls remain available whenever the story frame is visible/started. */
body.story-started .control-bar, body.story-started .section-jump, body.story-started .scene-progress{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
@media (max-width:900px){
 .v151-story-shell{height:calc(100svh - 64px);min-height:620px}
 .v151-story-stage>.story-scene .scene-content{max-height:calc(100% - 116px);overflow:auto}
 body.v151-story-mode .scene-progress{top:72px!important}
 body.v151-story-mode .control-bar{bottom:8px!important}
}
/* V152: ensure hero CTAs sit above decorative layers and remain clickable. */
.v144-hero .hero-copy,.v144-hero .hero-actions{position:relative;z-index:8}
.v144-hero .hero-actions .button{pointer-events:auto}
.v144-hero .hero-backdrop,.v144-hero .hero-statement{pointer-events:none}
#v144-capabilities{scroll-margin-top:88px}
#story-frame{scroll-margin-top:72px}


/* --- assets/css/story-v154-copy-review.css --- */

/* V154 — nine-scene copy and flow review. Final graphics/VO intentionally pending. */
.story-audio-intro{display:none!important}
.v154-temp-graphic{position:absolute;right:clamp(4%,8vw,11%);top:50%;transform:translateY(-50%);z-index:7;display:flex;flex-direction:column;gap:12px;max-width:min(34vw,430px);pointer-events:none}
.v154-temp-graphic span{display:block;padding:13px 17px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(28,15,48,.54);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(14,6,24,.22);color:#fff;font-size:clamp(.76rem,1vw,.95rem);line-height:1.25;letter-spacing:.01em;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}
.story-scene.v151-active .v154-temp-graphic span{opacity:1;transform:none}
.story-scene.v151-active .v154-temp-graphic span:nth-child(2){transition-delay:.15s}.story-scene.v151-active .v154-temp-graphic span:nth-child(3){transition-delay:.3s}.story-scene.v151-active .v154-temp-graphic span:nth-child(4){transition-delay:.45s}
.v154-temp-graphic-5 span:nth-child(1),.v154-temp-graphic-6 span:last-child,.v154-temp-graphic-7 span:last-child{border-color:rgba(198,168,255,.55)}
.v154-temp-graphic-8 span:last-child{border-color:rgba(246,183,91,.75);background:rgba(98,52,21,.58)}
.v154-temp-graphic-9 span:nth-child(2){border-color:rgba(246,183,91,.75)}
@media(max-width:820px){.v154-temp-graphic{right:6%;left:6%;top:auto;bottom:90px;transform:none;max-width:none;flex-direction:row;flex-wrap:wrap;gap:7px}.v154-temp-graphic span{padding:8px 11px;font-size:.7rem}.story-scene .scene-content{padding-bottom:180px!important}}


/* --- assets/css/home-v156-fixes.css --- */
/* V156 interaction and pre-start state fixes */
.v144-hero .hero-copy,.v144-hero .hero-actions,.site-header,.top-nav{position:relative;z-index:50}
.v144-hero .hero-actions .button,.site-header a,.top-nav a{pointer-events:auto!important}
.v144-hero .hero-backdrop,.v144-hero .hero-statement{pointer-events:none!important}
/* Do not visually animate or expose player controls until audio choice is confirmed. */
body:not(.story-authorised) .v151-story-stage .story-scene{animation-play-state:paused!important}
body:not(.story-authorised) .control-bar,
body:not(.story-authorised) .section-jump,
body:not(.story-authorised) .scene-progress{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
body.story-authorised .control-bar,
body.story-authorised .section-jump,
body.story-authorised .scene-progress{opacity:1!important;visibility:visible!important;pointer-events:auto!important}


/* --- assets/css/story-v160-audio-gate-fix.css --- */
/* V160: restore the audio-choice gate hidden by the temporary V154 review stylesheet. */
.story-audio-intro {
  display: grid !important;
}
.story-audio-intro:not(.is-open) {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.story-audio-intro.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}


/* --- assets/css/home-v161-story-controls.css --- */
/* V161 story controls and timed caption polish */
@media (min-width: 901px){
  html body .control-bar{
    left:50%!important;
    right:auto!important;
    bottom:clamp(18px,2.4vh,30px)!important;
    transform:translateX(-50%)!important;
    width:min(1120px,calc(100vw - 64px))!important;
    min-height:68px!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:auto minmax(300px,1fr)!important;
    align-items:center!important;
    gap:18px!important;
    padding:9px 14px 9px 10px!important;
    border-radius:26px!important;
    background:linear-gradient(135deg,rgba(29,10,43,.88),rgba(15,5,27,.93))!important;
    border:1px solid rgba(225,190,255,.22)!important;
    box-shadow:0 18px 50px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08)!important;
    backdrop-filter:blur(22px) saturate(120%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(120%)!important;
    overflow:hidden!important;
  }
  html body .control-bar::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    background:linear-gradient(105deg,rgba(183,105,255,.08),transparent 38%,rgba(255,255,255,.025));
  }
  html body .control-bar button{
    position:relative!important;
    z-index:1!important;
    width:auto!important;
    min-width:46px!important;
    height:46px!important;
    min-height:46px!important;
    padding:0 15px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.07)!important;
    border:1px solid rgba(255,255,255,.13)!important;
    color:rgba(255,255,255,.92)!important;
    font-size:.92rem!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
    transition:background .2s ease,border-color .2s ease,transform .2s ease!important;
  }
  html body .control-bar button:hover,
  html body .control-bar button:focus-visible{
    background:rgba(164,82,232,.22)!important;
    border-color:rgba(219,173,255,.36)!important;
    transform:translateY(-1px)!important;
  }
  html body .control-bar [data-prev],
  html body .control-bar [data-next]{font-size:1.55rem!important;padding:0!important;width:46px!important;}
  html body .control-bar [data-play]{
    min-width:58px!important;
    background:linear-gradient(145deg,rgba(150,65,225,.72),rgba(91,36,137,.82))!important;
    border-color:rgba(229,190,255,.3)!important;
  }
  html body .control-bar [data-replay]{min-width:78px!important;}
  html body .control-bar [data-mute]{min-width:72px!important;}
  html body .control-bar p{
    position:relative!important;
    z-index:1!important;
    grid-column:2!important;
    grid-row:1!important;
    order:initial!important;
    margin:0!important;
    min-height:2.7em!important;
    max-height:none!important;
    padding:3px 4px 3px 20px!important;
    border-left:1px solid rgba(255,255,255,.12)!important;
    display:flex!important;
    align-items:center!important;
    font-size:clamp(1rem,1.15vw,1.12rem)!important;
    line-height:1.42!important;
    font-weight:500!important;
    letter-spacing:.002em!important;
    color:rgba(255,250,255,.9)!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    text-align:left!important;
    transition:opacity .16s ease,transform .16s ease!important;
  }
  html body .control-bar p.caption-changing{opacity:.18!important;transform:translateY(3px)!important;}
  html body .control-bar button:nth-of-type(1){grid-column:1;}
  html body .control-bar{grid-auto-flow:column;}
  /* Keep all five controls together in the first grid area. */
  html body .control-bar button{grid-row:1!important;}
  html body .control-bar button:nth-of-type(1){grid-column:1!important;}
  html body .control-bar button:nth-of-type(2){grid-column:2!important;}
  html body .control-bar button:nth-of-type(3){grid-column:3!important;}
  html body .control-bar button:nth-of-type(4){grid-column:4!important;}
  html body .control-bar button:nth-of-type(5){grid-column:5!important;}
  html body .control-bar p{grid-column:6!important;}
  html body .control-bar{grid-template-columns:46px 58px 78px 46px 72px minmax(300px,1fr)!important;gap:8px!important;}
  html body .control-bar p{margin-left:8px!important;}
}
@media (max-width:900px){
  html body .control-bar p{
    display:flex!important;
    grid-column:1/-1!important;
    order:-1!important;
    min-height:2.8em!important;
    max-height:3.2em!important;
    padding:.28rem .55rem .42rem!important;
    font-size:.91rem!important;
    line-height:1.34!important;
    font-weight:500!important;
    color:rgba(255,250,255,.9)!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    text-align:center!important;
    align-items:center!important;
    justify-content:center!important;
  }
  html body .control-bar p.caption-changing{opacity:.18!important;}
}


/* --- assets/css/story-v164-all-scene-visuals.css --- */
/* V162 coded graphic prototypes — scenes 2, 5 and 6 */
.cocoon-visual{position:absolute;z-index:5;pointer-events:none;color:#fff;font-family:Inter,system-ui,sans-serif}
.scene-2 .v154-temp-graphic,.scene-5 .v154-temp-graphic,.scene-6 .v154-temp-graphic{display:none!important}

/* Shared glass language */
.cocoon-visual b,.cocoon-visual h3{font-family:Inter,system-ui,sans-serif}

/* Scene 2: one interruption multiplies into mental decisions */
.decision-fragments-visual{
  right:2.6vw;
  top:14vh;
  width:min(27vw,430px);
  height:min(62vh,560px);
  overflow:visible;
}
.decision-incoming{
  position:absolute;
  right:17%;
  top:4%;
  display:flex;
  align-items:center;
  gap:11px;
  color:rgba(255,255,255,.66);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  opacity:0;
  transform:translateY(-10px);
}
.decision-incoming-pulse{
  position:relative;
  width:13px;
  height:13px;
  border-radius:50%;
  background:#b971ff;
  box-shadow:0 0 0 8px rgba(185,113,255,.10),0 0 28px rgba(164,77,255,.72);
}
.decision-incoming-pulse:after{
  content:"";
  position:absolute;
  inset:-10px;
  border:1px solid rgba(203,151,255,.42);
  border-radius:50%;
  animation:v163IncomingPulse 2.1s ease-in-out infinite;
}
.decision-thought{
  position:absolute;
  right:0;
  color:rgba(255,249,246,.93);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.12rem,1.35vw,1.48rem);
  line-height:1.08;
  letter-spacing:-.018em;
  opacity:0;
  transform:translateX(18px) translateY(8px);
  text-shadow:0 8px 28px rgba(0,0,0,.48),0 0 22px rgba(151,76,226,.18);
  white-space:nowrap;
}
.decision-thought:before{
  content:"";
  display:inline-block;
  width:24px;
  height:1px;
  margin:0 11px 6px 0;
  background:linear-gradient(90deg,rgba(190,122,255,.08),rgba(218,183,255,.72));
}
.decision-thought.thought-1{top:19%;right:6%}
.decision-thought.thought-2{top:33%;right:21%}
.decision-thought.thought-3{top:47%;right:2%}
.decision-thought.thought-4{top:61%;right:17%}
.decision-thought.thought-5{top:75%;right:0}
.decision-unresolved{
  position:absolute;
  right:24%;
  bottom:1%;
  display:flex;
  align-items:center;
  gap:13px;
  opacity:0;
  transform:translateY(12px) scale(.94);
}
.decision-unresolved-core{
  position:relative;
  width:22px;
  height:22px;
  border-radius:50%;
  background:radial-gradient(circle at 38% 32%,#e4c4ff 0 10%,#bd75ff 32%,#7d36d2 72%,rgba(80,22,125,.8) 100%);
  box-shadow:0 0 0 10px rgba(179,100,255,.08),0 0 34px rgba(169,83,255,.66);
}
.decision-unresolved-core:after{
  content:"";
  position:absolute;
  inset:-13px;
  border:1px solid rgba(211,164,255,.36);
  border-radius:50%;
}
.decision-unresolved small{
  font-size:11px;
  line-height:1.35;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,.7);
}
.v151-active .decision-incoming{animation:v163ThoughtIn .75s .35s both}
.v151-active .thought-1{animation:v163ThoughtIn .68s 1.35s both,v163ThoughtSoften .75s 7.15s forwards}
.v151-active .thought-2{animation:v163ThoughtIn .68s 2.18s both,v163ThoughtSoften .75s 7.3s forwards}
.v151-active .thought-3{animation:v163ThoughtIn .68s 3.01s both,v163ThoughtSoften .75s 7.45s forwards}
.v151-active .thought-4{animation:v163ThoughtIn .68s 3.84s both,v163ThoughtSoften .75s 7.6s forwards}
.v151-active .thought-5{animation:v163ThoughtIn .68s 4.67s both,v163ThoughtSoften .75s 7.75s forwards}
.v151-active .decision-incoming{animation:v163ThoughtIn .75s .35s both,v163IncomingFade .7s 7s forwards}
.v151-active .decision-unresolved{animation:v163UnresolvedIn .82s 7.85s both}

@keyframes v163ThoughtIn{to{opacity:1;transform:translateX(0) translateY(0)}}
@keyframes v163ThoughtSoften{to{opacity:.08;filter:blur(5px);transform:translateX(-18px) scale(.97)}}
@keyframes v163IncomingFade{to{opacity:.08;filter:blur(4px)}}
@keyframes v163UnresolvedIn{to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes v163IncomingPulse{0%,100%{transform:scale(.72);opacity:.22}50%{transform:scale(1.18);opacity:.76}}

/* Scene 5: permission lanes */
.permission-visual{right:5vw;top:15vh;width:min(45vw,690px);padding:24px;border:1px solid rgba(231,209,255,.2);border-radius:28px;background:linear-gradient(145deg,rgba(27,8,46,.62),rgba(12,4,24,.46));backdrop-filter:blur(18px);box-shadow:0 24px 70px rgba(0,0,0,.25);opacity:0;transform:translateY(18px)}
.permission-heading{margin:0 0 18px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#dcbaff}
.permission-lane{position:relative;display:grid;grid-template-columns:145px 1fr 110px;align-items:center;gap:14px;min-height:98px;padding:13px 16px;margin-top:10px;border-radius:19px;border:1px solid rgba(255,255,255,.09);overflow:hidden}
.permission-lane:before{content:"";position:absolute;left:170px;right:105px;top:50%;height:1px;background:rgba(255,255,255,.15)}
.lane-title{display:grid;grid-template-columns:12px 1fr;column-gap:9px;align-items:center}.lane-title>span{grid-row:1/3;width:10px;height:10px;border-radius:50%}.lane-title b{font-size:16px}.lane-title small{font-size:11px;color:rgba(255,255,255,.56)}
.lane-approved{background:rgba(86,178,151,.075)}.lane-approved .lane-title>span{background:#8ae4c6;box-shadow:0 0 15px #62caa9}.lane-ask{background:rgba(212,158,73,.075)}.lane-ask .lane-title>span{background:#ffc56e;box-shadow:0 0 15px #e6a345}.lane-never{background:rgba(126,104,148,.08)}.lane-never .lane-title>span{background:#9d8baa}
.permission-signal{position:relative;z-index:1;display:inline-flex;align-items:center;gap:9px;width:max-content;max-width:100%;padding:9px 13px;border-radius:999px;background:rgba(17,6,29,.86);border:1px solid rgba(255,255,255,.13);opacity:0;transform:translateX(-20px)}
.permission-signal i{width:8px;height:8px;border-radius:50%;background:#c281ff;box-shadow:0 0 12px #a44dff}.permission-signal em{font-style:normal;font-size:12px;white-space:nowrap}
.lane-result{position:relative;z-index:1;justify-self:end;font-size:12px;font-weight:700;opacity:0}.lane-approved .lane-result{color:#9cebd0}.lane-ask .lane-result{color:#ffd18a}
.lane-stop{position:relative;z-index:1;justify-self:center;width:32px;height:32px;border:1px solid rgba(196,177,210,.45);border-radius:50%;opacity:0}.lane-stop:before{content:"";position:absolute;left:7px;right:7px;top:15px;height:1px;background:#c1accf;transform:rotate(-45deg)}
.v151-active .permission-visual{animation:v162Panel .7s .45s both}
.v151-active .lane-approved .permission-signal{animation:v162Travel 1.25s 1.25s both}.v151-active .lane-approved .lane-result{animation:v162FadeIn .4s 2.25s both}
.v151-active .lane-ask .permission-signal{animation:v162Travel 1.25s 3.35s both}.v151-active .lane-ask .lane-result{animation:v162FadeIn .4s 4.35s both}
.v151-active .lane-never .permission-signal{animation:v162TravelStop 1.15s 5.45s both}.v151-active .lane-never .lane-stop{animation:v162Stop .5s 6.25s both}

/* Scene 6: incoming call to outcome */
.call-visual{right:5vw;top:13vh;width:min(45vw,680px);height:min(62vh,560px)}
.call-signal{position:absolute;top:0;left:0;display:flex;align-items:center;gap:10px;padding:10px 15px;border-radius:999px;background:rgba(20,7,35,.66);border:1px solid rgba(231,210,255,.24);backdrop-filter:blur(14px);opacity:0}
.call-pulse{position:absolute;left:18px;width:19px;height:19px;border:1px solid #c081ff;border-radius:50%;animation:v162Pulse 1.8s infinite}.call-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#a851ef}.call-signal em{font-style:normal;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.call-card{position:absolute;width:min(100%,470px);padding:20px;border-radius:24px;border:1px solid rgba(238,220,255,.25);background:linear-gradient(145deg,rgba(34,11,56,.86),rgba(15,6,27,.76));backdrop-filter:blur(20px);box-shadow:0 24px 65px rgba(0,0,0,.3)}
.call-card-incoming{left:0;top:70px;opacity:0;transform:translateY(18px)}
.card-topline{display:flex;align-items:center;gap:13px}.caller-avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:linear-gradient(135deg,#b766f2,#6f40bd);font-size:12px;font-weight:800}.card-topline b,.card-topline small{display:block}.card-topline b{font-size:16px}.card-topline small{margin-top:2px;font-size:11px;color:rgba(255,255,255,.56)}
.call-card p{font-size:14px;line-height:1.5;color:rgba(255,255,255,.76)}.card-status{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:#d9bdf2}.card-status span{width:8px;height:8px;border-radius:50%;background:#8fe0c5;box-shadow:0 0 12px #74cbae}
.call-route{position:absolute;left:32px;top:278px;display:flex;align-items:center;width:390px;opacity:0}.call-route>span{width:10px;height:10px;border-radius:50%;background:#bb77fa;box-shadow:0 0 14px #a751ef}.call-route>i{flex:1;height:1px;margin:0 12px;background:linear-gradient(90deg,#b76bf5,rgba(183,107,245,.12));position:relative}.call-route>i:after{content:"";position:absolute;right:0;top:-3px;border-left:6px solid #b76bf5;border-top:3px solid transparent;border-bottom:3px solid transparent}.call-route>b{font-size:11px;color:rgba(255,255,255,.65);white-space:nowrap}
.call-card-outcome{right:0;bottom:0;display:flex;gap:16px;align-items:flex-start;opacity:0;transform:translateY(20px) scale(.96)}
.outcome-check{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:50%;background:rgba(91,190,153,.17);border:1px solid rgba(136,229,193,.5);color:#9ce7ca;font-size:23px}.call-card-outcome small{display:block;color:#bfa4d2;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.call-card-outcome h3{margin:6px 0 2px;font-size:21px}.call-card-outcome p{margin:0 0 9px}.call-card-outcome strong{font-size:12px;color:#9ce7ca}
.v151-active .call-signal{animation:v162FadeIn .5s .4s both}
.v151-active .call-card-incoming{animation:v162Panel .65s 1.15s both,v162CardOut .55s 7.2s forwards}
.v151-active .call-route{animation:v162FadeIn .55s 5.2s both,v162FadeOut .4s 8.0s forwards}
.v151-active .call-card-outcome{animation:v162Resolve .75s 8.15s both}

@keyframes v162Draw{to{stroke-dashoffset:0}}
@keyframes v162FadeIn{from{opacity:0}to{opacity:1}}
@keyframes v162FadeOut{to{opacity:0}}
@keyframes v162Label{to{opacity:1;transform:translateX(0)}}
@keyframes v162Resolve{to{opacity:1;transform:scale(1) translateY(0)}}
@keyframes v162Panel{to{opacity:1;transform:translateY(0)}}
@keyframes v162Travel{0%{opacity:0;transform:translateX(-20px)}20%{opacity:1}100%{opacity:1;transform:translateX(95px)}}
@keyframes v162TravelStop{0%{opacity:0;transform:translateX(-20px)}20%{opacity:1}100%{opacity:1;transform:translateX(62px)}}
@keyframes v162Stop{0%{opacity:0;transform:scale(.6)}65%{opacity:1;transform:scale(1.12)}100%{opacity:1;transform:scale(1)}}
@keyframes v162CardOut{to{opacity:.18;transform:translateY(-8px) scale(.96);filter:blur(1px)}}
@keyframes v162Pulse{0%,100%{transform:scale(.75);opacity:.25}50%{transform:scale(1.35);opacity:.85}}

@media (max-width:900px){
 .decision-fragments-visual,.permission-visual,.call-visual{right:5vw;left:5vw;width:auto;top:auto;bottom:clamp(105px,15vh,145px)}
 .decision-fragments-visual{height:43vh}.decision-thought{font-size:clamp(.95rem,4vw,1.15rem)}.decision-thought:before{width:16px;margin-right:7px}.decision-incoming{right:7%;font-size:9px}.decision-unresolved{right:9%}.decision-unresolved small{font-size:9px}
 .permission-visual{padding:14px;border-radius:20px}.permission-heading{margin-bottom:8px}.permission-lane{grid-template-columns:95px 1fr 74px;min-height:69px;padding:8px;gap:6px}.permission-lane:before{left:110px;right:70px}.lane-title b{font-size:12px}.lane-title small{font-size:9px}.permission-signal{padding:6px 8px}.permission-signal em{font-size:9px}.lane-result{font-size:9px}
 .call-visual{height:46vh}.call-card{width:88%;padding:14px;border-radius:18px}.call-card-incoming{top:52px}.call-route{top:220px;width:72%}.call-card-outcome{bottom:0}.call-card-outcome h3{font-size:16px}.call-card p{font-size:11px}.card-topline b{font-size:13px}
}
@media (prefers-reduced-motion:reduce){.cocoon-visual *{animation-duration:.01ms!important;animation-delay:0s!important}}

/* V164 — all-scene coded visual review */
.scene-1 .v154-temp-graphic,.scene-3 .v154-temp-graphic,.scene-4 .v154-temp-graphic,.scene-7 .v154-temp-graphic,.scene-8 .v154-temp-graphic,.scene-9 .v154-temp-graphic{display:none!important}

/* Scene 1 — demands approach the protected moment */
.arrival-visual{right:4vw;top:13vh;width:min(46vw,700px);height:min(66vh,590px)}
.arrival-boundary{position:absolute;inset:2% 0 0 17%;border-left:2px solid rgba(190,112,255,.75);border-radius:50%;filter:drop-shadow(0 0 15px rgba(166,76,245,.7));opacity:0}
.arrival-signal{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 17px;border:1px solid rgba(229,209,247,.19);border-radius:999px;background:rgba(22,7,37,.62);backdrop-filter:blur(14px);font-size:13px;color:rgba(255,255,255,.86);opacity:0;transform:translateX(45px)}
.arrival-signal i{width:11px;height:11px;border-radius:50%;background:#bd74ff;box-shadow:0 0 18px rgba(182,96,255,.85)}
.arrival-call{right:2%;top:10%}.arrival-message{right:13%;top:31%}.arrival-appointment{right:0;top:53%}.arrival-important{right:20%;top:75%;border-color:rgba(255,193,102,.35)}.arrival-important i{background:#ffc46f;box-shadow:0 0 22px rgba(255,180,77,.78)}
.arrival-caption{position:absolute;left:20%;bottom:0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.58);opacity:0}
.v151-active .arrival-boundary{animation:v164Fade .9s .45s both}.v151-active .arrival-call{animation:v164SlideLeft .75s 1.6s both}.v151-active .arrival-message{animation:v164SlideLeft .75s 3.4s both}.v151-active .arrival-appointment{animation:v164SlideLeft .75s 5.2s both}.v151-active .arrival-important{animation:v164SlideLeft .8s 7.2s both}.v151-active .arrival-caption{animation:v164Fade .7s 9.4s both}

/* Scene 2 — one interruption remains dominant, questions arrive slowly */
.decision-fragments-visual{right:2.5vw;top:12vh;width:min(31vw,500px);height:min(67vh,610px)}
.decision-incoming{right:auto;left:0;top:0;display:grid;grid-template-columns:30px 1fr;column-gap:15px;align-items:center;padding:18px 22px;border-radius:22px;background:rgba(22,7,37,.74);border:1px solid rgba(225,198,255,.25);backdrop-filter:blur(16px);font-size:inherit;letter-spacing:normal;text-transform:none;color:#fff;opacity:0;transform:translateY(-12px);z-index:3}
.decision-incoming-pulse{grid-row:1/3;width:19px;height:19px}.decision-incoming strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.55rem,2vw,2.05rem);font-weight:500;letter-spacing:-.03em}.decision-incoming small{display:block;margin-top:3px;font-size:12px;line-height:1.3;letter-spacing:.02em;color:rgba(255,255,255,.62)}
.decision-question-stack{position:absolute;left:12%;right:0;top:26%;bottom:12%}
.decision-thought{right:auto!important;left:0;font-size:clamp(1.4rem,1.7vw,1.85rem);padding:11px 18px;border-radius:999px;background:rgba(23,7,38,.65);border:1px solid rgba(225,200,247,.16);backdrop-filter:blur(12px);white-space:nowrap;transform:translateX(28px);opacity:0}
.decision-thought:before{display:none}.decision-thought.thought-1{top:0;left:7%}.decision-thought.thought-2{top:20%;left:23%}.decision-thought.thought-3{top:40%;left:2%}.decision-thought.thought-4{top:60%;left:19%}.decision-thought.thought-5{top:80%;left:0}
.decision-unresolved{right:1%;bottom:0;gap:16px}.decision-unresolved small{font-size:12px;line-height:1.45}.decision-unresolved small b{font-size:15px;color:#fff}
.v151-active .decision-incoming{animation:v164PanelIn .8s .55s both,v164StayStrong 9s 1.35s both}
.v151-active .thought-1{animation:v164QuestionIn .7s 3.4s both,v164QuestionSoften .7s 11.3s forwards}.v151-active .thought-2{animation:v164QuestionIn .7s 4.9s both,v164QuestionSoften .7s 11.45s forwards}.v151-active .thought-3{animation:v164QuestionIn .7s 6.4s both,v164QuestionSoften .7s 11.6s forwards}.v151-active .thought-4{animation:v164QuestionIn .7s 7.9s both,v164QuestionSoften .7s 11.75s forwards}.v151-active .thought-5{animation:v164QuestionIn .7s 9.4s both,v164QuestionSoften .7s 11.9s forwards}.v151-active .decision-unresolved{animation:v163UnresolvedIn .8s 12.1s both}

/* Scene 3 — one request, four controlled outcomes */
.routing-visual{right:4.5vw;top:14vh;width:min(44vw,680px);height:min(64vh,560px)}
.routing-incoming{position:absolute;left:0;top:42%;display:flex;align-items:center;gap:11px;padding:12px 16px;border-radius:999px;background:rgba(20,7,34,.72);border:1px solid rgba(255,255,255,.16);opacity:0;transform:translateX(-25px)}.routing-incoming i{width:11px;height:11px;border-radius:50%;background:#bd75ff;box-shadow:0 0 17px #a64af2}.routing-incoming span{font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.routing-core{position:absolute;left:38%;top:35%;display:grid;place-items:center;width:135px;height:135px;border-radius:50%;border:1px solid rgba(210,164,255,.54);background:radial-gradient(circle,rgba(176,83,249,.34),rgba(50,15,74,.6));box-shadow:0 0 45px rgba(161,68,238,.35);opacity:0;transform:scale(.82)}.routing-core span{position:absolute;inset:13px;border:1px solid rgba(222,190,255,.25);border-radius:50%}.routing-core b{font-family:Georgia,"Times New Roman",serif;font-size:22px}.routing-core small{font-size:10px;color:rgba(255,255,255,.58)}
.routing-options{position:absolute;right:0;top:2%;width:215px;height:96%}.route{position:absolute;right:0;width:190px;padding:12px 14px 12px 36px;border-radius:16px;background:rgba(20,7,34,.68);border:1px solid rgba(255,255,255,.13);opacity:0;transform:translateX(22px)}.route i{position:absolute;left:15px;top:17px;width:9px;height:9px;border-radius:50%;background:#c17cff}.route b,.route small{display:block}.route b{font-size:14px}.route small{margin-top:3px;font-size:10px;color:rgba(255,255,255,.56)}.route-handle{top:0}.route-hold{top:26%}.route-ask{top:52%}.route-connect{top:78%}.route-connect i{background:#ffc36b}.route-ask i{background:#ffc36b}.route-hold i{background:#8979a2}
.v151-active .routing-incoming{animation:v164SlideRight .7s .8s both}.v151-active .routing-core{animation:v164CoreIn .8s 2.15s both}.v151-active .route-handle{animation:v164SlideLeft .6s 4.1s both}.v151-active .route-hold{animation:v164SlideLeft .6s 5.7s both}.v151-active .route-ask{animation:v164SlideLeft .6s 7.3s both}.v151-active .route-connect{animation:v164SlideLeft .6s 8.9s both}

/* Scene 4 — relationship context */
.relationship-visual{right:4.5vw;top:14vh;width:min(43vw,650px);padding:20px;border-radius:27px;background:linear-gradient(145deg,rgba(24,8,42,.68),rgba(11,4,21,.5));border:1px solid rgba(235,214,255,.18);backdrop-filter:blur(18px);opacity:0;transform:translateY(17px)}
.relationship-row{display:grid;grid-template-columns:13px 1fr auto;gap:12px;align-items:center;padding:15px 16px;margin:8px 0;border-radius:17px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);opacity:0;transform:translateX(20px)}.rel-dot{width:10px;height:10px;border-radius:50%;background:#bd74ff;box-shadow:0 0 14px rgba(177,88,255,.75)}.relationship-row b,.relationship-row small{display:block}.relationship-row b{font-size:15px}.relationship-row small{margin-top:3px;font-size:11px;color:rgba(255,255,255,.57)}.relationship-row em{padding:7px 10px;border-radius:999px;font-style:normal;font-size:10px;font-weight:700;background:rgba(255,255,255,.08)}.rel-family .rel-dot,.rel-family em{background:#ffc46e;color:#2d1600}.rel-unknown .rel-dot{background:#8b7d9e}.relationship-visual p{margin:15px 5px 0;font-family:Georgia,"Times New Roman",serif;font-size:19px;color:rgba(255,255,255,.76)}
.v151-active .relationship-visual{animation:v164PanelIn .7s .45s both}.v151-active .rel-family{animation:v164SlideLeft .6s 1.6s both}.v151-active .rel-friend{animation:v164SlideLeft .6s 3.3s both}.v151-active .rel-work{animation:v164SlideLeft .6s 5s both}.v151-active .rel-unknown{animation:v164SlideLeft .6s 6.7s both}

/* Scene 7 — delegated action */
.delegation-visual{right:4vw;top:15vh;width:min(44vw,660px);height:min(61vh,550px)}.delegation-card{position:absolute;width:min(80%,480px);padding:22px;border-radius:24px;border:1px solid rgba(235,215,255,.22);background:linear-gradient(145deg,rgba(31,10,52,.84),rgba(14,5,26,.74));backdrop-filter:blur(18px);box-shadow:0 20px 55px rgba(0,0,0,.28);opacity:0}.delegation-card small{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#d8b6f4}.delegation-card h3{margin:8px 0 15px;font-size:22px;line-height:1.2}.delegation-request{left:0;top:0;transform:translateY(17px)}.delegation-request span{display:inline-block;padding:8px 12px;border-radius:999px;background:#9f4ae8;font-size:11px;font-weight:700}.delegation-path{position:absolute;left:10%;right:8%;top:47%;display:flex;align-items:center;gap:12px;opacity:0}.delegation-path i{width:12px;height:12px;border-radius:50%;background:#bd73ff;box-shadow:0 0 16px #9e47e9}.delegation-path i:last-child{background:#93e0c3;box-shadow:0 0 16px #68c5a1}.delegation-path:before{content:"";height:1px;flex:1;background:linear-gradient(90deg,#bb70fa,rgba(187,112,250,.18),#8eddbf)}.delegation-path b{font-size:11px;color:rgba(255,255,255,.63);white-space:nowrap}.delegation-result{right:0;bottom:0;transform:translateY(18px) scale(.96)}.delegation-result p{margin:0 0 10px;color:rgba(255,255,255,.7)}.delegation-result strong{font-size:12px;color:#9be7c9}
.v151-active .delegation-request{animation:v164PanelIn .7s .75s both,v164Dim .5s 8s forwards}.v151-active .delegation-path{animation:v164Fade .7s 5.3s both,v164FadeOut .45s 10.1s forwards}.v151-active .delegation-result{animation:v164CoreIn .8s 10.2s both}

/* Scene 8 — useful summary */
.summary-visual{right:4.5vw;top:12vh;width:min(45vw,690px)}.summary-card{padding:22px;border-radius:26px;background:linear-gradient(145deg,rgba(28,9,48,.86),rgba(12,5,23,.78));border:1px solid rgba(234,213,255,.24);backdrop-filter:blur(20px);box-shadow:0 24px 65px rgba(0,0,0,.3);opacity:0;transform:translateY(18px)}.summary-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.summary-head small{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#d6b1f2}.summary-head h3{margin:6px 0 0;font-size:20px}.summary-head>span{padding:7px 10px;border-radius:999px;background:rgba(185,101,255,.16);font-size:10px}.summary-item{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:14px 5px;border-bottom:1px solid rgba(255,255,255,.075);opacity:0;transform:translateX(18px)}.summary-item i{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;font-style:normal;font-weight:700}.summary-item b,.summary-item small{display:block}.summary-item b{font-size:13px}.summary-item small{margin-top:3px;font-size:10px;color:rgba(255,255,255,.56)}.summary-item em{padding:6px 9px;border-radius:999px;font-style:normal;font-size:9px;font-weight:700}.summary-item.complete i,.summary-item.complete em{background:rgba(104,201,166,.14);color:#9de9cb}.summary-item.needs i,.summary-item.needs em{background:rgba(255,184,85,.15);color:#ffd18a}.summary-item.needs{border:1px solid rgba(255,190,102,.16);border-radius:14px;margin-top:8px;padding:13px 10px}
.v151-active .summary-card{animation:v164PanelIn .7s .5s both}.v151-active .summary-item:nth-child(2){animation:v164SlideLeft .55s 2.1s both}.v151-active .summary-item:nth-child(3){animation:v164SlideLeft .55s 4s both}.v151-active .summary-item:nth-child(4){animation:v164SlideLeft .55s 5.9s both}.v151-active .summary-item:nth-child(5){animation:v164SlideLeft .6s 8.2s both}

/* Scene 9 — quiet resolution */
.resolution-visual{right:3.5vw;top:12vh;width:min(46vw,700px);height:min(67vh,600px)}.resolution-boundary{position:absolute;inset:2% 4% 7% 18%;border-left:2px solid rgba(193,113,255,.72);border-radius:50%;filter:drop-shadow(0 0 18px rgba(171,76,245,.62));opacity:0}.resolution-point{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(20,7,34,.62);border:1px solid rgba(255,255,255,.14);font-size:11px;color:rgba(255,255,255,.74);opacity:0}.resolution-point i{width:9px;height:9px;border-radius:50%;background:#9adfc3;box-shadow:0 0 14px rgba(112,204,169,.72)}.resolved-one{right:8%;top:14%}.resolved-two{right:20%;top:36%}.important{right:4%;top:60%;border-color:rgba(255,192,99,.25)}.important i{background:#ffc36c;box-shadow:0 0 16px rgba(255,178,77,.78)}.review{right:23%;top:80%}.review i{background:#ffc36c}.resolution-line{position:absolute;left:19%;bottom:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.25rem,1.55vw,1.65rem);color:rgba(255,255,255,.72);opacity:0}
.v151-active .resolution-boundary{animation:v164Fade .9s .5s both}.v151-active .resolved-one{animation:v164Fade .7s 2.1s both}.v151-active .resolved-two{animation:v164Fade .7s 4.2s both}.v151-active .important{animation:v164Fade .7s 6.4s both}.v151-active .review{animation:v164Fade .7s 8.6s both}.v151-active .resolution-line{animation:v164Fade .9s 11.4s both}

@keyframes v164Fade{to{opacity:1}}@keyframes v164FadeOut{to{opacity:0}}@keyframes v164SlideLeft{to{opacity:1;transform:translateX(0)}}@keyframes v164SlideRight{to{opacity:1;transform:translateX(0)}}@keyframes v164PanelIn{to{opacity:1;transform:translateY(0)}}@keyframes v164CoreIn{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes v164QuestionIn{to{opacity:1;transform:translateX(0)}}@keyframes v164QuestionSoften{to{opacity:.18;filter:blur(3px);transform:translateX(-10px)}}@keyframes v164StayStrong{0%,100%{opacity:1}}@keyframes v164Dim{to{opacity:.22;filter:blur(1px)}}

@media(max-width:900px){
 .arrival-visual,.decision-fragments-visual,.routing-visual,.relationship-visual,.delegation-visual,.summary-visual,.resolution-visual{left:5vw;right:5vw;width:auto;top:auto;bottom:clamp(108px,15vh,145px);height:42vh}
 .arrival-signal{font-size:10px;padding:8px 11px}.arrival-caption{font-size:9px}.decision-incoming{padding:12px 14px;grid-template-columns:22px 1fr}.decision-incoming strong{font-size:1.25rem}.decision-incoming small{font-size:9px}.decision-incoming-pulse{width:14px;height:14px}.decision-question-stack{top:28%;left:3%}.decision-thought{font-size:1rem;padding:7px 11px}.decision-unresolved small{font-size:9px}.decision-unresolved small b{font-size:11px}
 .routing-core{left:34%;width:95px;height:95px}.routing-core b{font-size:16px}.routing-options{width:145px}.route{width:135px;padding:8px 8px 8px 27px}.route b{font-size:11px}.route small{font-size:8px}.route i{left:10px;top:12px}.routing-incoming{padding:8px 10px}.routing-incoming span{font-size:9px}
 .relationship-visual{padding:10px;height:auto}.relationship-row{padding:8px;grid-template-columns:10px 1fr auto}.relationship-row b{font-size:11px}.relationship-row small{font-size:8px}.relationship-row em{font-size:8px;padding:5px 7px}.relationship-visual p{font-size:14px;margin-top:8px}
 .delegation-card{padding:14px;border-radius:18px}.delegation-card h3{font-size:15px}.delegation-path b{font-size:8px}.summary-card{padding:12px}.summary-head h3{font-size:14px}.summary-item{padding:8px 3px;grid-template-columns:26px 1fr auto}.summary-item i{width:23px;height:23px}.summary-item b{font-size:10px}.summary-item small,.summary-item em{font-size:8px}.resolution-point{font-size:9px;padding:7px 9px}.resolution-line{font-size:1rem}
}


/* --- assets/css/story-v173-scene1.css --- */
/* V173 — Scene 1 refined signal choreography. Loaded after legacy visual rules. */
@media (min-width: 901px){
  html body #scene-1 .arrival-visual-v173{
    position:absolute!important;
    right:2.5vw!important;
    top:11.5vh!important;
    width:min(42vw,720px)!important;
    height:min(66vh,590px)!important;
    z-index:6!important;
    overflow:visible!important;
  }
  html body #scene-1 .arrival-boundary{display:none!important}
  html body #scene-1 .arrival-paths{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    overflow:visible;
  }
  html body #scene-1 .arrival-path{
    fill:none;
    stroke:rgba(187,111,255,.58);
    stroke-width:1.5;
    stroke-linecap:round;
    stroke-dasharray:1;
    stroke-dashoffset:1;
    filter:drop-shadow(0 0 5px rgba(167,74,245,.45));
    opacity:0;
    pathLength:1;
  }
  html body #scene-1 .path-important{
    stroke:rgba(255,190,94,.76);
    filter:drop-shadow(0 0 6px rgba(255,171,63,.48));
  }
  html body #scene-1 .arrival-signal{
    min-width:0!important;
    padding:10px 15px 10px 12px!important;
    gap:11px!important;
    border-radius:16px!important;
    border:1px solid rgba(235,215,255,.16)!important;
    background:linear-gradient(135deg,rgba(26,8,42,.70),rgba(28,8,36,.42))!important;
    box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    font-size:clamp(13px,.9vw,16px)!important;
    letter-spacing:0!important;
    opacity:0;
    transform:translateX(32px) scale(.97)!important;
  }
  html body #scene-1 .arrival-signal i{
    position:relative;
    width:12px!important;
    height:12px!important;
    flex:0 0 12px;
  }
  html body #scene-1 .arrival-signal i::after{
    content:"";
    position:absolute;
    inset:-7px;
    border:1px solid rgba(202,151,255,.34);
    border-radius:50%;
    opacity:.72;
  }
  html body #scene-1 .arrival-call{right:2%!important;top:7%!important}
  html body #scene-1 .arrival-message{right:9%!important;top:31%!important}
  html body #scene-1 .arrival-appointment{right:0!important;top:56%!important}
  html body #scene-1 .arrival-important{
    right:16%!important;
    top:81%!important;
    border-color:rgba(255,199,116,.28)!important;
    background:linear-gradient(135deg,rgba(66,27,20,.70),rgba(43,14,32,.44))!important;
  }
  html body #scene-1 .arrival-important i::after{border-color:rgba(255,198,105,.36)}
  html body #scene-1 .arrival-caption{
    left:auto!important;
    right:14%!important;
    bottom:-1%!important;
    font-size:clamp(10px,.72vw,12px)!important;
    letter-spacing:.15em!important;
    color:rgba(255,241,224,.64)!important;
    white-space:nowrap;
    opacity:0;
  }
  html body #scene-1.v151-active .path-call,
  html body #scene-1.is-active-scene .path-call{animation:v173DrawPath .95s 2.45s ease-out both}
  html body #scene-1.v151-active .arrival-call,
  html body #scene-1.is-active-scene .arrival-call{animation:v173SignalIn .72s 2.75s cubic-bezier(.2,.8,.2,1) both}
  html body #scene-1.v151-active .path-message,
  html body #scene-1.is-active-scene .path-message{animation:v173DrawPath .95s 4.95s ease-out both}
  html body #scene-1.v151-active .arrival-message,
  html body #scene-1.is-active-scene .arrival-message{animation:v173SignalIn .72s 5.25s cubic-bezier(.2,.8,.2,1) both}
  html body #scene-1.v151-active .path-appointment,
  html body #scene-1.is-active-scene .path-appointment{animation:v173DrawPath .95s 7.45s ease-out both}
  html body #scene-1.v151-active .arrival-appointment,
  html body #scene-1.is-active-scene .arrival-appointment{animation:v173SignalIn .72s 7.75s cubic-bezier(.2,.8,.2,1) both}
  html body #scene-1.v151-active .path-important,
  html body #scene-1.is-active-scene .path-important{animation:v173DrawPath 1s 10.05s ease-out both}
  html body #scene-1.v151-active .arrival-important,
  html body #scene-1.is-active-scene .arrival-important{animation:v173SignalIn .8s 10.35s cubic-bezier(.2,.8,.2,1) both,v173ImportantPulse 2.2s 11.3s ease-in-out infinite}
  html body #scene-1.v151-active .arrival-caption,
  html body #scene-1.is-active-scene .arrival-caption{animation:v173CaptionIn .7s 12.45s ease-out both}
}
@keyframes v173DrawPath{0%{opacity:0;stroke-dashoffset:1}18%{opacity:.35}100%{opacity:.78;stroke-dashoffset:0}}
@keyframes v173SignalIn{0%{opacity:0;transform:translateX(32px) scale(.97)}100%{opacity:1;transform:translateX(0) scale(1)}}
@keyframes v173CaptionIn{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
@keyframes v173ImportantPulse{0%,100%{box-shadow:0 14px 34px rgba(0,0,0,.22),0 0 0 rgba(255,184,73,0)}50%{box-shadow:0 14px 34px rgba(0,0,0,.22),0 0 28px rgba(255,184,73,.22)}}
@media (min-width:901px) and (max-height:760px){
  html body #scene-1 .arrival-visual-v173{top:9vh!important;height:min(64vh,520px)!important;width:min(40vw,650px)!important}
  html body #scene-1 .arrival-signal{font-size:13px!important;padding:8px 12px 8px 10px!important}
  html body #scene-1 .arrival-caption{bottom:-2%!important}
}
@media (max-width:900px){
  html body #scene-1 .arrival-paths{display:none!important}
  html body #scene-1 .arrival-visual-v173{right:14px!important;top:88px!important;width:42vw!important;height:43vh!important}
  html body #scene-1 .arrival-signal{font-size:10px!important;padding:7px 9px!important;gap:7px!important;border-radius:12px!important}
  html body #scene-1 .arrival-signal i{width:8px!important;height:8px!important;flex-basis:8px!important}
  html body #scene-1 .arrival-call{right:0!important;top:2%!important}
  html body #scene-1 .arrival-message{right:8%!important;top:25%!important}
  html body #scene-1 .arrival-appointment{right:0!important;top:49%!important}
  html body #scene-1 .arrival-important{right:12%!important;top:73%!important}
  html body #scene-1 .arrival-caption{display:none!important}
}


/* --- assets/css/story-v174-scene1-polish.css --- */
/* V174 — Scene 1 signal scale, placement and final-caption polish. */
@media (min-width: 901px){
  html body #scene-1 .arrival-visual-v173{
    right:4.8vw!important;
    top:10.5vh!important;
    width:min(40vw,680px)!important;
    height:min(66vh,590px)!important;
  }

  html body #scene-1 .arrival-signal{
    padding:12px 18px 12px 14px!important;
    gap:13px!important;
    border-radius:18px!important;
    font-size:clamp(15px,1.02vw,18px)!important;
    line-height:1.15!important;
    font-weight:500!important;
    border-color:rgba(235,215,255,.24)!important;
    background:linear-gradient(135deg,rgba(29,9,46,.86),rgba(35,11,44,.66))!important;
    box-shadow:0 15px 38px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
  html body #scene-1 .arrival-signal i{
    width:14px!important;
    height:14px!important;
    flex:0 0 14px!important;
  }
  html body #scene-1 .arrival-signal i::after{
    inset:-8px!important;
    border-color:rgba(202,151,255,.44)!important;
  }

  /* Pull all four beats inward so they sit inside the photograph rather than on the crop edge. */
  html body #scene-1 .arrival-call{right:7%!important;top:7%!important}
  html body #scene-1 .arrival-message{right:15%!important;top:31%!important}
  html body #scene-1 .arrival-appointment{right:5%!important;top:56%!important}
  html body #scene-1 .arrival-important{
    right:18%!important;
    top:80%!important;
    border-color:rgba(255,199,116,.38)!important;
    background:linear-gradient(135deg,rgba(78,32,22,.88),rgba(54,17,35,.68))!important;
  }

  html body #scene-1 .arrival-caption{
    left:auto!important;
    right:15%!important;
    bottom:1.5%!important;
    display:flex!important;
    align-items:center!important;
    min-height:42px!important;
    padding:10px 17px!important;
    border:1px solid rgba(255,227,199,.20)!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,rgba(36,14,39,.86),rgba(53,24,35,.72))!important;
    box-shadow:0 16px 34px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.05)!important;
    backdrop-filter:blur(13px)!important;
    -webkit-backdrop-filter:blur(13px)!important;
    color:rgba(255,247,238,.96)!important;
    font-size:clamp(12px,.84vw,15px)!important;
    font-weight:600!important;
    line-height:1.2!important;
    letter-spacing:.075em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    text-shadow:0 1px 12px rgba(0,0,0,.38)!important;
    opacity:0;
  }
  html body #scene-1 .arrival-caption::before{
    content:"";
    width:9px;
    height:9px;
    margin-right:11px;
    border-radius:50%;
    background:#ffbd65;
    box-shadow:0 0 0 6px rgba(255,189,101,.12),0 0 17px rgba(255,174,71,.50);
  }
}

@media (min-width:901px) and (max-height:760px){
  html body #scene-1 .arrival-visual-v173{right:4vw!important;top:8.5vh!important;width:min(39vw,640px)!important;height:min(63vh,510px)!important}
  html body #scene-1 .arrival-signal{font-size:14px!important;padding:10px 15px 10px 12px!important}
  html body #scene-1 .arrival-caption{right:13%!important;bottom:0!important;font-size:11px!important;min-height:38px!important;padding:8px 14px!important}
}

@media (max-width:900px){
  html body #scene-1 .arrival-signal{font-size:11px!important;padding:8px 11px!important}
  html body #scene-1 .arrival-caption{display:none!important}
}


/* --- assets/css/story-v175-scene2-composition.css --- */
/* V175 — Scene 2 composition and final-beat refinement */
@media (min-width: 900px){
  .scene-2 .decision-fragments-visual{
    left:auto!important;
    right:3.8vw!important;
    top:10vh!important;
    width:min(43vw,720px)!important;
    height:min(68vh,620px)!important;
  }

  .scene-2 .decision-incoming{
    left:1%!important;
    right:auto!important;
    top:5%!important;
    min-width:330px;
    max-width:390px;
    padding:17px 21px!important;
    grid-template-columns:28px 1fr!important;
    z-index:4;
    box-shadow:0 18px 50px rgba(9,2,18,.28);
  }
  .scene-2 .decision-incoming strong{
    font-size:clamp(1.62rem,2vw,2.08rem)!important;
  }
  .scene-2 .decision-incoming small{
    font-size:12px!important;
  }

  .scene-2 .decision-question-stack{
    inset:0!important;
  }
  .scene-2 .decision-thought{
    position:absolute!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    padding:10px 17px!important;
    font-size:clamp(1.22rem,1.55vw,1.62rem)!important;
    line-height:1!important;
    background:rgba(25,8,40,.72)!important;
    border:1px solid rgba(229,210,248,.18)!important;
    box-shadow:0 12px 32px rgba(8,2,16,.2)!important;
  }
  .scene-2 .thought-1{top:29%!important;left:9%!important;}
  .scene-2 .thought-2{top:24%!important;right:1%!important;}
  .scene-2 .thought-3{top:47%!important;left:0!important;}
  .scene-2 .thought-4{top:53%!important;right:3%!important;}
  .scene-2 .thought-5{top:70%!important;left:17%!important;}

  .scene-2 .decision-unresolved{
    left:50%!important;
    right:auto!important;
    top:31%!important;
    bottom:auto!important;
    width:min(370px,82%)!important;
    min-height:168px;
    padding:25px 28px!important;
    transform:translate(-50%,14px) scale(.96)!important;
    display:grid!important;
    grid-template-columns:44px 1fr!important;
    align-items:center!important;
    gap:18px!important;
    border-radius:25px!important;
    background:linear-gradient(145deg,rgba(31,9,51,.94),rgba(18,5,31,.9))!important;
    border:1px solid rgba(224,193,255,.34)!important;
    box-shadow:0 24px 70px rgba(8,1,17,.45),0 0 36px rgba(172,76,245,.16)!important;
    backdrop-filter:blur(20px)!important;
    z-index:8!important;
    opacity:0;
  }
  .scene-2 .decision-unresolved-core{
    width:22px!important;
    height:22px!important;
    box-shadow:0 0 0 9px rgba(177,83,250,.1),0 0 26px rgba(181,84,250,.86)!important;
  }
  .scene-2 .decision-unresolved small{
    display:block!important;
    font-size:12px!important;
    line-height:1.25!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
    color:rgba(255,255,255,.68)!important;
  }
  .scene-2 .decision-unresolved small br{display:none!important;}
  .scene-2 .decision-unresolved small b{
    display:block!important;
    margin-top:8px!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:clamp(2rem,2.65vw,2.7rem)!important;
    line-height:.95!important;
    letter-spacing:-.035em!important;
    text-transform:none!important;
    color:#fff!important;
  }

  .scene-2.v151-active .decision-incoming{
    animation:v175IncomingIn .78s .45s both,v175IncomingOut .65s 11.65s forwards!important;
  }
  .scene-2.v151-active .thought-1{animation:v175QuestionIn .65s 3.2s both,v175QuestionFade .7s 11.45s forwards!important;}
  .scene-2.v151-active .thought-2{animation:v175QuestionIn .65s 4.7s both,v175QuestionFade .7s 11.55s forwards!important;}
  .scene-2.v151-active .thought-3{animation:v175QuestionIn .65s 6.2s both,v175QuestionFade .7s 11.65s forwards!important;}
  .scene-2.v151-active .thought-4{animation:v175QuestionIn .65s 7.7s both,v175QuestionFade .7s 11.75s forwards!important;}
  .scene-2.v151-active .thought-5{animation:v175QuestionIn .65s 9.2s both,v175QuestionFade .7s 11.85s forwards!important;}
  .scene-2.v151-active .decision-unresolved{
    animation:v175ConclusionIn .88s 12.15s both!important;
  }
}

@keyframes v175IncomingIn{
  from{opacity:0;transform:translateY(-14px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes v175IncomingOut{
  to{opacity:0;transform:translateY(-8px) scale(.98)}
}
@keyframes v175QuestionIn{
  from{opacity:0;transform:translateY(10px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes v175QuestionFade{
  to{opacity:.12;filter:blur(.35px);transform:scale(.98)}
}
@keyframes v175ConclusionIn{
  from{opacity:0;transform:translate(-50%,18px) scale(.94)}
  to{opacity:1;transform:translate(-50%,0) scale(1)}
}

@media (max-width: 899px){
  .scene-2 .decision-unresolved{
    left:50%!important;right:auto!important;top:27%!important;bottom:auto!important;
    width:min(84vw,360px)!important;padding:18px 20px!important;
    transform:translateX(-50%)!important;
    border-radius:22px!important;background:rgba(24,7,40,.94)!important;
  }
  .scene-2 .decision-unresolved small b{font-size:1.9rem!important;}
}


/* --- assets/css/scene3-v178-resolution.css --- */
/* V178 — Scene 3 premium resolution sequence. */
@media (min-width:901px){
  #scene-3 .routing-visual,
  #scene-3 .routing-v176,
  #scene-3 .routing-v177{display:none!important}

  #scene-3 .routing-v178{
    position:absolute!important;z-index:9!important;
    left:45.5%!important;top:12%!important;width:49%!important;height:66%!important;
    max-width:840px!important;max-height:590px!important;pointer-events:none!important;
    transform:none!important;
  }
  #scene-3 .routing-v178-paths{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
  #scene-3 .routing-v178-path{fill:none;stroke-linecap:round;stroke-dasharray:1200;stroke-dashoffset:1200}
  #scene-3 .path-in{stroke:rgba(210,167,255,.58);stroke-width:1.7;filter:drop-shadow(0 0 8px rgba(174,82,255,.45))}
  #scene-3 .path-out{stroke:rgba(229,220,255,.66);stroke-width:2;opacity:0;filter:drop-shadow(0 0 8px rgba(210,190,255,.35))}
  #scene-3 .path-return{stroke:rgba(221,228,237,.38);stroke-width:1.5;opacity:0}

  #scene-3 .routing-v178-incoming{
    position:absolute;right:1%;top:3%;display:flex;align-items:center;gap:12px;
    padding:12px 16px;border-radius:18px;min-width:228px;
    background:linear-gradient(145deg,rgba(45,14,65,.84),rgba(17,6,30,.72));
    border:1px solid rgba(226,203,255,.22);backdrop-filter:blur(16px);
    box-shadow:0 18px 44px rgba(0,0,0,.22);opacity:0;transform:translate(18px,-6px)
  }
  #scene-3 .routing-v178-incoming b,#scene-3 .routing-v178-incoming small{display:block}
  #scene-3 .routing-v178-incoming b{font:600 15px/1.15 Inter,sans-serif;color:#fff}
  #scene-3 .routing-v178-incoming small{margin-top:4px;font:600 9px/1.2 Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.58)}
  #scene-3 .routing-v178-signal{position:relative;flex:0 0 15px;width:15px;height:15px;border-radius:50%;background:#b765ff;box-shadow:0 0 0 8px rgba(183,101,255,.09),0 0 25px rgba(174,74,255,.74)}
  #scene-3 .routing-v178-signal:after{content:"";position:absolute;inset:-10px;border:1px solid rgba(222,183,255,.28);border-radius:50%;animation:v178Pulse 2s ease-in-out infinite}

  #scene-3 .routing-v178-core{
    position:absolute;left:12%;top:37%;width:158px;height:116px;opacity:0;transform:scale(.82);
    display:grid;place-items:center;filter:drop-shadow(0 0 32px rgba(176,80,250,.22))
  }
  #scene-3 .routing-v178-arc{position:absolute;left:50%;top:50%;border:1px solid rgba(225,190,255,.36);border-radius:50%;transform-origin:center}
  #scene-3 .arc-a{width:150px;height:95px;transform:translate(-50%,-50%) rotate(-11deg)}
  #scene-3 .arc-b{width:126px;height:108px;transform:translate(-50%,-50%) rotate(28deg);border-color:rgba(190,111,255,.31)}
  #scene-3 .arc-c{width:92px;height:72px;transform:translate(-50%,-50%) rotate(-40deg);border-color:rgba(246,225,255,.25)}
  #scene-3 .routing-v178-nucleus{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#f1d9ff,#b566ff 54%,#7320b3);box-shadow:0 0 0 11px rgba(184,95,255,.08),0 0 34px rgba(184,95,255,.67)}
  #scene-3 .routing-v178-core small{position:absolute;top:calc(100% + 10px);white-space:nowrap;font:700 9px/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.13em;color:rgba(255,255,255,.58)}

  #scene-3 .routing-v178-context{position:absolute;left:32%;top:36%;width:220px;height:130px}
  #scene-3 .routing-v178-context span{position:absolute;left:0;top:46px;display:inline-flex;padding:9px 13px;border-radius:999px;background:rgba(30,9,48,.68);border:1px solid rgba(220,186,255,.18);backdrop-filter:blur(12px);font:600 12px/1 Inter,sans-serif;color:rgba(255,255,255,.88);opacity:0;transform:translateY(7px)}

  #scene-3 .routing-v178-status{position:absolute;left:34%;top:57%;display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:999px;background:rgba(24,9,40,.72);border:1px solid rgba(235,225,255,.2);font:700 11px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#fff;opacity:0;transform:translateY(8px)}
  #scene-3 .routing-v178-status span{width:9px;height:9px;border-radius:50%;background:#f3ecff;box-shadow:0 0 18px rgba(235,220,255,.75)}

  #scene-3 .routing-v178-result{
    position:absolute;right:2%;top:27%;display:flex;align-items:center;gap:14px;
    min-width:280px;padding:16px 18px;border-radius:20px;
    background:linear-gradient(145deg,rgba(30,10,48,.9),rgba(12,5,24,.82));
    border:1px solid rgba(226,211,244,.24);backdrop-filter:blur(18px);
    box-shadow:0 20px 52px rgba(0,0,0,.3),0 0 28px rgba(196,164,234,.08);
    opacity:0;transform:translateY(12px) scale(.96);transform-origin:82% 85%
  }
  #scene-3 .routing-v178-complete{position:relative;display:block;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:rgba(242,235,255,.09);border:1px solid rgba(240,230,255,.38)}
  #scene-3 .routing-v178-complete:before{content:"";position:absolute;left:10px;top:8px;width:10px;height:6px;border-left:2px solid #f2ebff;border-bottom:2px solid #f2ebff;transform:rotate(-45deg)}
  #scene-3 .routing-v178-result small,#scene-3 .routing-v178-result b,#scene-3 .routing-v178-result p,#scene-3 .routing-v178-result strong{display:block;margin:0}
  #scene-3 .routing-v178-result small{font:700 8px/1.2 Inter,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:rgba(236,223,255,.72)}
  #scene-3 .routing-v178-result b{margin-top:4px;font:600 16px/1.2 Inter,sans-serif;color:#fff}
  #scene-3 .routing-v178-result p{margin-top:4px;font:500 11px/1.2 Inter,sans-serif;color:rgba(255,255,255,.65)}
  #scene-3 .routing-v178-result strong{margin-top:6px;font:700 10px/1.2 Inter,sans-serif;color:rgba(236,229,255,.86)}

  #scene-3 .routing-v178-resolved{position:absolute;right:4%;bottom:5%;display:flex;align-items:center;gap:13px;opacity:0;transform:translateY(8px)}
  #scene-3 .routing-v178-resolved>span{width:16px;height:16px;border-radius:50%;background:#f3efff;box-shadow:0 0 0 9px rgba(238,230,255,.08),0 0 28px rgba(230,215,255,.52)}
  #scene-3 .routing-v178-resolved p{margin:0;padding:11px 14px;border-radius:16px;background:rgba(24,8,39,.66);border:1px solid rgba(229,210,246,.18);backdrop-filter:blur(12px)}
  #scene-3 .routing-v178-resolved small,#scene-3 .routing-v178-resolved b{display:block}
  #scene-3 .routing-v178-resolved small{font:700 8px/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:rgba(255,255,255,.58)}
  #scene-3 .routing-v178-resolved b{margin-top:4px;font:500 15px/1.15 Georgia,serif;color:#fff}

  #scene-3.v151-active .routing-v178-incoming{animation:v178In .55s .35s both,v178Out .4s 4.25s forwards}
  #scene-3.v151-active .path-in{animation:v178Draw 1.15s 1s both,v178PathFade .4s 4.35s forwards}
  #scene-3.v151-active .routing-v178-core{animation:v178CoreIn .72s 1.75s both,v178CoreBreathe 3s 2.45s ease-in-out infinite,v178CoreOut .5s 6.25s forwards}
  #scene-3.v151-active .routing-v178-context span:nth-child(1){animation:v178ContextIn .38s 2.55s both,v178ContextOut .32s 3.55s forwards}
  #scene-3.v151-active .routing-v178-context span:nth-child(2){animation:v178ContextIn .38s 3.65s both,v178ContextOut .32s 4.75s forwards}
  #scene-3.v151-active .routing-v178-context span:nth-child(3){animation:v178ContextIn .38s 4.85s both,v178ContextOut .32s 6s forwards}
  #scene-3.v151-active .routing-v178-status{animation:v178StatusIn .38s 6.15s both,v178StatusOut .35s 7.05s forwards}
  #scene-3.v151-active .path-out{animation:v178PathOut .9s 6.6s both,v178PathFade .35s 9.1s forwards}
  #scene-3.v151-active .routing-v178-result{animation:v178ResultIn .6s 7.15s both,v178ResultCollapse .62s 9.45s forwards}
  #scene-3.v151-active .path-return{animation:v178Return 1.05s 9.55s both,v178PathFade .45s 11.4s forwards}
  #scene-3.v151-active .routing-v178-resolved{animation:v178ResolvedIn .55s 10.45s both}
}

@keyframes v178In{to{opacity:1;transform:translate(0,0)}}
@keyframes v178Out{to{opacity:0;transform:translateX(9px)}}
@keyframes v178Draw{to{stroke-dashoffset:0}}
@keyframes v178PathFade{to{opacity:0}}
@keyframes v178CoreIn{to{opacity:1;transform:scale(1)}}
@keyframes v178CoreBreathe{0%,100%{filter:drop-shadow(0 0 26px rgba(176,80,250,.17))}50%{filter:drop-shadow(0 0 44px rgba(176,80,250,.32))}}
@keyframes v178CoreOut{to{opacity:0;transform:scale(.9);filter:blur(1px)}}
@keyframes v178ContextIn{to{opacity:1;transform:translateY(0)}}
@keyframes v178ContextOut{to{opacity:0;transform:translateY(-5px)}}
@keyframes v178StatusIn{to{opacity:1;transform:translateY(0)}}
@keyframes v178StatusOut{to{opacity:0;transform:translateY(-4px)}}
@keyframes v178PathOut{0%{opacity:0;stroke-dashoffset:1200}15%{opacity:1}100%{opacity:1;stroke-dashoffset:0}}
@keyframes v178ResultIn{to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes v178ResultCollapse{to{opacity:0;transform:translate(48px,86px) scale(.14);filter:blur(1px)}}
@keyframes v178Return{0%{opacity:0;stroke-dashoffset:1200}15%{opacity:.7}100%{opacity:.7;stroke-dashoffset:0}}
@keyframes v178ResolvedIn{to{opacity:1;transform:translateY(0)}}
@keyframes v178Pulse{0%,100%{transform:scale(.72);opacity:.22}50%{transform:scale(1.15);opacity:.74}}

@media (max-width:900px){
  #scene-3 .routing-visual,#scene-3 .routing-v176,#scene-3 .routing-v177{display:none!important}
  #scene-3 .routing-v178{left:4vw!important;right:4vw!important;top:10vh!important;width:auto!important;height:50vh!important;transform:none!important}
  #scene-3 .routing-v178-incoming{right:0!important;top:2%!important;min-width:165px!important;padding:9px 11px!important}
  #scene-3 .routing-v178-incoming b{font-size:10px!important}#scene-3 .routing-v178-incoming small{font-size:6px!important}
  #scene-3 .routing-v178-core{left:8%!important;top:35%!important;width:105px!important;height:78px!important}
  #scene-3 .arc-a{width:100px!important;height:64px!important}#scene-3 .arc-b{width:84px!important;height:70px!important}#scene-3 .arc-c{width:62px!important;height:48px!important}
  #scene-3 .routing-v178-nucleus{width:15px!important;height:15px!important}
  #scene-3 .routing-v178-core small{font-size:6px!important;top:calc(100% + 6px)!important}
  #scene-3 .routing-v178-context{left:34%!important;top:33%!important;width:150px!important}
  #scene-3 .routing-v178-context span{font-size:8px!important;padding:6px 8px!important}
  #scene-3 .routing-v178-status{left:38%!important;top:55%!important;font-size:7px!important;padding:6px 8px!important}
  #scene-3 .routing-v178-result{right:0!important;top:25%!important;min-width:185px!important;padding:10px 11px!important;gap:8px!important}
  #scene-3 .routing-v178-complete{width:27px!important;height:27px!important;flex-basis:27px!important}
  #scene-3 .routing-v178-result b{font-size:10px!important}#scene-3 .routing-v178-result small{font-size:6px!important}#scene-3 .routing-v178-result p,#scene-3 .routing-v178-result strong{font-size:7px!important}
  #scene-3 .routing-v178-resolved{right:0!important;bottom:3%!important;gap:8px!important}
  #scene-3 .routing-v178-resolved p{padding:7px 9px!important}#scene-3 .routing-v178-resolved small{font-size:6px!important}#scene-3 .routing-v178-resolved b{font-size:10px!important}
}


/* --- assets/css/story-v180-scenes1-4-choreography.css --- */
/* V180 — Scenes 1–4 timing, sequence and positioning pass. Loaded last. */
@media (min-width:901px){
  /* Scene 1: slower arrival, clear resolved frame. */
  #scene-1 .arrival-visual-v173{right:5.2vw!important;top:10vh!important;width:min(39vw,660px)!important;height:min(64vh,570px)!important}
  #scene-1 .arrival-call{right:8%!important;top:10%!important}
  #scene-1 .arrival-message{right:16%!important;top:34%!important}
  #scene-1 .arrival-appointment{right:7%!important;top:58%!important}
  #scene-1 .arrival-important{right:22%!important;top:78%!important}
  #scene-1 .arrival-caption{right:23%!important;bottom:3%!important}
  #scene-1.is-active-scene .path-call,#scene-1.v151-active .path-call{animation:v180Draw .9s 2.75s ease-out both,v180RoutineDim .45s 12.25s forwards}
  #scene-1.is-active-scene .arrival-call,#scene-1.v151-active .arrival-call{animation:v180In .65s 3s cubic-bezier(.2,.8,.2,1) both,v180RoutineDim .45s 12.25s forwards}
  #scene-1.is-active-scene .path-message,#scene-1.v151-active .path-message{animation:v180Draw .9s 5.4s ease-out both,v180RoutineDim .45s 12.25s forwards}
  #scene-1.is-active-scene .arrival-message,#scene-1.v151-active .arrival-message{animation:v180In .65s 5.7s cubic-bezier(.2,.8,.2,1) both,v180RoutineDim .45s 12.25s forwards}
  #scene-1.is-active-scene .path-appointment,#scene-1.v151-active .path-appointment{animation:v180Draw .9s 8.2s ease-out both,v180RoutineDim .45s 12.25s forwards}
  #scene-1.is-active-scene .arrival-appointment,#scene-1.v151-active .arrival-appointment{animation:v180In .65s 8.5s cubic-bezier(.2,.8,.2,1) both,v180RoutineDim .45s 12.25s forwards}
  #scene-1.is-active-scene .path-important,#scene-1.v151-active .path-important{animation:v180Draw .95s 10.8s ease-out both}
  #scene-1.is-active-scene .arrival-important,#scene-1.v151-active .arrival-important{animation:v180In .72s 11.1s cubic-bezier(.2,.8,.2,1) both,v173ImportantPulse 2.2s 11.8s ease-in-out infinite}
  #scene-1.is-active-scene .arrival-caption,#scene-1.v151-active .arrival-caption{animation:v180Caption .6s 12.7s ease-out both}

  /* Scene 2: one card transforms into the final conclusion; intermediate thoughts clear fully. */
  #scene-2 .decision-fragments-visual{right:4.5vw!important;top:10vh!important;width:min(42vw,700px)!important;height:min(66vh,590px)!important}
  #scene-2 .decision-incoming{left:18%!important;top:6%!important;min-width:320px!important;max-width:365px!important}
  #scene-2 .decision-question-stack{position:absolute!important;inset:0!important}
  #scene-2 .thought-1{left:23%!important;top:31%!important}
  #scene-2 .thought-2{right:2%!important;top:25%!important}
  #scene-2 .thought-3{right:5%!important;top:46%!important}
  #scene-2 .thought-4{left:20%!important;top:59%!important}
  #scene-2 .thought-5{right:1%!important;top:70%!important}
  #scene-2 .decision-unresolved{left:18%!important;right:auto!important;top:6%!important;bottom:auto!important;width:365px!important;min-height:122px!important;padding:20px 24px!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(48,14,67,.94),rgba(20,6,32,.9))!important;border:1px solid rgba(235,214,255,.28)!important;box-shadow:0 24px 62px rgba(0,0,0,.34)!important;display:flex!important;align-items:center!important;gap:18px!important}
  #scene-2 .decision-unresolved small{font-size:13px!important;line-height:1.25!important;letter-spacing:.08em!important}
  #scene-2 .decision-unresolved b{display:block!important;margin-top:5px!important;font:600 29px/1.05 Georgia,serif!important;letter-spacing:0!important;text-transform:none!important;color:#fff!important}
  #scene-2.is-active-scene .decision-incoming,#scene-2.v151-active .decision-incoming{animation:v180In .65s 1.2s both,v180Out .45s 11.35s forwards}
  #scene-2.is-active-scene .thought-1,#scene-2.v151-active .thought-1{animation:v180Thought .48s 3.8s both,v180Clear .45s 11.3s forwards}
  #scene-2.is-active-scene .thought-2,#scene-2.v151-active .thought-2{animation:v180Thought .48s 5.2s both,v180Clear .45s 11.3s forwards}
  #scene-2.is-active-scene .thought-3,#scene-2.v151-active .thought-3{animation:v180Thought .48s 6.6s both,v180Clear .45s 11.3s forwards}
  #scene-2.is-active-scene .thought-4,#scene-2.v151-active .thought-4{animation:v180Thought .48s 8s both,v180Clear .45s 11.3s forwards}
  #scene-2.is-active-scene .thought-5,#scene-2.v151-active .thought-5{animation:v180Thought .48s 9.4s both,v180Clear .45s 11.3s forwards}
  #scene-2.is-active-scene .decision-unresolved,#scene-2.v151-active .decision-unresolved{animation:v180FinalCard .65s 12s cubic-bezier(.2,.8,.2,1) both}

  /* Scene 3: align the visual beats to the narration and keep all graphics off the subject. */
  #scene-3 .routing-v178{left:auto!important;right:6.5vw!important;top:12vh!important;width:min(43vw,720px)!important;height:min(64vh,570px)!important;transform:none!important}
  #scene-3 .routing-v178-incoming{right:8%!important;top:5%!important}
  #scene-3 .routing-v178-core{left:2%!important;top:31%!important;width:150px!important;height:108px!important}
  #scene-3 .routing-v178-context{left:22%!important;top:34%!important;width:230px!important}
  #scene-3 .routing-v178-status{left:25%!important;top:57%!important}
  #scene-3 .routing-v178-result{right:4%!important;top:34%!important;min-width:275px!important}
  #scene-3 .routing-v178-resolved{right:5%!important;bottom:8%!important}
  #scene-3.is-active-scene .routing-v178-incoming,#scene-3.v151-active .routing-v178-incoming{animation:v178In .55s 2s both,v178Out .38s 4.65s forwards}
  #scene-3.is-active-scene .path-in,#scene-3.v151-active .path-in{animation:v178Draw 1.05s 2.45s both,v178PathFade .35s 4.8s forwards}
  #scene-3.is-active-scene .routing-v178-core,#scene-3.v151-active .routing-v178-core{animation:v178CoreIn .7s 3.2s both,v178CoreBreathe 3s 3.9s ease-in-out infinite,v180CoreDecide .45s 8.75s forwards}
  #scene-3.is-active-scene .routing-v178-context span:nth-child(1),#scene-3.v151-active .routing-v178-context span:nth-child(1){animation:v178ContextIn .35s 5.4s both,v178ContextOut .3s 6.25s forwards}
  #scene-3.is-active-scene .routing-v178-context span:nth-child(2),#scene-3.v151-active .routing-v178-context span:nth-child(2){animation:v178ContextIn .35s 6.5s both,v178ContextOut .3s 7.35s forwards}
  #scene-3.is-active-scene .routing-v178-context span:nth-child(3),#scene-3.v151-active .routing-v178-context span:nth-child(3){animation:v178ContextIn .35s 7.6s both,v178ContextOut .3s 8.45s forwards}
  #scene-3.is-active-scene .routing-v178-status,#scene-3.v151-active .routing-v178-status{animation:v178StatusIn .36s 9s both,v178StatusOut .3s 10s forwards}
  #scene-3.is-active-scene .path-out,#scene-3.v151-active .path-out{animation:v178PathOut .85s 9.25s both,v178PathFade .35s 11.8s forwards}
  #scene-3.is-active-scene .routing-v178-result,#scene-3.v151-active .routing-v178-result{animation:v178ResultIn .55s 10.5s both,v178ResultCollapse .55s 12s forwards}
  #scene-3.is-active-scene .path-return,#scene-3.v151-active .path-return{animation:v178Return .9s 11.95s both,v178PathFade .35s 13.2s forwards}
  #scene-3.is-active-scene .routing-v178-resolved,#scene-3.v151-active .routing-v178-resolved{animation:v178ResolvedIn .5s 12.45s both}

  /* Scene 4: one transforming context card, then a concise comparison row. */
  #scene-4 .relationship-visual{display:none!important}
  #scene-4 .context-v180{position:absolute!important;right:5vw!important;top:14vh!important;width:min(42vw,670px)!important;height:min(62vh,560px)!important;z-index:7!important}
  #scene-4 .context-v180-signal{position:absolute;right:4%;top:4%;display:flex;align-items:center;gap:12px;padding:12px 17px;border-radius:18px;background:rgba(28,8,44,.82);border:1px solid rgba(228,207,255,.22);backdrop-filter:blur(14px);opacity:0;transform:translateX(18px)}
  #scene-4 .context-v180-signal i{width:14px;height:14px;border-radius:50%;background:#b86cff;box-shadow:0 0 0 8px rgba(184,108,255,.1),0 0 22px rgba(184,108,255,.62)}
  #scene-4 .context-v180-signal b,#scene-4 .context-v180-signal small{display:block}#scene-4 .context-v180-signal b{font-size:15px}#scene-4 .context-v180-signal small{margin-top:3px;font-size:10px;color:rgba(255,255,255,.58)}
  #scene-4 .context-v180-card{position:absolute;left:8%;top:28%;width:330px;min-height:142px;padding:22px 24px;border-radius:25px;background:linear-gradient(145deg,rgba(39,12,59,.9),rgba(14,5,27,.82));border:1px solid rgba(233,213,255,.24);box-shadow:0 22px 58px rgba(0,0,0,.3);backdrop-filter:blur(18px);opacity:0;transform:translateY(12px)}
  #scene-4 .context-v180-card .context-kicker{font:700 10px/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:rgba(222,188,255,.7)}
  #scene-4 .context-v180-card h3{margin:13px 0 7px;font:500 31px/1.05 Georgia,serif;color:#fff}
  #scene-4 .context-v180-card p{margin:0;font:500 13px/1.35 Inter,sans-serif;color:rgba(255,255,255,.68)}
  #scene-4 .context-v180-card em{position:absolute;right:20px;top:20px;padding:8px 12px;border-radius:999px;font:700 10px/1 Inter,sans-serif;font-style:normal;text-transform:uppercase;letter-spacing:.09em;background:rgba(255,255,255,.1);color:#fff}
  #scene-4 .context-v180-card[data-tone="amber"] em{background:#ffc46e;color:#2d1600}#scene-4 .context-v180-card[data-tone="muted"] em{background:rgba(151,135,171,.22)}
  #scene-4 .context-v180-comparison{position:absolute;left:0;right:0;bottom:6%;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;opacity:0;transform:translateY(10px)}
  #scene-4 .context-v180-comparison span{display:grid;gap:4px;padding:12px 10px;border-radius:16px;background:rgba(24,7,38,.72);border:1px solid rgba(235,214,255,.16);backdrop-filter:blur(12px);text-align:center}
  #scene-4 .context-v180-comparison b{font-size:12px}.context-v180-comparison small{font-size:9px;color:rgba(255,255,255,.58)}
  #scene-4 .context-v180-conclusion{position:absolute;right:7%;bottom:-1%;padding:11px 16px;border-radius:15px;background:rgba(31,10,44,.84);border:1px solid rgba(229,205,255,.2);font:600 13px/1.2 Inter,sans-serif;color:#fff;opacity:0;transform:translateY(8px)}
  #scene-4.is-active-scene .context-v180-signal,#scene-4.v151-active .context-v180-signal{animation:v180In .55s 2.1s both}
  #scene-4.is-active-scene .context-card-child,#scene-4.v151-active .context-card-child{animation:v180CardIn .5s 3.5s both,v180CardOut .38s 5.25s forwards}
  #scene-4.is-active-scene .context-card-doctor,#scene-4.v151-active .context-card-doctor{animation:v180CardIn .5s 5.7s both,v180CardOut .38s 7.45s forwards}
  #scene-4.is-active-scene .context-card-work,#scene-4.v151-active .context-card-work{animation:v180CardIn .5s 7.9s both,v180CardOut .38s 9.65s forwards}
  #scene-4.is-active-scene .context-card-unknown,#scene-4.v151-active .context-card-unknown{animation:v180CardIn .5s 10.1s both,v180CardOut .38s 11.85s forwards}
  #scene-4.is-active-scene .context-v180-comparison,#scene-4.v151-active .context-v180-comparison{animation:v180CardIn .55s 12s both,v180Clear .35s 12.85s forwards}
  #scene-4.is-active-scene .context-v180-conclusion,#scene-4.v151-active .context-v180-conclusion{animation:v180Caption .5s 12.7s both}
}
@keyframes v180Draw{0%{opacity:0;stroke-dashoffset:1}18%{opacity:.35}100%{opacity:.78;stroke-dashoffset:0}}
@keyframes v180In{0%{opacity:0;transform:translateX(24px) scale(.97)}100%{opacity:1;transform:translateX(0) scale(1)}}
@keyframes v180Out{to{opacity:0;transform:translateY(-5px) scale(.98)}}
@keyframes v180RoutineDim{to{opacity:.48;filter:saturate(.7)}}
@keyframes v180Caption{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
@keyframes v180Thought{0%{opacity:0;transform:translateY(9px) scale(.96)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes v180Clear{to{opacity:0;transform:translateY(-5px) scale(.96)}}
@keyframes v180FinalCard{0%{opacity:0;transform:translateY(8px) scale(.94)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes v180CoreDecide{to{opacity:0;transform:scale(.78);filter:blur(1px)}}
@keyframes v180CardIn{0%{opacity:0;transform:translateY(12px) scale(.97)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes v180CardOut{to{opacity:0;transform:translateY(-7px) scale(.98)}}
@media (max-width:900px){#scene-4 .context-v180{display:none!important}}


/* --- assets/css/story-v182-scenes1-4-timeline-reset.css --- */
/* V182 — authoritative audio-synchronised timeline and visual reset for scenes 1–4. */
@media (min-width:901px){
  #scene-1 *,#scene-2 *,#scene-3 *,#scene-4 *{animation:none!important}
  #scene-1 .arrival-path,#scene-1 .arrival-signal,#scene-1 .arrival-caption,
  #scene-2 .decision-incoming,#scene-2 .decision-thought,#scene-2 .decision-unresolved,
  #scene-3 .routing-v178-incoming,#scene-3 .routing-v178-path,#scene-3 .routing-v178-core,#scene-3 .routing-v178-context span,#scene-3 .routing-v178-status,#scene-3 .routing-v178-result,#scene-3 .routing-v178-resolved,
  #scene-4 .context-v180-signal,#scene-4 .context-v180-card,#scene-4 .context-v180-comparison,#scene-4 .context-v180-conclusion{
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transition:opacity .48s ease,transform .6s cubic-bezier(.2,.8,.2,1),filter .45s ease!important;
  }

  /* Scene 1 — controlled arc, larger signals, strong resolved frame. */
  #scene-1 .arrival-visual-v173{right:4.7vw!important;top:11vh!important;width:min(40vw,690px)!important;height:min(62vh,555px)!important}
  #scene-1 .arrival-signal{min-width:170px!important;padding:13px 18px!important;border-radius:18px!important;font-size:16px!important;transform:translateX(22px) scale(.96)!important}
  #scene-1 .arrival-signal i{width:16px!important;height:16px!important;box-shadow:0 0 0 8px rgba(184,108,255,.12),0 0 24px rgba(184,108,255,.7)!important}
  #scene-1 .arrival-call{right:8%!important;top:8%!important}
  #scene-1 .arrival-message{right:17%!important;top:31%!important}
  #scene-1 .arrival-appointment{right:9%!important;top:55%!important}
  #scene-1 .arrival-important{right:23%!important;top:75%!important}
  #scene-1 .arrival-caption{right:17%!important;bottom:1%!important;max-width:420px!important;padding:13px 20px!important;border-radius:18px!important;background:rgba(24,7,38,.9)!important;border:1px solid rgba(239,219,255,.28)!important;box-shadow:0 18px 44px rgba(0,0,0,.3)!important;font-size:16px!important;font-weight:650!important;letter-spacing:.01em!important;text-transform:none!important;transform:translateY(12px)!important}
  #scene-1.vbeat-1 .path-call,#scene-1.vbeat-2 .path-call,#scene-1.vbeat-3 .path-call,#scene-1.vbeat-4 .path-call,#scene-1.vbeat-5 .path-call,#scene-1.vbeat-6 .path-call,
  #scene-1.vbeat-2 .path-message,#scene-1.vbeat-3 .path-message,#scene-1.vbeat-4 .path-message,#scene-1.vbeat-5 .path-message,#scene-1.vbeat-6 .path-message,
  #scene-1.vbeat-3 .path-appointment,#scene-1.vbeat-4 .path-appointment,#scene-1.vbeat-5 .path-appointment,#scene-1.vbeat-6 .path-appointment,
  #scene-1.vbeat-4 .path-important,#scene-1.vbeat-5 .path-important,#scene-1.vbeat-6 .path-important{opacity:.7!important;visibility:visible!important;stroke-dashoffset:0!important}
  #scene-1.vbeat-1 .arrival-call,#scene-1.vbeat-2 .arrival-call,#scene-1.vbeat-3 .arrival-call,#scene-1.vbeat-4 .arrival-call,#scene-1.vbeat-5 .arrival-call,#scene-1.vbeat-6 .arrival-call,
  #scene-1.vbeat-2 .arrival-message,#scene-1.vbeat-3 .arrival-message,#scene-1.vbeat-4 .arrival-message,#scene-1.vbeat-5 .arrival-message,#scene-1.vbeat-6 .arrival-message,
  #scene-1.vbeat-3 .arrival-appointment,#scene-1.vbeat-4 .arrival-appointment,#scene-1.vbeat-5 .arrival-appointment,#scene-1.vbeat-6 .arrival-appointment,
  #scene-1.vbeat-4 .arrival-important,#scene-1.vbeat-5 .arrival-important,#scene-1.vbeat-6 .arrival-important{opacity:1!important;visibility:visible!important;transform:none!important}
  #scene-1.vbeat-5 .arrival-call,#scene-1.vbeat-5 .arrival-message,#scene-1.vbeat-5 .arrival-appointment,#scene-1.vbeat-6 .arrival-call,#scene-1.vbeat-6 .arrival-message,#scene-1.vbeat-6 .arrival-appointment{opacity:.38!important;filter:saturate(.65)!important}
  #scene-1.vbeat-5 .path-call,#scene-1.vbeat-5 .path-message,#scene-1.vbeat-5 .path-appointment,#scene-1.vbeat-6 .path-call,#scene-1.vbeat-6 .path-message,#scene-1.vbeat-6 .path-appointment{opacity:.2!important}
  #scene-1.vbeat-6 .arrival-caption{opacity:1!important;visibility:visible!important;transform:none!important}

  /* Scene 2 — fragments, not oversized pills; one uninterrupted transformation. */
  #scene-2 .decision-fragments-visual{right:5vw!important;top:11vh!important;width:min(43vw,720px)!important;height:min(62vh,560px)!important}
  #scene-2 .decision-incoming{left:14%!important;top:7%!important;min-width:280px!important;max-width:320px!important;padding:17px 20px!important;border-radius:21px!important;transform:translateY(-10px) scale(.97)!important}
  #scene-2 .decision-incoming strong{font-size:30px!important}
  #scene-2 .decision-thought{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:5px 8px!important;border-radius:0!important;color:#fff!important;font:500 clamp(25px,2vw,35px)/1.08 Georgia,serif!important;text-shadow:0 2px 18px rgba(10,0,18,.8)!important;transform:translateY(12px)!important}
  #scene-2 .decision-thought::before{content:"";display:block;width:34px;height:2px;margin-bottom:8px;background:linear-gradient(90deg,#c078ff,transparent)}
  #scene-2 .thought-1{left:23%!important;top:31%!important}
  #scene-2 .thought-2{right:3%!important;top:24%!important}
  #scene-2 .thought-3{right:5%!important;top:46%!important}
  #scene-2 .thought-4{left:18%!important;top:61%!important}
  #scene-2 .thought-5{right:1%!important;top:72%!important}
  #scene-2 .decision-unresolved{left:14%!important;top:7%!important;width:410px!important;min-height:136px!important;padding:23px 27px!important;border-radius:25px!important;transform:scale(.94)!important}
  #scene-2 .decision-unresolved small{font-size:13px!important}.decision-unresolved b{font-size:34px!important}
  #scene-2.vbeat-1 .decision-incoming,#scene-2.vbeat-2 .decision-incoming,#scene-2.vbeat-3 .decision-incoming,#scene-2.vbeat-4 .decision-incoming,#scene-2.vbeat-5 .decision-incoming,#scene-2.vbeat-6 .decision-incoming{opacity:1!important;visibility:visible!important;transform:none!important}
  #scene-2.vbeat-2 .thought-1,#scene-2.vbeat-3 .thought-1,#scene-2.vbeat-4 .thought-1,#scene-2.vbeat-5 .thought-1,#scene-2.vbeat-6 .thought-1,
  #scene-2.vbeat-3 .thought-2,#scene-2.vbeat-4 .thought-2,#scene-2.vbeat-5 .thought-2,#scene-2.vbeat-6 .thought-2,
  #scene-2.vbeat-4 .thought-3,#scene-2.vbeat-5 .thought-3,#scene-2.vbeat-6 .thought-3,
  #scene-2.vbeat-5 .thought-4,#scene-2.vbeat-6 .thought-4,
  #scene-2.vbeat-6 .thought-5{opacity:1!important;visibility:visible!important;transform:none!important}
  #scene-2.vbeat-7 .decision-incoming,#scene-2.vbeat-7 .decision-thought{opacity:0!important;visibility:visible!important;transform:scale(.94)!important;filter:blur(2px)!important}
  #scene-2.vbeat-8 .decision-unresolved{opacity:1!important;visibility:visible!important;transform:none!important}

  /* Scene 3 — strict cause and effect: arrival → understanding → decision → outcome. */
  #scene-3 .routing-v178{right:6vw!important;top:13vh!important;width:min(42vw,700px)!important;height:min(59vh,525px)!important}
  #scene-3 .routing-v178-incoming{right:5%!important;top:4%!important;transform:translateX(18px)!important}
  #scene-3 .routing-v178-core{left:5%!important;top:31%!important;width:126px!important;height:92px!important;transform:scale(.9)!important}
  #scene-3 .routing-v178-context{left:25%!important;top:33%!important;width:225px!important;min-height:80px!important}
  #scene-3 .routing-v178-context span{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;padding:16px 18px!important;border-radius:18px!important;background:rgba(27,8,43,.84)!important;border:1px solid rgba(236,216,255,.2)!important;font-size:15px!important;transform:translateY(10px)!important}
  #scene-3 .routing-v178-status{left:29%!important;top:57%!important;transform:translateY(8px)!important}
  #scene-3 .routing-v178-result{right:4%!important;top:31%!important;min-width:300px!important;transform:translateX(18px)!important}
  #scene-3 .routing-v178-resolved{right:7%!important;bottom:5%!important;transform:translateY(8px)!important}
  #scene-3.vbeat-1 .routing-v178-incoming,#scene-3.vbeat-2 .routing-v178-incoming,#scene-3.vbeat-3 .routing-v178-incoming{opacity:1!important;visibility:visible!important;transform:none!important}
  #scene-3.vbeat-1 .path-in,#scene-3.vbeat-2 .path-in,#scene-3.vbeat-3 .path-in{opacity:.75!important;visibility:visible!important;stroke-dashoffset:0!important}
  #scene-3.vbeat-2 .routing-v178-core,#scene-3.vbeat-3 .routing-v178-core,#scene-3.vbeat-4 .routing-v178-core,#scene-3.vbeat-5 .routing-v178-core,#scene-3.vbeat-6 .routing-v178-core{opacity:1!important;visibility:visible!important;transform:none!important}
  #scene-3.vbeat-3 .routing-v178-context span:nth-child(1),#scene-3.vbeat-4 .routing-v178-context span:nth-child(2),#scene-3.vbeat-5 .routing-v178-context span:nth-child(3){opacity:1!important;visibility:visible!important;transform:none!important}
  #scene-3.vbeat-6 .routing-v178-core{transform:scale(.88)!important;opacity:.55!important}
  #scene-3.vbeat-7 .routing-v178-status,#scene-3.vbeat-8 .routing-v178-status{opacity:1!important;visibility:visible!important;transform:none!important}
  #scene-3.vbeat-7 .path-out,#scene-3.vbeat-8 .path-out{opacity:.8!important;visibility:visible!important;stroke-dashoffset:0!important}
  #scene-3.vbeat-8 .routing-v178-result,#scene-3.vbeat-9 .routing-v178-result{opacity:1!important;visibility:visible!important;transform:none!important}
  #scene-3.vbeat-9 .routing-v178-result{opacity:.15!important;transform:scale(.85)!important;filter:blur(1px)!important}
  #scene-3.vbeat-9 .path-return,#scene-3.vbeat-10 .path-return{opacity:.7!important;visibility:visible!important;stroke-dashoffset:0!important}
  #scene-3.vbeat-10 .routing-v178-resolved{opacity:1!important;visibility:visible!important;transform:none!important}

  /* Scene 4 — preserve the good sequence, make the conclusion unmistakable and persistent. */
  #scene-4 .context-v180{right:5.5vw!important;top:14vh!important;width:min(41vw,670px)!important;height:min(59vh,530px)!important}
  #scene-4 .context-v180-card{left:8%!important;top:27%!important;width:340px!important;min-height:146px!important;transform:translateY(12px)!important}
  #scene-4 .context-v180-comparison{bottom:12%!important;gap:9px!important;transform:translateY(10px)!important}
  #scene-4 .context-v180-conclusion{right:7%!important;bottom:0!important;padding:14px 19px!important;border-radius:17px!important;background:rgba(30,8,45,.94)!important;border:1px solid rgba(237,218,255,.3)!important;box-shadow:0 18px 44px rgba(0,0,0,.32)!important;font-size:16px!important;font-weight:700!important;transform:translateY(10px)!important}
  #scene-4.vbeat-1 .context-v180-signal,#scene-4.vbeat-2 .context-v180-signal,#scene-4.vbeat-3 .context-v180-signal,#scene-4.vbeat-4 .context-v180-signal,#scene-4.vbeat-5 .context-v180-signal{opacity:1!important;visibility:visible!important;transform:none!important}
  #scene-4.vbeat-2 .context-card-child,#scene-4.vbeat-3 .context-card-doctor,#scene-4.vbeat-4 .context-card-work,#scene-4.vbeat-5 .context-card-unknown{opacity:1!important;visibility:visible!important;transform:none!important}
  #scene-4.vbeat-6 .context-v180-comparison,#scene-4.vbeat-7 .context-v180-comparison{opacity:1!important;visibility:visible!important;transform:none!important}
  #scene-4.vbeat-7 .context-v180-conclusion{opacity:1!important;visibility:visible!important;transform:none!important}
}


/* --- assets/css/scene3-v183-simple.css --- */
/* V183 — Scene 3 simplified: request → permission checkpoint → outcome. */
#scene-3 .routing-v178,
#scene-3 .routing-v177,
#scene-3 .routing-v176,
#scene-3 .routing-visual{display:none!important}

#scene-3 .scene3-simple-v183{
  position:absolute!important;
  z-index:14!important;
  left:auto!important;
  right:5.5vw!important;
  top:16vh!important;
  width:min(43vw,700px)!important;
  height:min(58vh,510px)!important;
  transform:none!important;
  pointer-events:none!important;
}
#scene-3 .scene3-simple-v183 *{box-sizing:border-box}
#scene-3 .scene3-simple-paths{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#scene-3 .scene3-path{fill:none;stroke-linecap:round;stroke-dasharray:1100;stroke-dashoffset:1100;opacity:0}
#scene-3 .scene3-path-in{stroke:rgba(206,157,255,.62);stroke-width:2;filter:drop-shadow(0 0 8px rgba(177,94,255,.42))}
#scene-3 .scene3-path-out{stroke:rgba(244,238,255,.68);stroke-width:2.2;filter:drop-shadow(0 0 9px rgba(235,221,255,.34))}

#scene-3 .scene3-request-v183,
#scene-3 .scene3-checkpoint-v183,
#scene-3 .scene3-outcome-v183,
#scene-3 .scene3-resolved-v183{opacity:0;visibility:hidden;transition:opacity .42s ease,transform .55s cubic-bezier(.22,.8,.2,1)}

#scene-3 .scene3-request-v183{
  position:absolute;right:1%;top:4%;display:flex;align-items:center;gap:13px;
  min-width:238px;padding:13px 17px;border-radius:19px;
  background:linear-gradient(145deg,rgba(43,14,63,.88),rgba(15,5,28,.78));
  border:1px solid rgba(230,206,255,.24);backdrop-filter:blur(16px);
  box-shadow:0 18px 48px rgba(0,0,0,.25);transform:translateX(20px)
}
#scene-3 .scene3-request-v183 b,#scene-3 .scene3-request-v183 small{display:block}
#scene-3 .scene3-request-v183 b{font:600 16px/1.15 Inter,sans-serif;color:#fff}
#scene-3 .scene3-request-v183 small{margin-top:4px;font:650 9px/1.2 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}
#scene-3 .scene3-request-dot{position:relative;flex:0 0 16px;width:16px;height:16px;border-radius:50%;background:#ba6cff;box-shadow:0 0 0 8px rgba(186,108,255,.09),0 0 26px rgba(177,84,255,.72)}
#scene-3 .scene3-request-dot:after{content:"";position:absolute;inset:-9px;border:1px solid rgba(229,191,255,.3);border-radius:50%;animation:v183Pulse 2.2s ease-in-out infinite}

#scene-3 .scene3-checkpoint-v183{
  position:absolute;left:18%;top:43%;display:flex;flex-direction:column;align-items:center;gap:14px;
  min-width:190px;transform:translateY(12px)
}
#scene-3 .scene3-checkpoint-core{
  position:relative;width:74px;height:54px;border-radius:50%;
  background:radial-gradient(ellipse at 42% 38%,rgba(247,231,255,.96) 0 10%,rgba(190,108,255,.84) 26%,rgba(98,31,145,.55) 55%,rgba(46,11,69,.05) 72%);
  box-shadow:0 0 0 11px rgba(183,98,255,.07),0 0 38px rgba(183,98,255,.44)
}
#scene-3 .scene3-checkpoint-core:before,
#scene-3 .scene3-checkpoint-core:after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(225,192,255,.34);border-radius:50%;transform:translate(-50%,-50%) rotate(-14deg)}
#scene-3 .scene3-checkpoint-core:before{width:112px;height:68px}
#scene-3 .scene3-checkpoint-core:after{width:92px;height:80px;transform:translate(-50%,-50%) rotate(27deg);border-color:rgba(198,136,255,.27)}
#scene-3 .scene3-checkpoint-v183 small{
  padding:10px 14px;border-radius:999px;background:rgba(26,8,43,.74);border:1px solid rgba(231,213,255,.2);
  font:700 10px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.88);white-space:nowrap
}

#scene-3 .scene3-outcome-v183{
  position:absolute;right:1%;top:31%;display:flex;align-items:center;gap:15px;
  min-width:302px;padding:17px 19px;border-radius:21px;
  background:linear-gradient(145deg,rgba(29,9,47,.92),rgba(11,4,23,.85));
  border:1px solid rgba(232,217,248,.25);backdrop-filter:blur(18px);
  box-shadow:0 22px 56px rgba(0,0,0,.32),0 0 28px rgba(209,175,240,.08);
  transform:translateY(14px)
}
#scene-3 .scene3-outcome-mark{position:relative;display:block;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:rgba(244,238,255,.08);border:1px solid rgba(244,235,255,.38)}
#scene-3 .scene3-outcome-mark:before{content:"";position:absolute;left:11px;top:9px;width:11px;height:7px;border-left:2px solid #f4efff;border-bottom:2px solid #f4efff;transform:rotate(-45deg)}
#scene-3 .scene3-outcome-v183 small,#scene-3 .scene3-outcome-v183 b,#scene-3 .scene3-outcome-v183 p,#scene-3 .scene3-outcome-v183 strong{display:block;margin:0}
#scene-3 .scene3-outcome-v183 small{font:700 8px/1.2 Inter,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:rgba(238,224,255,.7)}
#scene-3 .scene3-outcome-v183 b{margin-top:5px;font:600 17px/1.2 Inter,sans-serif;color:#fff}
#scene-3 .scene3-outcome-v183 p{margin-top:5px;font:500 12px/1.2 Inter,sans-serif;color:rgba(255,255,255,.68)}
#scene-3 .scene3-outcome-v183 strong{margin-top:7px;font:700 10px/1.2 Inter,sans-serif;color:rgba(241,233,255,.88)}

#scene-3 .scene3-resolved-v183{position:absolute;right:4%;bottom:7%;display:flex;align-items:center;gap:12px;transform:translateY(8px)}
#scene-3 .scene3-resolved-v183>span{width:16px;height:16px;border-radius:50%;background:#f3efff;box-shadow:0 0 0 9px rgba(238,230,255,.08),0 0 28px rgba(230,215,255,.5)}
#scene-3 .scene3-resolved-v183 small{padding:10px 13px;border-radius:15px;background:rgba(24,8,39,.68);border:1px solid rgba(229,210,246,.18);font:600 12px/1.2 Inter,sans-serif;color:#fff;backdrop-filter:blur(12px)}

/* Audio-time beats: only one clear idea at a time. */
#scene-3.vbeat-1 .scene3-request-v183,
#scene-3.vbeat-2 .scene3-request-v183{opacity:1;visibility:visible;transform:none}
#scene-3.vbeat-1 .scene3-path-in,
#scene-3.vbeat-2 .scene3-path-in{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.2s ease,opacity .3s ease}
#scene-3.vbeat-2 .scene3-checkpoint-v183,
#scene-3.vbeat-3 .scene3-checkpoint-v183{opacity:1;visibility:visible;transform:none}
#scene-3.vbeat-3 .scene3-request-v183{opacity:.32;visibility:visible;transform:translateX(6px)}
#scene-3.vbeat-3 .scene3-path-in{opacity:.22;stroke-dashoffset:0}
#scene-3.vbeat-3 .scene3-path-out{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset 1s ease,opacity .3s ease}
#scene-3.vbeat-4 .scene3-outcome-v183{opacity:1;visibility:visible;transform:none}
#scene-3.vbeat-5 .scene3-resolved-v183{opacity:1;visibility:visible;transform:none}

@keyframes v183Pulse{0%,100%{transform:scale(.75);opacity:.25}50%{transform:scale(1.13);opacity:.72}}

@media (max-width:900px){
  #scene-3 .scene3-simple-v183{left:4vw!important;right:4vw!important;top:11vh!important;width:auto!important;height:48vh!important}
  #scene-3 .scene3-request-v183{right:0;top:2%;min-width:175px;padding:9px 11px;gap:8px}
  #scene-3 .scene3-request-v183 b{font-size:11px}#scene-3 .scene3-request-v183 small{font-size:6px}
  #scene-3 .scene3-checkpoint-v183{left:8%;top:43%;min-width:140px;gap:9px}
  #scene-3 .scene3-checkpoint-core{width:52px;height:38px}
  #scene-3 .scene3-checkpoint-core:before{width:78px;height:48px}#scene-3 .scene3-checkpoint-core:after{width:64px;height:56px}
  #scene-3 .scene3-checkpoint-v183 small{font-size:7px;padding:7px 9px}
  #scene-3 .scene3-outcome-v183{right:0;top:28%;min-width:190px;padding:10px 11px;gap:9px}
  #scene-3 .scene3-outcome-mark{width:28px;height:28px;flex-basis:28px}
  #scene-3 .scene3-outcome-v183 b{font-size:11px}#scene-3 .scene3-outcome-v183 p,#scene-3 .scene3-outcome-v183 strong{font-size:7px}#scene-3 .scene3-outcome-v183 small{font-size:6px}
  #scene-3 .scene3-resolved-v183{right:0;bottom:3%;gap:7px}#scene-3 .scene3-resolved-v183 small{font-size:8px;padding:7px 9px}
}


/* --- assets/css/scene5-v188-authority-gates.css --- */
/* V188 Scene 5 authority-gates component */
.scene-5 .permission-visual{display:none!important}
.scene-5 .authority-gates-v188{position:absolute;right:5.2vw;top:17%;width:min(46vw,720px);height:min(58vh,520px);z-index:12;pointer-events:none;color:#fff}
.scene-5 .authority-gates-v188 *{box-sizing:border-box}
.scene-5 .authority-intro{position:absolute;left:9%;top:0;display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.scene-5 .authority-intro span{font:600 13px/1.1 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,246,255,.82)}
.scene-5 .authority-intro i{display:block;width:56px;height:1px;background:linear-gradient(90deg,rgba(213,164,255,.7),transparent)}
.scene-5 .authority-path{position:absolute;left:8%;right:4%;top:52%;height:5px;opacity:0;transition:opacity .5s ease}
.scene-5 .authority-track{position:absolute;inset:2px 0 auto;height:1px;background:linear-gradient(90deg,rgba(212,164,255,.08),rgba(229,205,255,.55),rgba(212,164,255,.08));box-shadow:0 0 18px rgba(194,118,255,.28)}
.scene-5 .authority-orb{position:absolute;left:0;top:-4px;width:12px;height:12px;border-radius:50%;background:#d9a6ff;box-shadow:0 0 0 7px rgba(195,116,255,.12),0 0 25px rgba(211,155,255,.75);transform:translateX(0);transition:transform 1.35s cubic-bezier(.2,.75,.18,1),background .4s ease,box-shadow .4s ease}
.scene-5 .authority-gate{position:absolute;top:18%;width:29%;height:64%;opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.scene-5 .gate-approved{left:3%}.scene-5 .gate-ask{left:35.5%}.scene-5 .gate-never{left:68%}
.scene-5 .gate-arc{position:absolute;left:50%;top:13%;width:78%;height:66%;transform:translateX(-50%);border:1px solid rgba(230,209,255,.26);border-radius:52% 52% 42% 42%;background:linear-gradient(180deg,rgba(108,47,139,.08),rgba(25,8,39,.22));box-shadow:inset 0 0 30px rgba(200,137,255,.06),0 0 24px rgba(160,88,214,.08);transition:border-color .45s ease,box-shadow .45s ease,background .45s ease}
.scene-5 .gate-copy{position:absolute;left:50%;top:33%;width:90%;transform:translateX(-50%);text-align:center}
.scene-5 .gate-copy small{display:block;margin-bottom:7px;font:600 11px/1 Inter,system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:rgba(231,203,255,.7)}
.scene-5 .gate-copy b{display:block;font:500 clamp(16px,1.35vw,21px)/1.15 Georgia,serif;color:rgba(255,250,246,.96)}
.scene-5 .gate-copy em{display:block;margin-top:7px;font:400 11px/1.25 Inter,system-ui,sans-serif;font-style:normal;color:rgba(255,255,255,.56)}
.scene-5 .gate-status{position:absolute;left:50%;bottom:4%;transform:translate(-50%,8px);padding:7px 11px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(23,8,37,.68);font:600 10px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;white-space:nowrap;opacity:0;transition:opacity .4s ease,transform .5s ease}
.scene-5 .authority-final{position:absolute;left:7%;right:3%;top:23%;padding:26px 28px;border:1px solid rgba(232,210,255,.18);border-radius:24px;background:linear-gradient(145deg,rgba(31,11,48,.76),rgba(14,5,24,.62));backdrop-filter:blur(18px);box-shadow:0 25px 75px rgba(0,0,0,.28),inset 0 0 30px rgba(255,255,255,.025);opacity:0;transform:translateY(16px) scale(.98);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.8,.2,1)}
.scene-5 .authority-final-states{display:flex;gap:9px;margin-bottom:18px}.scene-5 .authority-final-states span{padding:7px 11px;border:1px solid rgba(231,205,255,.16);border-radius:999px;background:rgba(178,104,232,.08);font:600 10px/1 Inter,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:rgba(241,220,255,.76)}
.scene-5 .authority-final strong{display:block;max-width:560px;font:500 clamp(25px,2.4vw,38px)/1.08 Georgia,serif;letter-spacing:-.025em;color:#fffaf5}
/* timeline beats */
.scene-5.vbeat-1 .authority-intro,.scene-5.vbeat-2 .authority-intro,.scene-5.vbeat-3 .authority-intro,.scene-5.vbeat-4 .authority-intro,.scene-5.vbeat-5 .authority-intro{opacity:1;transform:none}
.scene-5.vbeat-1 .authority-path,.scene-5.vbeat-2 .authority-path,.scene-5.vbeat-3 .authority-path,.scene-5.vbeat-4 .authority-path{opacity:1}
.scene-5.vbeat-1 .authority-gate,.scene-5.vbeat-2 .authority-gate,.scene-5.vbeat-3 .authority-gate,.scene-5.vbeat-4 .authority-gate{opacity:.26;transform:none}
.scene-5.vbeat-2 .gate-approved,.scene-5.vbeat-3 .gate-ask,.scene-5.vbeat-4 .gate-never{opacity:1;transform:none}
.scene-5.vbeat-2 .gate-approved .gate-arc{border-color:rgba(247,239,255,.72);background:linear-gradient(180deg,rgba(183,121,231,.15),rgba(32,10,49,.32));box-shadow:0 0 34px rgba(224,188,255,.24),inset 0 0 34px rgba(230,202,255,.1)}
.scene-5.vbeat-3 .gate-ask .gate-arc{border-color:rgba(255,196,105,.82);box-shadow:0 0 38px rgba(255,180,73,.25),inset 0 0 34px rgba(255,181,72,.08)}
.scene-5.vbeat-4 .gate-never .gate-arc{border-color:rgba(164,124,190,.5);box-shadow:0 0 30px rgba(122,75,153,.18),inset 0 0 32px rgba(113,70,139,.1)}
.scene-5.vbeat-2 .gate-approved .gate-status,.scene-5.vbeat-3 .gate-ask .gate-status,.scene-5.vbeat-4 .gate-never .gate-status{opacity:1;transform:translate(-50%,0)}
.scene-5.vbeat-2 .authority-orb{transform:translateX(calc((min(46vw, 720px) - 86px) * .18));background:#f7f2ff;box-shadow:0 0 0 7px rgba(230,208,255,.13),0 0 28px rgba(241,225,255,.8)}
.scene-5.vbeat-3 .authority-orb{transform:translateX(calc((min(46vw, 720px) - 86px) * .5));background:#ffc56e;box-shadow:0 0 0 7px rgba(255,180,75,.13),0 0 30px rgba(255,180,75,.76)}
.scene-5.vbeat-4 .authority-orb{transform:translateX(calc((min(46vw, 720px) - 86px) * .82));background:#9e79b5;box-shadow:0 0 0 7px rgba(125,79,154,.1),0 0 18px rgba(125,79,154,.35)}
.scene-5.vbeat-5 .authority-gates-v188>*:not(.authority-final){opacity:0!important;transition-duration:.45s!important}
.scene-5.vbeat-5 .authority-final,.scene-5.vbeat-6 .authority-final{opacity:1;transform:none}
@media(max-width:900px){
 .scene-5 .authority-gates-v188{left:5vw;right:5vw;top:auto;bottom:118px;width:auto;height:43vh;max-height:390px}
 .scene-5 .authority-intro{left:3%;top:0}.scene-5 .authority-gate{top:18%;height:58%;width:31%}.scene-5 .gate-approved{left:0}.scene-5 .gate-ask{left:34.5%}.scene-5 .gate-never{left:69%}
 .scene-5 .gate-copy b{font-size:13px}.scene-5 .gate-copy em{font-size:9px}.scene-5 .gate-status{font-size:8px;padding:6px 8px}.scene-5 .authority-final{left:2%;right:2%;top:15%;padding:20px}.scene-5 .authority-final strong{font-size:clamp(22px,7vw,30px)}
 .scene-5.vbeat-2 .authority-orb{transform:translateX(calc((90vw - 70px) * .17))}.scene-5.vbeat-3 .authority-orb{transform:translateX(calc((90vw - 70px) * .5))}.scene-5.vbeat-4 .authority-orb{transform:translateX(calc((90vw - 70px) * .83))}
}


/* --- assets/css/scene8-v189-summary-distillation.css --- */
/* V189 — Scene 8: outcomes condense into one useful summary */
.scene-8 .summary-visual{display:none!important}
.scene-8 .summary-distill-v189{
  position:absolute;z-index:5;right:clamp(42px,5vw,88px);top:clamp(118px,15vh,170px);
  width:min(43vw,650px);height:min(64vh,570px);pointer-events:none;color:#fff;
}
.scene-8 .summary-fragments-v189,.scene-8 .summary-surface-v189,.scene-8 .summary-final-v189{position:absolute;inset:0}
.scene-8 .summary-fragment-v189{
  position:absolute;display:flex;align-items:center;gap:12px;width:min(310px,72%);padding:13px 16px;
  border:1px solid rgba(229,205,255,.24);border-radius:18px;background:rgba(25,10,43,.72);
  backdrop-filter:blur(16px);box-shadow:0 15px 40px rgba(4,0,12,.25);opacity:0;
  transform:translate3d(34px,0,0) scale(.96);transition:opacity .55s ease,transform .65s cubic-bezier(.2,.75,.2,1),filter .6s ease;
}
.scene-8 .summary-fragment-v189 i,.scene-8 .summary-row-v189 i{
  width:11px;height:11px;border-radius:50%;flex:0 0 11px;background:#f5efff;box-shadow:0 0 0 5px rgba(210,173,255,.12),0 0 18px rgba(219,190,255,.65)
}
.scene-8 .summary-fragment-v189 b,.scene-8 .summary-fragment-v189 small,.scene-8 .summary-row-v189 b,.scene-8 .summary-row-v189 small{display:block}
.scene-8 .summary-fragment-v189 b{font-size:14px;letter-spacing:.01em}.scene-8 .summary-fragment-v189 small{margin-top:3px;font-size:11px;color:rgba(255,255,255,.62)}
.scene-8 .fragment-one{right:2%;top:4%}.scene-8 .fragment-two{right:12%;top:28%}.scene-8 .fragment-three{right:0;top:52%}
.scene-8.vbeat-1 .fragment-one,.scene-8.vbeat-2 .fragment-one,.scene-8.vbeat-3 .fragment-one{opacity:1;transform:none}
.scene-8.vbeat-2 .fragment-two,.scene-8.vbeat-3 .fragment-two{opacity:1;transform:none}
.scene-8.vbeat-3 .fragment-three{opacity:1;transform:none}
.scene-8.vbeat-4 .summary-fragment-v189,.scene-8.vbeat-5 .summary-fragment-v189,.scene-8.vbeat-6 .summary-fragment-v189,.scene-8.vbeat-7 .summary-fragment-v189{opacity:0;transform:translate3d(-42px,18px,0) scale(.82);filter:blur(3px)}
.scene-8 .summary-surface-v189{
  inset:auto 0 5% auto;width:min(500px,88%);padding:23px 24px 20px;border-radius:27px;
  border:1px solid rgba(234,213,255,.24);background:linear-gradient(145deg,rgba(31,12,52,.9),rgba(12,6,25,.82));
  backdrop-filter:blur(22px);box-shadow:0 28px 75px rgba(0,0,0,.34);opacity:0;transform:translateY(22px) scale(.97);
  transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1)
}
.scene-8.vbeat-4 .summary-surface-v189,.scene-8.vbeat-5 .summary-surface-v189,.scene-8.vbeat-6 .summary-surface-v189,.scene-8.vbeat-7 .summary-surface-v189{opacity:1;transform:none}
.scene-8 .summary-surface-v189 header{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}
.scene-8 .summary-surface-v189 header small{font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:#d9b9f4}
.scene-8 .summary-surface-v189 header h3{margin:7px 0 0;font-size:22px;font-weight:550}
.scene-8 .summary-completed-v189{transition:opacity .55s ease,transform .65s ease,filter .55s ease,max-height .65s ease;max-height:245px;overflow:hidden}
.scene-8 .summary-row-v189{display:flex;align-items:center;gap:13px;padding:14px 2px;border-bottom:1px solid rgba(255,255,255,.075)}
.scene-8 .summary-row-v189 b{font-size:13px;font-weight:600}.scene-8 .summary-row-v189 small{margin-top:3px;font-size:10px;color:rgba(255,255,255,.55)}
.scene-8 .summary-decision-v189{
  margin-top:14px;padding:17px 18px;border:1px solid rgba(255,190,105,.28);border-radius:18px;
  background:linear-gradient(135deg,rgba(255,184,85,.14),rgba(105,54,130,.18));opacity:0;transform:translateY(12px) scale(.98);
  transition:opacity .55s ease,transform .65s cubic-bezier(.2,.8,.2,1),padding .6s ease
}
.scene-8 .summary-decision-v189 small{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#ffd18a}
.scene-8 .summary-decision-v189 h4{margin:7px 0 5px;font-size:18px;font-weight:600}.scene-8 .summary-decision-v189 span{font-size:11px;color:rgba(255,255,255,.62)}
.scene-8.vbeat-5 .summary-decision-v189,.scene-8.vbeat-6 .summary-decision-v189,.scene-8.vbeat-7 .summary-decision-v189{opacity:1;transform:none}
.scene-8.vbeat-6 .summary-completed-v189,.scene-8.vbeat-7 .summary-completed-v189{opacity:.2;transform:translateY(-8px) scale(.97);filter:blur(.4px);max-height:92px}
.scene-8.vbeat-6 .summary-decision-v189,.scene-8.vbeat-7 .summary-decision-v189{padding:22px 20px;transform:translateY(-4px) scale(1.025)}
.scene-8 .summary-final-v189{inset:auto 0 -1% auto;width:min(500px,88%);height:auto;opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .6s ease}
.scene-8 .summary-final-v189 b,.scene-8 .summary-final-v189 span{display:block;text-align:right;text-shadow:0 2px 20px rgba(0,0,0,.6)}
.scene-8 .summary-final-v189 b{font-size:clamp(20px,1.7vw,28px);font-weight:600}.scene-8 .summary-final-v189 span{margin-top:5px;font-size:13px;color:rgba(255,255,255,.68)}
.scene-8.vbeat-7 .summary-surface-v189{opacity:.22;transform:translateY(-12px) scale(.94);filter:blur(1px)}
.scene-8.vbeat-7 .summary-final-v189{opacity:1;transform:none}
@media(max-width:900px){
  .scene-8 .summary-distill-v189{left:5vw;right:5vw;top:auto;bottom:clamp(112px,16vh,150px);width:auto;height:41vh}
  .scene-8 .summary-fragment-v189{width:min(270px,77%);padding:10px 12px}.scene-8 .fragment-one{top:1%}.scene-8 .fragment-two{top:23%;right:5%}.scene-8 .fragment-three{top:45%}
  .scene-8 .summary-surface-v189{width:min(440px,95%);padding:14px 15px 13px;right:0;bottom:0}.scene-8 .summary-surface-v189 header{padding-bottom:9px}.scene-8 .summary-surface-v189 header h3{font-size:16px}
  .scene-8 .summary-row-v189{padding:8px 0}.scene-8 .summary-row-v189 b{font-size:10px}.scene-8 .summary-row-v189 small{font-size:8px}.scene-8 .summary-decision-v189{margin-top:8px;padding:10px 12px}.scene-8 .summary-decision-v189 h4{font-size:13px}
  .scene-8 .summary-final-v189{width:95%;bottom:-3%}.scene-8 .summary-final-v189 b{font-size:17px}.scene-8 .summary-final-v189 span{font-size:10px}
}


/* --- assets/css/scene1-v195-large-persistent-field.css --- */
/*
 V195 — Scene 1: root-deploy large persistent interruption field.

 This file intentionally uses a new class namespace and direct JS state.
 It does not depend on vbeat visibility and does not reuse the earlier right-rail graphics.
 Call remains when Message arrives; Call + Message remain when Request arrives.
*/

html body #scene-1 .scene1-impact-v194{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:8!important;
  overflow:hidden!important;
  pointer-events:none!important;
  isolation:isolate!important;
}

/* Soft atmosphere that only becomes noticeable once the scene is carrying all three demands. */
html body #scene-1 .scene1-impact-v194::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  opacity:0!important;
  background:
    radial-gradient(circle at 44% 21%,rgba(175,84,255,.16),transparent 15%),
    radial-gradient(circle at 80% 27%,rgba(175,84,255,.16),transparent 16%),
    radial-gradient(circle at 67% 69%,rgba(175,84,255,.15),transparent 18%)!important;
  transition:opacity .8s ease!important;
}
html body #scene-1.s1v194-all-visible .scene1-impact-v194::before{opacity:.72!important}

html body #scene-1 .s1v194-trajectories{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:1!important;
  overflow:visible!important;
}
html body #scene-1 .s1v194-trail{
  fill:none!important;
  stroke:rgba(215,169,255,.76)!important;
  stroke-width:1.55!important;
  vector-effect:non-scaling-stroke!important;
  filter:drop-shadow(0 0 8px rgba(180,91,255,.48))!important;
  stroke-dasharray:1!important;
  stroke-dashoffset:1!important;
  opacity:0!important;
  transition:stroke-dashoffset .72s cubic-bezier(.18,.76,.22,1),opacity .35s ease!important;
}

/*
   The three points deliberately occupy three DIFFERENT areas of the frame.
   They form a wide triangle around the family rather than another vertical UI stack.
*/
html body #scene-1 .s1v194-demand{
  position:absolute!important;
  z-index:3!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:clamp(240px,16vw,310px)!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  text-align:center!important;
  font-family:Inter,system-ui,sans-serif!important;
  opacity:0!important;
  visibility:hidden!important;
  filter:blur(10px)!important;
  will-change:transform,opacity,filter!important;
  transition:
    opacity .48s ease,
    transform .68s cubic-bezier(.16,.88,.2,1),
    filter .5s ease,
    visibility 0s linear .5s!important;
}

html body #scene-1 .s1v194-call{
  left:50%!important;
  top:8%!important;
  --s1-hidden-transform:translate3d(-50%,-58px,0) scale(.78)!important;
  transform:var(--s1-hidden-transform)!important;
}
html body #scene-1 .s1v194-message{
  left:82%!important;
  top:20%!important;
  --s1-hidden-transform:translate3d(calc(-50% + 64px),0,0) scale(.78)!important;
  transform:var(--s1-hidden-transform)!important;
}
html body #scene-1 .s1v194-request{
  left:68%!important;
  bottom:12%!important;
  --s1-hidden-transform:translate3d(-50%,58px,0) scale(.78)!important;
  transform:var(--s1-hidden-transform)!important;
}

/* Large signal object — intentionally much larger than the V191–V193 dots. */
html body #scene-1 .s1v194-beacon{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:clamp(190px,13.5vw,250px)!important;
  height:clamp(190px,13.5vw,250px)!important;
  flex:0 0 auto!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 39% 33%,rgba(236,212,255,.25),rgba(137,58,206,.11) 42%,rgba(35,5,57,.09) 67%,transparent 70%)!important;
  box-shadow:
    0 0 82px rgba(173,77,250,.46),
    inset 0 0 36px rgba(214,164,255,.10)!important;
}

html body #scene-1 .s1v194-ring{
  position:absolute!important;
  border-radius:50%!important;
  pointer-events:none!important;
}
html body #scene-1 .s1v194-ring-outer{
  inset:2px!important;
  border:1px solid rgba(229,195,255,.58)!important;
  box-shadow:0 0 32px rgba(178,85,255,.26)!important;
}
html body #scene-1 .s1v194-ring-inner{
  inset:24%!important;
  border:1px solid rgba(239,219,255,.42)!important;
  background:radial-gradient(circle,rgba(178,89,250,.18),rgba(96,30,147,.05) 65%,transparent 68%)!important;
}
html body #scene-1 .s1v194-core{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  width:clamp(92px,6.8vw,126px)!important;
  height:clamp(92px,6.8vw,126px)!important;
  border-radius:50%!important;
  border:1px solid rgba(241,222,255,.50)!important;
  background:linear-gradient(145deg,rgba(188,99,255,.86),rgba(109,38,165,.86))!important;
  box-shadow:
    0 0 0 9px rgba(183,91,251,.07),
    0 0 48px rgba(190,104,255,.72),
    inset 0 1px 10px rgba(255,255,255,.17)!important;
}
html body #scene-1 .s1v194-core svg{
  width:42%!important;
  height:42%!important;
  fill:none!important;
  stroke:#fff!important;
  stroke-width:1.4!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.24))!important;
}

/* Strong labels: part of the composition, not tiny metadata attached to a dot. */
html body #scene-1 .s1v194-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:5px!important;
  margin-top:10px!important;
  min-width:230px!important;
  text-shadow:0 4px 24px rgba(8,0,17,.96)!important;
}
html body #scene-1 .s1v194-copy strong{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(30px,2.25vw,42px)!important;
  line-height:.95!important;
  font-weight:640!important;
  letter-spacing:-.035em!important;
}
html body #scene-1 .s1v194-copy small{
  display:block!important;
  margin:0!important;
  color:rgba(228,198,251,.86)!important;
  font-size:clamp(10px,.78vw,14px)!important;
  line-height:1!important;
  font-weight:750!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
}

/* Once direct JS has shown a demand, there is no breathing, flashing, dimming or exit animation. */
html body #scene-1 .s1v194-demand[data-visible="true"]{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  transform:translate3d(-50%,0,0) scale(1)!important;
  transition-delay:0s!important;
}

/* Neutralise every previous Scene 1 interruption system if stale markup ever survives a merge deployment. */
html body #scene-1 .arrival-visual-v173,
html body #scene-1 .arrival-signal,
html body #scene-1 .arrival-caption,
html body #scene-1 .scene1-field-v191,
html body #scene-1 .scene1-field-v192,
html body #scene-1 .scene1-field-v193{
  display:none!important;
}

/* Landscape tablets and laptops keep the full cinematic composition. */
@media (max-width:1100px) and (orientation:landscape){
  html body #scene-1 .s1v194-demand{width:230px!important}
  html body #scene-1 .s1v194-beacon{width:178px!important;height:178px!important}
  html body #scene-1 .s1v194-core{width:88px!important;height:88px!important}
  html body #scene-1 .s1v194-copy strong{font-size:30px!important}
  html body #scene-1 .s1v194-call{left:49%!important;top:7%!important}
  html body #scene-1 .s1v194-message{left:81%!important;top:20%!important}
  html body #scene-1 .s1v194-request{left:68%!important;bottom:11%!important}
}

/* Mobile is intentionally different: large enough to read, but placed away from the copy card. */
@media (max-width:719px), (orientation:portrait) and (max-width:900px){
  html body #scene-1 .s1v194-trajectories{display:none!important}
  html body #scene-1 .s1v194-demand{width:118px!important}
  html body #scene-1 .s1v194-beacon{width:78px!important;height:78px!important}
  html body #scene-1 .s1v194-core{width:42px!important;height:42px!important}
  html body #scene-1 .s1v194-copy{min-width:110px!important;margin-top:5px!important;gap:2px!important}
  html body #scene-1 .s1v194-copy strong{font-size:18px!important}
  html body #scene-1 .s1v194-copy small{font-size:7px!important}
  html body #scene-1 .s1v194-call{left:58%!important;top:8%!important}
  html body #scene-1 .s1v194-message{left:83%!important;top:25%!important}
  html body #scene-1 .s1v194-request{left:70%!important;bottom:20%!important}
}

@media (prefers-reduced-motion:reduce){
  html body #scene-1 .scene1-impact-v194 *{transition:none!important;animation:none!important}
}


/* --- assets/css/scene1-v196-typography-refinement.css --- */
/*
 V196 — Scene 1 typography refinement only.
 Keeps V195 composition, scale, timing and persistence intact.
 Aligns the interruption labels with Cocoon's established display/body typography.
*/

/* Primary labels should feel editorial/premium rather than app-dashboard bold. */
html body #scene-1 .s1v194-copy strong{
  font-family:var(--cocoon-display,"Playfair Display",Georgia,"Times New Roman",serif)!important;
  font-size:clamp(28px,1.9vw,34px)!important;
  line-height:1.02!important;
  font-weight:500!important;
  letter-spacing:-.032em!important;
  text-wrap:balance!important;
  text-shadow:0 4px 22px rgba(8,0,17,.90)!important;
}

/* Status words are supporting information, not a second headline. */
html body #scene-1 .s1v194-copy small{
  font-family:var(--cocoon-body,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif)!important;
  font-size:clamp(9px,.62vw,11px)!important;
  line-height:1.15!important;
  font-weight:650!important;
  letter-spacing:.13em!important;
  color:rgba(233,213,249,.78)!important;
}

/* Give the serif label a little more air from the illuminated node. */
html body #scene-1 .s1v194-copy{
  gap:6px!important;
  margin-top:13px!important;
}

/* Laptop landscape: preserve the hierarchy without reverting to oversized sans labels. */
@media (max-width:1100px) and (orientation:landscape){
  html body #scene-1 .s1v194-copy strong{font-size:28px!important}
  html body #scene-1 .s1v194-copy small{font-size:9px!important;letter-spacing:.12em!important}
}

/* Mobile remains legible but clearly subordinate to the scene headline. */
@media (max-width:719px), (orientation:portrait) and (max-width:900px){
  html body #scene-1 .s1v194-copy{margin-top:7px!important;gap:3px!important}
  html body #scene-1 .s1v194-copy strong{font-size:20px!important;line-height:1!important}
  html body #scene-1 .s1v194-copy small{font-size:7px!important;letter-spacing:.11em!important}
}


/* --- assets/css/scene3-v199-connected-flow.css --- */
/*
 V199 — Scene 3 connected-flow redesign.
 Scene 1 is the visual reference: large illuminated nodes, elegant display labels,
 connected trajectories and cumulative state.  No one-at-a-time cards.
*/

/* Retire all previous Scene 3 visual systems. */
html body #scene-3 .scene3-simple-v183,
html body #scene-3 .routing-v178,
html body #scene-3 .routing-v177,
html body #scene-3 .routing-v176,
html body #scene-3 .routing-visual{display:none!important}

html body #scene-3 .scene3-flow-v199{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:9!important;
  overflow:hidden!important;
  pointer-events:none!important;
  isolation:isolate!important;
}
html body #scene-3 .scene3-flow-v199 *{box-sizing:border-box!important}

html body #scene-3 .scene3-v199-trajectories{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:1!important;
  overflow:visible!important;
}
html body #scene-3 .scene3-v199-path{
  fill:none!important;
  stroke:rgba(215,169,255,.78)!important;
  stroke-width:1.7!important;
  vector-effect:non-scaling-stroke!important;
  stroke-linecap:round!important;
  stroke-dasharray:1!important;
  stroke-dashoffset:1!important;
  opacity:0!important;
  filter:drop-shadow(0 0 8px rgba(180,91,255,.52))!important;
  transition:stroke-dashoffset .78s cubic-bezier(.18,.76,.22,1),opacity .35s ease!important;
}
html body #scene-3 .scene3-v199-path-out{
  stroke:rgba(241,224,255,.86)!important;
  stroke-width:2!important;
  filter:drop-shadow(0 0 10px rgba(218,177,255,.58))!important;
}

/* Shared cumulative entrance behaviour — JS only changes this once per threshold. */
html body #scene-3 [data-s3-v199]{
  opacity:0!important;
  visibility:hidden!important;
  filter:blur(9px)!important;
  transition:opacity .48s ease,transform .68s cubic-bezier(.16,.88,.2,1),filter .5s ease!important;
  will-change:transform,opacity,filter!important;
}
html body #scene-3 [data-s3-v199][data-visible="true"]{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}

/* Incoming request: large enough to read as a deliberate story graphic, not a UI chip. */
html body #scene-3 .scene3-v199-demand{
  position:absolute!important;
  left:69%!important;
  top:8.5%!important;
  z-index:4!important;
  width:clamp(190px,14vw,255px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  --s3-hidden-transform:translate3d(-50%,-42px,0) scale(.80)!important;
  --s3-visible-transform:translate3d(-50%,0,0) scale(1)!important;
}
html body #scene-3 .scene3-v199-beacon{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:clamp(126px,9.3vw,170px)!important;
  height:clamp(126px,9.3vw,170px)!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 40% 34%,rgba(237,214,255,.24),rgba(134,55,203,.10) 44%,rgba(35,5,57,.08) 67%,transparent 70%)!important;
  box-shadow:0 0 66px rgba(173,77,250,.40),inset 0 0 30px rgba(214,164,255,.09)!important;
}
html body #scene-3 .scene3-v199-ring{position:absolute!important;border-radius:50%!important}
html body #scene-3 .scene3-v199-ring-outer{inset:2px!important;border:1px solid rgba(229,195,255,.55)!important;box-shadow:0 0 27px rgba(178,85,255,.24)!important}
html body #scene-3 .scene3-v199-ring-inner{inset:24%!important;border:1px solid rgba(239,219,255,.40)!important;background:radial-gradient(circle,rgba(178,89,250,.16),rgba(96,30,147,.05) 65%,transparent 68%)!important}
html body #scene-3 .scene3-v199-core-icon{
  position:relative!important;z-index:2!important;display:grid!important;place-items:center!important;
  width:clamp(64px,4.8vw,88px)!important;height:clamp(64px,4.8vw,88px)!important;border-radius:50%!important;
  border:1px solid rgba(241,222,255,.50)!important;background:linear-gradient(145deg,rgba(188,99,255,.88),rgba(109,38,165,.88))!important;
  box-shadow:0 0 0 8px rgba(183,91,251,.07),0 0 42px rgba(190,104,255,.68),inset 0 1px 10px rgba(255,255,255,.17)!important;
}
html body #scene-3 .scene3-v199-core-icon svg,
html body #scene-3 .scene3-v199-context-node svg,
html body #scene-3 .scene3-v199-outcome-check svg{width:43%!important;height:43%!important;fill:none!important;stroke:#fff!important;stroke-width:1.45!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html body #scene-3 .scene3-v199-demand-copy{display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;margin-top:10px!important;text-shadow:0 4px 22px rgba(8,0,17,.92)!important}
html body #scene-3 .scene3-v199-demand-copy strong,
html body #scene-3 .scene3-v199-cocoon-copy strong,
html body #scene-3 .scene3-v199-outcome-copy strong{
  font-family:var(--cocoon-display,"Playfair Display",Georgia,"Times New Roman",serif)!important;
  font-weight:500!important;letter-spacing:-.032em!important;color:#fff!important;
}
html body #scene-3 .scene3-v199-demand-copy strong{font-size:clamp(25px,1.75vw,32px)!important;line-height:1!important}
html body #scene-3 .scene3-v199-demand-copy small{font:650 clamp(9px,.62vw,11px)/1.15 var(--cocoon-body,Inter,system-ui,sans-serif)!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:rgba(233,213,249,.78)!important}

/* Cocoon is the visual anchor, deliberately placed on the protective boundary rather than over the subject. */
html body #scene-3 .scene3-v199-cocoon{
  position:absolute!important;left:52.5%!important;top:43%!important;z-index:5!important;
  width:clamp(185px,13vw,235px)!important;height:clamp(155px,11vw,205px)!important;
  display:grid!important;place-items:center!important;
  --s3-hidden-transform:translate3d(-50%,-50%,0) scale(.72)!important;
  --s3-visible-transform:translate3d(-50%,-50%,0) scale(1)!important;
}
html body #scene-3 .scene3-v199-orbit{position:absolute!important;left:50%!important;top:43%!important;border:1px solid rgba(226,191,255,.46)!important;border-radius:50%!important;transform-origin:center!important;box-shadow:0 0 24px rgba(177,85,255,.11)!important}
html body #scene-3 .scene3-v199-orbit-a{width:92%!important;height:63%!important;transform:translate(-50%,-50%) rotate(-17deg)!important}
html body #scene-3 .scene3-v199-orbit-b{width:73%!important;height:84%!important;transform:translate(-50%,-50%) rotate(31deg)!important;border-color:rgba(198,136,255,.31)!important}
html body #scene-3 .scene3-v199-orb{
  position:absolute!important;left:50%!important;top:43%!important;transform:translate(-50%,-50%)!important;
  width:clamp(74px,5.4vw,100px)!important;height:clamp(74px,5.4vw,100px)!important;border-radius:50%!important;
  background:radial-gradient(circle at 38% 32%,#f1d9ff 0 7%,#c176ff 27%,#8c38d1 55%,#48106d 78%,rgba(30,5,48,.92) 100%)!important;
  box-shadow:0 0 0 12px rgba(184,95,255,.07),0 0 58px rgba(184,95,255,.67),inset 0 0 18px rgba(255,255,255,.14)!important;
}
html body #scene-3 .scene3-v199-cocoon-copy{position:absolute!important;left:50%!important;top:82%!important;transform:translateX(-50%)!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;white-space:nowrap!important;text-shadow:0 4px 24px rgba(8,0,17,.96)!important}
html body #scene-3 .scene3-v199-cocoon-copy strong{font-size:clamp(27px,1.9vw,35px)!important;line-height:1!important}
html body #scene-3 .scene3-v199-cocoon-copy small{font:700 clamp(8px,.55vw,10px)/1 var(--cocoon-body,Inter,system-ui,sans-serif)!important;text-transform:uppercase!important;letter-spacing:.14em!important;color:rgba(229,204,249,.78)!important}

/* Context points are satellites of the Cocoon core — each trajectory visibly terminates in its node. */
html body #scene-3 .scene3-v199-context{
  position:absolute!important;z-index:4!important;display:flex!important;align-items:center!important;gap:12px!important;
  min-width:clamp(205px,15vw,270px)!important;
  --s3-hidden-transform:translate3d(-18px,0,0) scale(.88)!important;
  --s3-visible-transform:translate3d(0,0,0) scale(1)!important;
}
html body #scene-3 .scene3-v199-who{left:66.5%!important;top:29%!important}
html body #scene-3 .scene3-v199-what{left:71%!important;top:45%!important}
html body #scene-3 .scene3-v199-permission{left:66%!important;top:61%!important}
html body #scene-3 .scene3-v199-context-node{
  flex:0 0 auto!important;display:grid!important;place-items:center!important;
  width:clamp(68px,4.8vw,88px)!important;height:clamp(68px,4.8vw,88px)!important;border-radius:50%!important;
  border:1px solid rgba(231,205,255,.48)!important;background:linear-gradient(145deg,rgba(155,72,225,.78),rgba(80,26,126,.80))!important;
  box-shadow:0 0 0 9px rgba(184,95,255,.06),0 0 38px rgba(184,95,255,.43),inset 0 0 14px rgba(255,255,255,.10)!important;
}
html body #scene-3 .scene3-v199-context-copy{display:flex!important;flex-direction:column!important;gap:4px!important;text-shadow:0 4px 18px rgba(8,0,17,.94)!important}
html body #scene-3 .scene3-v199-context-copy small{font:750 clamp(8px,.52vw,10px)/1 var(--cocoon-body,Inter,system-ui,sans-serif)!important;text-transform:uppercase!important;letter-spacing:.15em!important;color:rgba(215,175,247,.82)!important}
html body #scene-3 .scene3-v199-context-copy strong{font:600 clamp(14px,1vw,18px)/1.12 var(--cocoon-body,Inter,system-ui,sans-serif)!important;letter-spacing:-.015em!important;color:#fff!important;white-space:nowrap!important}
html body #scene-3.s3v199-context-complete .scene3-v199-context-node{border-color:rgba(242,225,255,.76)!important;box-shadow:0 0 0 10px rgba(184,95,255,.07),0 0 48px rgba(195,119,255,.58),inset 0 0 17px rgba(255,255,255,.13)!important}

/* Resolution: same family of beacon, but calmer and brighter to signal an outcome rather than another demand. */
html body #scene-3 .scene3-v199-outcome{
  position:absolute!important;left:81.5%!important;top:74%!important;z-index:5!important;
  width:clamp(260px,19vw,340px)!important;display:flex!important;align-items:center!important;gap:15px!important;
  --s3-hidden-transform:translate3d(-50%,35px,0) scale(.82)!important;
  --s3-visible-transform:translate3d(-50%,-50%,0) scale(1)!important;
}
html body #scene-3 .scene3-v199-outcome-beacon{position:relative!important;flex:0 0 auto!important;display:grid!important;place-items:center!important;width:clamp(105px,7.4vw,138px)!important;height:clamp(105px,7.4vw,138px)!important;border-radius:50%!important;background:radial-gradient(circle,rgba(228,208,255,.15),rgba(124,57,185,.06) 60%,transparent 72%)!important;box-shadow:0 0 55px rgba(192,119,255,.35)!important}
html body #scene-3 .scene3-v199-outcome-ring{position:absolute!important;inset:2px!important;border-radius:50%!important;border:1px solid rgba(238,219,255,.58)!important;box-shadow:0 0 28px rgba(215,173,255,.25)!important}
html body #scene-3 .scene3-v199-outcome-check{display:grid!important;place-items:center!important;width:clamp(58px,4.2vw,78px)!important;height:clamp(58px,4.2vw,78px)!important;border-radius:50%!important;background:linear-gradient(145deg,rgba(213,174,255,.9),rgba(126,68,181,.88))!important;border:1px solid rgba(255,255,255,.52)!important;box-shadow:0 0 34px rgba(222,187,255,.54)!important}
html body #scene-3 .scene3-v199-outcome-check svg{width:47%!important;height:47%!important;stroke-width:1.8!important}
html body #scene-3 .scene3-v199-outcome-copy{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:190px!important;text-shadow:0 4px 20px rgba(8,0,17,.95)!important}
html body #scene-3 .scene3-v199-outcome-copy small{font:750 clamp(8px,.52vw,10px)/1 var(--cocoon-body,Inter,system-ui,sans-serif)!important;text-transform:uppercase!important;letter-spacing:.14em!important;color:rgba(229,204,249,.82)!important}
html body #scene-3 .scene3-v199-outcome-copy strong{font-size:clamp(21px,1.45vw,27px)!important;line-height:1.03!important}
html body #scene-3 .scene3-v199-outcome-copy em{font:500 clamp(11px,.75vw,13px)/1.2 var(--cocoon-body,Inter,system-ui,sans-serif)!important;font-style:normal!important;color:rgba(255,255,255,.72)!important}
html body #scene-3 .scene3-v199-outcome-copy b{margin-top:2px!important;font:700 clamp(9px,.6vw,11px)/1.2 var(--cocoon-body,Inter,system-ui,sans-serif)!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#fff!important}
html body #scene-3.s3v199-resolved .scene3-v199-path-out{stroke:rgba(244,230,255,.95)!important;filter:drop-shadow(0 0 13px rgba(224,190,255,.74))!important}

/* Laptop landscape keeps the full connected composition instead of collapsing to tiny mobile graphics. */
@media (max-width:1180px) and (orientation:landscape){
  html body #scene-3 .scene3-v199-demand{left:68%!important;top:8%!important;width:190px!important}
  html body #scene-3 .scene3-v199-beacon{width:126px!important;height:126px!important}
  html body #scene-3 .scene3-v199-core-icon{width:64px!important;height:64px!important}
  html body #scene-3 .scene3-v199-cocoon{left:51%!important;top:43%!important;width:185px!important;height:155px!important}
  html body #scene-3 .scene3-v199-who{left:65%!important;top:29%!important}
  html body #scene-3 .scene3-v199-what{left:69%!important;top:45%!important}
  html body #scene-3 .scene3-v199-permission{left:64%!important;top:61%!important}
  html body #scene-3 .scene3-v199-context-node{width:68px!important;height:68px!important}
  html body #scene-3 .scene3-v199-context-copy strong{font-size:14px!important}
  html body #scene-3 .scene3-v199-outcome{left:80%!important;top:73%!important;width:275px!important}
  html body #scene-3 .scene3-v199-outcome-beacon{width:105px!important;height:105px!important}
}

/* Mobile: preserve the idea as a compact connected column; do not reuse the old V183 cards. */
@media (max-width:719px), (orientation:portrait) and (max-width:900px){
  html body #scene-3 .scene3-v199-trajectories{display:none!important}
  html body #scene-3 .scene3-flow-v199{top:7vh!important;height:61vh!important}
  html body #scene-3 .scene3-v199-demand{left:69%!important;top:3%!important;width:118px!important}
  html body #scene-3 .scene3-v199-beacon{width:78px!important;height:78px!important}
  html body #scene-3 .scene3-v199-core-icon{width:42px!important;height:42px!important}
  html body #scene-3 .scene3-v199-demand-copy strong{font-size:19px!important}
  html body #scene-3 .scene3-v199-demand-copy small{font-size:7px!important}
  html body #scene-3 .scene3-v199-cocoon{left:37%!important;top:32%!important;width:120px!important;height:105px!important}
  html body #scene-3 .scene3-v199-orb{width:55px!important;height:55px!important}
  html body #scene-3 .scene3-v199-cocoon-copy strong{font-size:19px!important}
  html body #scene-3 .scene3-v199-cocoon-copy small{font-size:7px!important}
  html body #scene-3 .scene3-v199-context{min-width:145px!important;gap:7px!important}
  html body #scene-3 .scene3-v199-who{left:52%!important;top:29%!important}
  html body #scene-3 .scene3-v199-what{left:57%!important;top:43%!important}
  html body #scene-3 .scene3-v199-permission{left:52%!important;top:57%!important}
  html body #scene-3 .scene3-v199-context-node{width:46px!important;height:46px!important}
  html body #scene-3 .scene3-v199-context-copy small{font-size:6px!important}
  html body #scene-3 .scene3-v199-context-copy strong{font-size:10px!important;white-space:normal!important;max-width:96px!important}
  html body #scene-3 .scene3-v199-outcome{left:61%!important;top:78%!important;width:205px!important;gap:9px!important}
  html body #scene-3 .scene3-v199-outcome-beacon{width:72px!important;height:72px!important}
  html body #scene-3 .scene3-v199-outcome-check{width:40px!important;height:40px!important}
  html body #scene-3 .scene3-v199-outcome-copy{min-width:125px!important}
  html body #scene-3 .scene3-v199-outcome-copy strong{font-size:15px!important}
  html body #scene-3 .scene3-v199-outcome-copy em{font-size:8px!important}
  html body #scene-3 .scene3-v199-outcome-copy small,
  html body #scene-3 .scene3-v199-outcome-copy b{font-size:6px!important}
}

@media (prefers-reduced-motion:reduce){
  html body #scene-3 .scene3-flow-v199 *{transition:none!important;animation:none!important}
}


/* --- assets/css/scene3-v200-composition.css --- */
/*
 V200 — Scene 3 composition / trajectory refinement.
 Keeps V199's connected-flow concept and timing model, but fixes spatial hierarchy,
 line termination and negative-space use against scene-03.webp.
 Scene 1 remains the reference: large luminous signals, clean typography, cumulative state.
*/

@media (min-width:720px) and (orientation:landscape){
  /* Incoming appointment: one strong signal in the upper negative space.
     Horizontal label prevents the tall stack that collided with WHO in V199. */
  html body #scene-3 .scene3-v199-demand{
    left:74%!important;
    top:8.5%!important;
    width:clamp(300px,24vw,390px)!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:clamp(124px,8.8vw,158px) minmax(130px,1fr)!important;
    align-items:center!important;
    gap:16px!important;
    text-align:left!important;
    --s3-hidden-transform:translate3d(-50%,-28px,0) scale(.86)!important;
    --s3-visible-transform:translate3d(-50%,0,0) scale(1)!important;
  }
  html body #scene-3 .scene3-v199-beacon{
    width:clamp(124px,8.8vw,158px)!important;
    height:clamp(124px,8.8vw,158px)!important;
  }
  html body #scene-3 .scene3-v199-core-icon{
    width:clamp(66px,4.7vw,84px)!important;
    height:clamp(66px,4.7vw,84px)!important;
  }
  html body #scene-3 .scene3-v199-demand-copy{
    align-items:flex-start!important;
    margin:0!important;
    gap:6px!important;
    text-align:left!important;
  }
  html body #scene-3 .scene3-v199-demand-copy strong{
    font-size:clamp(27px,1.9vw,35px)!important;
  }
  html body #scene-3 .scene3-v199-demand-copy small{
    font-size:clamp(9px,.62vw,11px)!important;
    letter-spacing:.115em!important;
  }

  /* Cocoon sits just inside the protective arc and stays clear of the subject/book. */
  html body #scene-3 .scene3-v199-cocoon{
    left:51.2%!important;
    top:45.5%!important;
    width:clamp(190px,13.8vw,245px)!important;
    height:clamp(164px,11.8vw,215px)!important;
  }
  html body #scene-3 .scene3-v199-orb{
    width:clamp(82px,5.8vw,106px)!important;
    height:clamp(82px,5.8vw,106px)!important;
  }
  html body #scene-3 .scene3-v199-cocoon-copy{top:84%!important}

  /* Reasoning nodes form a deliberate arc around Cocoon instead of a near-vertical stack. */
  html body #scene-3 .scene3-v199-context{
    min-width:clamp(190px,15vw,255px)!important;
    gap:13px!important;
  }
  html body #scene-3 .scene3-v199-who{
    left:61.2%!important;
    top:27.5%!important;
  }
  html body #scene-3 .scene3-v199-what{
    left:67.2%!important;
    top:44.5%!important;
  }
  html body #scene-3 .scene3-v199-permission{
    left:59.6%!important;
    top:62.5%!important;
  }
  html body #scene-3 .scene3-v199-context-node{
    width:clamp(74px,5.1vw,92px)!important;
    height:clamp(74px,5.1vw,92px)!important;
  }
  html body #scene-3 .scene3-v199-context-copy{
    gap:5px!important;
  }
  html body #scene-3 .scene3-v199-context-copy small{
    font-size:clamp(8px,.54vw,10px)!important;
  }
  html body #scene-3 .scene3-v199-context-copy strong{
    font-size:clamp(14px,1.02vw,18px)!important;
  }

  /* Resolution moves to the lower-right negative space, creating a clear visual destination. */
  html body #scene-3 .scene3-v199-outcome{
    left:84%!important;
    top:72.5%!important;
    width:clamp(285px,21vw,360px)!important;
    gap:14px!important;
  }
  html body #scene-3 .scene3-v199-outcome-beacon{
    width:clamp(108px,7.5vw,136px)!important;
    height:clamp(108px,7.5vw,136px)!important;
  }
  html body #scene-3 .scene3-v199-outcome-copy{
    min-width:170px!important;
  }

  /* Slightly quieter paths: visible enough to explain flow, never dominant over the image. */
  html body #scene-3 .scene3-v199-path{
    stroke-width:1.45!important;
    stroke:rgba(220,180,255,.72)!important;
    filter:drop-shadow(0 0 7px rgba(180,91,255,.42))!important;
  }
  html body #scene-3 .scene3-v199-path-out{
    stroke-width:1.8!important;
  }
}

/* Common laptop landscape: preserve the desktop composition rather than shrinking/re-stacking it. */
@media (min-width:901px) and (max-width:1250px) and (orientation:landscape){
  html body #scene-3 .scene3-v199-demand{left:73%!important;top:8%!important;width:310px!important;grid-template-columns:126px 1fr!important;gap:13px!important}
  html body #scene-3 .scene3-v199-beacon{width:126px!important;height:126px!important}
  html body #scene-3 .scene3-v199-core-icon{width:66px!important;height:66px!important}
  html body #scene-3 .scene3-v199-cocoon{left:50.8%!important;top:45.5%!important;width:190px!important;height:164px!important}
  html body #scene-3 .scene3-v199-orb{width:82px!important;height:82px!important}
  html body #scene-3 .scene3-v199-who{left:60.6%!important;top:28%!important}
  html body #scene-3 .scene3-v199-what{left:65.8%!important;top:45%!important}
  html body #scene-3 .scene3-v199-permission{left:59%!important;top:62%!important}
  html body #scene-3 .scene3-v199-context-node{width:74px!important;height:74px!important}
  html body #scene-3 .scene3-v199-outcome{left:83%!important;top:72%!important;width:286px!important}
  html body #scene-3 .scene3-v199-outcome-beacon{width:108px!important;height:108px!important}
}

/* V199 mobile layout remains intentionally untouched in V200. */


/* --- assets/css/scene3-v201-resolution-handoff.css --- */
/*
 V201 — Scene 3 resolution handoff refinement.
 Only changes the final transition: Permission now hands directly into the handled outcome,
 instead of a second long diagonal line originating from the Cocoon core.
 V198 control bar and all other Scene 3 nodes remain unchanged.
*/

@media (min-width:720px) and (orientation:landscape){
  /* Lift the resolution slightly clear of the control dock and keep it in the lower-right negative space. */
  html body #scene-3 .scene3-v199-outcome{
    top:69.5%!important;
  }

  /* The resolution handoff is a short, calm connector rather than another branch from the core. */
  html body #scene-3 .scene3-v199-path-out{
    stroke:rgba(244,230,255,.92)!important;
    stroke-width:1.65!important;
    filter:drop-shadow(0 0 9px rgba(224,190,255,.56))!important;
  }
}

@media (min-width:901px) and (max-width:1250px) and (orientation:landscape){
  html body #scene-3 .scene3-v199-outcome{top:69.5%!important}
}


/* --- assets/css/scene9-v202-protected-resolution.css --- */
/* V202 — Scene 9 protected-resolution visual. Final scene mirrors Scene 1 scale,
   but uses the Cocoon boundary to distinguish what stays outside vs what reaches you. */

#scene-9 .resolution-visual.scene9-v202{
  position:absolute!important;
  left:auto!important; right:2.5vw!important; top:10.5vh!important; bottom:auto!important;
  width:min(56vw,900px)!important; height:min(72vh,650px)!important;
  z-index:9!important; overflow:visible!important; pointer-events:none!important;
  transform:none!important;
}
#scene-9 .scene9-v202 .resolution-boundary,
#scene-9 .scene9-v202 .resolution-point,
#scene-9 .scene9-v202 .resolution-line{display:none!important}

.scene9-v202 .s9v202-paths{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1}
.scene9-v202 .s9v202-boundary-path{
  fill:none;stroke:rgba(190,112,255,.74);stroke-width:2.1;stroke-linecap:round;
  filter:drop-shadow(0 0 13px rgba(174,75,255,.62));
  stroke-dasharray:950;stroke-dashoffset:950;opacity:0;
}
.scene-9.v151-active .scene9-v202 .s9v202-boundary-path{animation:s9v202Draw 1.25s .55s cubic-bezier(.22,.72,.22,1) forwards}

.scene9-v202 .s9v202-track{fill:none;stroke-width:1.35;stroke-linecap:round;stroke-dasharray:520;stroke-dashoffset:520;opacity:0}
.scene9-v202 .s9v202-track-routine,.scene9-v202 .s9v202-track-follow{stroke:rgba(121,232,193,.38)}
.scene9-v202 .s9v202-track-important,.scene9-v202 .s9v202-track-review{stroke:rgba(255,190,92,.48)}
.scene-9.v151-active .scene9-v202 .s9v202-track-routine{animation:s9v202Draw .85s 2.05s ease forwards}
.scene-9.v151-active .scene9-v202 .s9v202-track-follow{animation:s9v202Draw .85s 4.35s ease forwards}
.scene-9.v151-active .scene9-v202 .s9v202-track-important{animation:s9v202Draw .9s 6.8s ease forwards}
.scene-9.v151-active .scene9-v202 .s9v202-track-review{animation:s9v202Draw .9s 9.25s ease forwards}

.scene9-v202 .s9v202-core{
  position:absolute;left:34.7%;top:60%;width:18px;height:18px;border-radius:50%;z-index:4;
  opacity:0;transform:translate(-50%,-50%) scale(.6);background:rgba(205,137,255,.92);
  box-shadow:0 0 0 8px rgba(185,101,255,.08),0 0 30px rgba(185,101,255,.8);
}
.scene9-v202 .s9v202-core span{position:absolute;inset:-15px;border:1px solid rgba(208,148,255,.32);border-radius:50%}
.scene-9.v151-active .scene9-v202 .s9v202-core{animation:s9v202Core .8s 1.15s cubic-bezier(.2,.8,.2,1) forwards}

.scene9-v202 .s9v202-node{
  position:absolute;display:flex;align-items:center;gap:15px;z-index:5;
  opacity:0;filter:blur(6px);transform:translate3d(42px,0,0) scale(.92);
  will-change:transform,opacity,filter;
}
.scene9-v202 .s9v202-orb{
  position:relative;display:grid;place-items:center;width:104px;height:104px;flex:0 0 104px;border-radius:50%;
  border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(7px);
  box-shadow:inset 0 0 25px rgba(255,255,255,.08),0 18px 46px rgba(0,0,0,.24);
}
.scene9-v202 .s9v202-orb::before{content:"";position:absolute;inset:-13px;border-radius:50%;border:1px solid currentColor;opacity:.32}
.scene9-v202 .s9v202-orb::after{content:"";position:absolute;inset:-28px;border-radius:50%;border:1px solid currentColor;opacity:.12}
.scene9-v202 .s9v202-orb svg{width:38px;height:38px;fill:none;stroke:#fff;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.scene9-v202 .s9v202-green{color:#8de0c3;background:radial-gradient(circle at 42% 36%,rgba(181,255,230,.44),rgba(66,164,131,.72) 48%,rgba(29,92,73,.56) 100%);box-shadow:inset 0 0 26px rgba(255,255,255,.08),0 0 34px rgba(92,210,169,.28),0 18px 46px rgba(0,0,0,.24)}
.scene9-v202 .s9v202-amber{color:#ffc26f;background:radial-gradient(circle at 42% 36%,rgba(255,226,173,.48),rgba(206,133,55,.76) 48%,rgba(100,55,25,.58) 100%);box-shadow:inset 0 0 26px rgba(255,255,255,.1),0 0 40px rgba(255,178,77,.34),0 18px 46px rgba(0,0,0,.24)}

.scene9-v202 .s9v202-copy{display:flex;flex-direction:column;min-width:175px;text-shadow:0 5px 20px rgba(0,0,0,.5)}
.scene9-v202 .s9v202-copy b{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.35rem,1.65vw,1.8rem);font-weight:500;line-height:1.02;letter-spacing:-.025em;color:#fff}
.scene9-v202 .s9v202-copy small{margin-top:5px;font-family:Inter,system-ui,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.105em;text-transform:uppercase;color:rgba(255,255,255,.68)}

/* Outside the protected moment */
.scene9-v202 .s9v202-routine{left:62%;top:9%}
.scene9-v202 .s9v202-follow{left:68%;top:31%}
/* What genuinely reaches the user */
.scene9-v202 .s9v202-important{left:48%;top:56%}
.scene9-v202 .s9v202-review{left:61%;top:77%}

.scene-9.v151-active .scene9-v202 .s9v202-routine{animation:s9v202Outside 1s 2.4s cubic-bezier(.18,.82,.18,1) forwards}
.scene-9.v151-active .scene9-v202 .s9v202-follow{animation:s9v202Outside 1s 4.7s cubic-bezier(.18,.82,.18,1) forwards}
.scene-9.v151-active .scene9-v202 .s9v202-important{animation:s9v202Inside 1.1s 7.15s cubic-bezier(.18,.82,.18,1) forwards}
.scene-9.v151-active .scene9-v202 .s9v202-review{animation:s9v202Inside 1.1s 9.6s cubic-bezier(.18,.82,.18,1) forwards}

/* Once all four have resolved, handled items remain as quieter context while the two
   things that genuinely matter retain visual priority. */
.scene-9.v151-active .scene9-v202 .s9v202-routine .s9v202-orb,
.scene-9.v151-active .scene9-v202 .s9v202-follow .s9v202-orb{animation:s9v202Quiet .9s 11.7s ease forwards}
.scene-9.v151-active .scene9-v202 .s9v202-routine .s9v202-copy,
.scene-9.v151-active .scene9-v202 .s9v202-follow .s9v202-copy{animation:s9v202CopyQuiet .9s 11.7s ease forwards}
.scene-9.v151-active .scene9-v202 .s9v202-important .s9v202-orb,
.scene-9.v151-active .scene9-v202 .s9v202-review .s9v202-orb{animation:s9v202Matter 1.2s 11.9s ease both}

@keyframes s9v202Draw{0%{opacity:0;stroke-dashoffset:520}12%{opacity:1}100%{opacity:1;stroke-dashoffset:0}}
@keyframes s9v202Core{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes s9v202Outside{0%{opacity:0;filter:blur(7px);transform:translate3d(55px,0,0) scale(.9)}65%{opacity:1;filter:blur(0);transform:translate3d(-5px,0,0) scale(1.03)}100%{opacity:1;filter:blur(0);transform:translate3d(0,0,0) scale(1)}}
@keyframes s9v202Inside{0%{opacity:0;filter:blur(7px);transform:translate3d(75px,0,0) scale(.88)}58%{opacity:1;filter:blur(0);transform:translate3d(-8px,0,0) scale(1.04)}100%{opacity:1;filter:blur(0);transform:translate3d(0,0,0) scale(1)}}
@keyframes s9v202Quiet{to{opacity:.6;transform:scale(.86);filter:saturate(.72)}}
@keyframes s9v202CopyQuiet{to{opacity:.58}}
@keyframes s9v202Matter{0%,100%{transform:scale(1)}50%{transform:scale(1.055);box-shadow:inset 0 0 26px rgba(255,255,255,.12),0 0 56px rgba(255,178,77,.46),0 18px 46px rgba(0,0,0,.24)}}

/* Preserve the accepted desktop story composition and keep graphics away from headline/control dock. */
@media (min-width:901px) and (max-width:1320px){
  #scene-9 .resolution-visual.scene9-v202{right:1.8vw!important;width:min(59vw,820px)!important}
  .scene9-v202 .s9v202-orb{width:92px;height:92px;flex-basis:92px}
  .scene9-v202 .s9v202-copy b{font-size:clamp(1.18rem,1.55vw,1.55rem)}
  .scene9-v202 .s9v202-routine{left:61%;top:10%}.scene9-v202 .s9v202-follow{left:66%;top:32%}.scene9-v202 .s9v202-important{left:46%;top:57%}.scene9-v202 .s9v202-review{left:59%;top:77%}
}

@media (max-width:900px){
  #scene-9 .resolution-visual.scene9-v202{left:50%!important;right:auto!important;top:calc(var(--header) + 1rem)!important;width:min(94vw,430px)!important;height:44svh!important;transform:translateX(-50%)!important}
  .scene9-v202 .s9v202-orb{width:68px;height:68px;flex-basis:68px}.scene9-v202 .s9v202-orb svg{width:27px;height:27px}
  .scene9-v202 .s9v202-copy{min-width:125px}.scene9-v202 .s9v202-copy b{font-size:1rem}.scene9-v202 .s9v202-copy small{font-size:.52rem}
  .scene9-v202 .s9v202-routine{left:49%;top:5%}.scene9-v202 .s9v202-follow{left:54%;top:29%}.scene9-v202 .s9v202-important{left:32%;top:55%}.scene9-v202 .s9v202-review{left:49%;top:78%}
}


/* --- assets/css/scene2-v203-decision-constellation.css --- */
/* V203 — Scene 2: decision constellation
   Keeps one interruption as the anchor, then accumulates the five hidden decisions around it.
   This file intentionally sits last in the homepage CSS stack. */

#scene-2 .decision-fragments-visual{display:none!important}

@media (min-width:900px){
  #scene-2 .scene2-decision-v203{
    position:absolute!important;
    left:44.5vw!important;
    right:auto!important;
    top:10.5vh!important;
    width:min(40vw,720px)!important;
    height:min(66vh,620px)!important;
    z-index:8!important;
    pointer-events:none!important;
    overflow:visible!important;
    font-family:Inter,system-ui,sans-serif!important;
  }

  #scene-2 .scene2-v203-paths{
    position:absolute;inset:0;width:100%;height:100%;overflow:visible;
    filter:drop-shadow(0 0 7px rgba(188,112,255,.18));
  }
  #scene-2 .scene2-v203-path{
    fill:none;
    stroke:rgba(211,166,255,.62);
    stroke-width:1.45;
    vector-effect:non-scaling-stroke;
    stroke-linecap:round;
    stroke-dasharray:1;
    stroke-dashoffset:1;
    opacity:0;
  }

  #scene-2 .scene2-v203-core{
    position:absolute;
    left:31.5%;top:13.5%;
    width:190px;height:170px;
    opacity:0;
    transform:translateY(-10px) scale(.95);
  }
  #scene-2 .scene2-v203-core-ring{
    position:absolute;left:0;top:0;width:122px;height:122px;border-radius:50%;
    border:1px solid rgba(225,192,255,.32);
    box-shadow:0 0 34px rgba(174,73,245,.15);
  }
  #scene-2 .scene2-v203-core-ring-a{transform:scale(1.14);opacity:.75}
  #scene-2 .scene2-v203-core-ring-b{transform:scale(.88);opacity:.62}
  #scene-2 .scene2-v203-core-face{
    position:absolute;left:13px;top:13px;width:96px;height:96px;border-radius:50%;
    display:grid;place-items:center;
    background:radial-gradient(circle at 34% 28%,#f0ceff 0 5%,#bf68ff 22%,#8433d9 62%,#54128f 100%);
    border:1px solid rgba(255,255,255,.28);
    box-shadow:0 0 0 8px rgba(185,101,255,.08),0 0 36px rgba(185,101,255,.55),inset 0 0 24px rgba(255,255,255,.18);
    color:#fff;
  }
  #scene-2 .scene2-v203-symbol,#scene-2 .scene2-v203-five{
    position:absolute;
    font-family:Georgia,"Times New Roman",serif;
    font-size:44px;line-height:1;font-weight:500;
  }
  #scene-2 .scene2-v203-five{opacity:0;transform:scale(.7)}
  #scene-2 .scene2-v203-core-copy{
    position:absolute;left:134px;top:28px;width:190px;display:grid;gap:4px;
  }
  #scene-2 .scene2-v203-core-copy small,
  #scene-2 .scene2-v203-node-copy small{
    font:700 9px/1 Inter,system-ui,sans-serif!important;
    text-transform:uppercase;letter-spacing:.16em;color:rgba(226,190,255,.76);
  }
  #scene-2 .scene2-v203-core-copy strong{
    font:500 clamp(1.45rem,1.8vw,1.9rem)/.98 Georgia,"Times New Roman",serif!important;
    letter-spacing:-.035em;color:#fff;white-space:nowrap;
    text-shadow:0 8px 26px rgba(0,0,0,.34);
  }
  #scene-2 .scene2-v203-core-copy-final{opacity:0;transform:translateY(5px)}

  #scene-2 .scene2-v203-node{
    position:absolute;
    display:flex;align-items:center;gap:13px;
    opacity:0;transform:translateY(10px) scale(.96);
    min-width:215px;
  }
  #scene-2 .scene2-v203-node-1{left:0;top:39%}
  #scene-2 .scene2-v203-node-2{left:53%;top:32%}
  #scene-2 .scene2-v203-node-3{left:2%;top:61%}
  #scene-2 .scene2-v203-node-4{left:53%;top:58%}
  #scene-2 .scene2-v203-node-5{left:27%;top:81%}

  #scene-2 .scene2-v203-node-dot{
    flex:0 0 auto;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;
    background:linear-gradient(145deg,rgba(157,70,226,.92),rgba(78,22,121,.92));
    border:1px solid rgba(232,204,255,.34);
    box-shadow:0 0 0 9px rgba(178,89,245,.07),0 14px 32px rgba(8,1,16,.28),0 0 24px rgba(185,101,255,.24);
    font:700 10px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;color:rgba(255,255,255,.92);
  }
  #scene-2 .scene2-v203-node-copy{display:grid;gap:5px;max-width:190px}
  #scene-2 .scene2-v203-node-copy strong{
    font:500 clamp(1.05rem,1.35vw,1.38rem)/1.02 Georgia,"Times New Roman",serif!important;
    letter-spacing:-.025em;color:#fff;
    text-shadow:0 5px 22px rgba(0,0,0,.48);
  }

  /* Accumulating choreography: once a question arrives it stays. */
  #scene-2.is-active-scene .scene2-v203-core,
  #scene-2.v151-active .scene2-v203-core{animation:s2v203CoreIn .72s 1.05s cubic-bezier(.2,.8,.2,1) both}

  #scene-2.is-active-scene .scene2-v203-path-1,#scene-2.v151-active .scene2-v203-path-1{animation:s2v203Draw .72s 3.25s ease-out both}
  #scene-2.is-active-scene .scene2-v203-node-1,#scene-2.v151-active .scene2-v203-node-1{animation:s2v203NodeIn .58s 3.62s cubic-bezier(.2,.8,.2,1) both}

  #scene-2.is-active-scene .scene2-v203-path-2,#scene-2.v151-active .scene2-v203-path-2{animation:s2v203Draw .72s 4.72s ease-out both}
  #scene-2.is-active-scene .scene2-v203-node-2,#scene-2.v151-active .scene2-v203-node-2{animation:s2v203NodeIn .58s 5.08s cubic-bezier(.2,.8,.2,1) both}

  #scene-2.is-active-scene .scene2-v203-path-3,#scene-2.v151-active .scene2-v203-path-3{animation:s2v203Draw .72s 6.12s ease-out both}
  #scene-2.is-active-scene .scene2-v203-node-3,#scene-2.v151-active .scene2-v203-node-3{animation:s2v203NodeIn .58s 6.48s cubic-bezier(.2,.8,.2,1) both}

  #scene-2.is-active-scene .scene2-v203-path-4,#scene-2.v151-active .scene2-v203-path-4{animation:s2v203Draw .72s 7.55s ease-out both}
  #scene-2.is-active-scene .scene2-v203-node-4,#scene-2.v151-active .scene2-v203-node-4{animation:s2v203NodeIn .58s 7.9s cubic-bezier(.2,.8,.2,1) both}

  #scene-2.is-active-scene .scene2-v203-path-5,#scene-2.v151-active .scene2-v203-path-5{animation:s2v203Draw .72s 8.95s ease-out both}
  #scene-2.is-active-scene .scene2-v203-node-5,#scene-2.v151-active .scene2-v203-node-5{animation:s2v203NodeIn .58s 9.3s cubic-bezier(.2,.8,.2,1) both}

  #scene-2.is-active-scene .scene2-v203-symbol,#scene-2.v151-active .scene2-v203-symbol{animation:s2v203SymbolOut .38s 11.8s forwards}
  #scene-2.is-active-scene .scene2-v203-five,#scene-2.v151-active .scene2-v203-five{animation:s2v203FiveIn .5s 11.88s cubic-bezier(.2,.8,.2,1) forwards}
  #scene-2.is-active-scene .scene2-v203-core-copy-start,#scene-2.v151-active .scene2-v203-core-copy-start{animation:s2v203CopyOut .35s 11.76s forwards}
  #scene-2.is-active-scene .scene2-v203-core-copy-final,#scene-2.v151-active .scene2-v203-core-copy-final{animation:s2v203CopyIn .5s 11.98s cubic-bezier(.2,.8,.2,1) forwards}
}

@keyframes s2v203CoreIn{from{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:none}}
@keyframes s2v203Draw{0%{opacity:0;stroke-dashoffset:1}18%{opacity:.25}100%{opacity:.78;stroke-dashoffset:0}}
@keyframes s2v203NodeIn{0%{opacity:0;transform:translateY(10px) scale(.96)}100%{opacity:1;transform:none}}
@keyframes s2v203SymbolOut{to{opacity:0;transform:scale(.7)}}
@keyframes s2v203FiveIn{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@keyframes s2v203CopyOut{to{opacity:0;transform:translateY(-5px)}}
@keyframes s2v203CopyIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Keep a clean, non-overlapping version on smaller screens rather than squeezing the desktop constellation. */
@media (max-width:899px){
  #scene-2 .scene2-decision-v203{
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;
    width:min(92vw,480px)!important;height:380px!important;margin:1.1rem auto 6.5rem!important;
    z-index:8!important;
  }
  #scene-2 .scene2-v203-paths{display:none!important}
  #scene-2 .scene2-v203-core{position:absolute;left:50%;top:0;width:170px;height:112px;transform:translateX(-50%);opacity:1}
  #scene-2 .scene2-v203-core-ring{width:82px;height:82px}.scene2-v203-core-face{width:64px!important;height:64px!important;left:9px!important;top:9px!important}
  #scene-2 .scene2-v203-symbol,#scene-2 .scene2-v203-five{font-size:30px!important}
  #scene-2 .scene2-v203-core-copy{left:98px;top:19px;width:150px}
  #scene-2 .scene2-v203-core-copy strong{font-size:1.25rem!important}
  #scene-2 .scene2-v203-node{min-width:0;width:47%;gap:9px}
  #scene-2 .scene2-v203-node-dot{width:42px;height:42px;box-shadow:0 0 0 6px rgba(178,89,245,.06),0 10px 24px rgba(8,1,16,.26)}
  #scene-2 .scene2-v203-node-copy strong{font-size:1rem!important}
  #scene-2 .scene2-v203-node-1{left:0;top:34%}#scene-2 .scene2-v203-node-2{left:52%;top:34%}
  #scene-2 .scene2-v203-node-3{left:0;top:57%}#scene-2 .scene2-v203-node-4{left:52%;top:57%}
  #scene-2 .scene2-v203-node-5{left:26%;top:80%}
  #scene-2.v151-active .scene2-v203-node,#scene-2.is-active-scene .scene2-v203-node{opacity:1;transform:none}
}


/* --- assets/css/scene2-v204-direct-timeline.css --- */
/* V204 — Scene 2 direct timeline reliability layer
   Visibility is controlled by the story controller using audio-local time.
   This removes the fragile delayed-keyframe dependency introduced in V203. */

#scene-2 .scene2-v203-core,
#scene-2 .scene2-v203-node,
#scene-2 .scene2-v203-path,
#scene-2 .scene2-v203-symbol,
#scene-2 .scene2-v203-five,
#scene-2 .scene2-v203-core-copy-start,
#scene-2 .scene2-v203-core-copy-final{
  animation:none!important;
}
#scene-2 .scene2-v203-core{
  transition:opacity .52s ease,transform .62s cubic-bezier(.2,.8,.2,1),filter .52s ease!important;
}
#scene-2 .scene2-v203-node{
  transition:opacity .46s ease,transform .56s cubic-bezier(.2,.8,.2,1),filter .46s ease!important;
}
#scene-2 .scene2-v203-path{
  transition:opacity .34s ease,stroke-dashoffset .66s cubic-bezier(.2,.75,.2,1)!important;
}
#scene-2 .scene2-v203-symbol,
#scene-2 .scene2-v203-five,
#scene-2 .scene2-v203-core-copy-start,
#scene-2 .scene2-v203-core-copy-final{
  transition:opacity .34s ease,transform .42s cubic-bezier(.2,.8,.2,1)!important;
}

/* Explicit starting states. The controller then promotes each element. */
#scene-2 .scene2-v203-core{opacity:0!important;visibility:hidden!important;filter:blur(10px)!important;transform:translate3d(0,-10px,0) scale(.94)!important}
#scene-2 .scene2-v203-node{opacity:0!important;visibility:hidden!important;filter:blur(8px)!important;transform:translate3d(0,10px,0) scale(.95)!important}
#scene-2 .scene2-v203-path{opacity:0!important;stroke-dashoffset:1!important}
#scene-2 .scene2-v203-symbol{opacity:1!important;transform:scale(1)!important}
#scene-2 .scene2-v203-five{opacity:0!important;transform:scale(.72)!important}
#scene-2 .scene2-v203-core-copy-start{opacity:1!important;transform:translateY(0)!important}
#scene-2 .scene2-v203-core-copy-final{opacity:0!important;transform:translateY(6px)!important}

/* Inline !important state from V204 intentionally wins once playback updates. */


/* --- assets/css/scene5-v205-authority-map.css --- */
/*
 V205 — Scene 5 authority map.
 Refines the good V188 idea without treating authority as a three-step wizard.
 Approved / Ask first / Never are persistent branches of one user-defined authority map.
*/

/* Retire the previous gate/track implementation. */
html body #scene-5 .authority-gates-v188,
html body #scene-5 .permission-visual{display:none!important}

html body #scene-5 .authority-map-v205{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:9!important;
  pointer-events:none!important;
  overflow:hidden!important;
  isolation:isolate!important;
  color:#fff!important;
}
html body #scene-5 .authority-map-v205 *{box-sizing:border-box!important}

html body #scene-5 .authority-v205-links{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:1!important;
  overflow:visible!important;
}
html body #scene-5 .authority-v205-link{
  fill:none!important;
  stroke:rgba(218,177,255,.76)!important;
  stroke-width:1.7!important;
  vector-effect:non-scaling-stroke!important;
  stroke-linecap:round!important;
  stroke-dasharray:1!important;
  stroke-dashoffset:1!important;
  opacity:0!important;
  filter:drop-shadow(0 0 8px rgba(181,92,255,.46))!important;
  transition:stroke-dashoffset .72s cubic-bezier(.18,.76,.22,1),opacity .34s ease!important;
}
html body #scene-5 .authority-v205-link-ask{stroke:rgba(255,203,129,.80)!important;filter:drop-shadow(0 0 8px rgba(255,184,83,.30))!important}
html body #scene-5 .authority-v205-link-never{stroke:rgba(189,156,211,.56)!important;filter:drop-shadow(0 0 7px rgba(137,91,169,.24))!important}

html body #scene-5 [data-s5-v205]{
  opacity:0!important;
  visibility:hidden!important;
  filter:blur(9px)!important;
  transition:opacity .48s ease,transform .68s cubic-bezier(.16,.88,.2,1),filter .5s ease!important;
  will-change:transform,opacity,filter!important;
}
html body #scene-5 [data-s5-v205][data-visible="true"]{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}

/* Central authority core sits just inside the Cocoon boundary. */
html body #scene-5 .authority-v205-core{
  position:absolute!important;
  left:53%!important;
  top:49%!important;
  z-index:5!important;
  width:clamp(190px,13.5vw,248px)!important;
  height:clamp(170px,12vw,220px)!important;
  display:grid!important;
  place-items:center!important;
  --s5-hidden-transform:translate3d(-50%,-50%,0) scale(.72)!important;
  --s5-visible-transform:translate3d(-50%,-50%,0) scale(1)!important;
}
html body #scene-5 .authority-v205-orbit{
  position:absolute!important;
  left:50%!important;
  top:43%!important;
  border:1px solid rgba(226,191,255,.44)!important;
  border-radius:50%!important;
  box-shadow:0 0 26px rgba(177,85,255,.12)!important;
}
html body #scene-5 .authority-v205-orbit-a{width:92%!important;height:63%!important;transform:translate(-50%,-50%) rotate(-18deg)!important}
html body #scene-5 .authority-v205-orbit-b{width:72%!important;height:84%!important;transform:translate(-50%,-50%) rotate(30deg)!important;border-color:rgba(198,136,255,.29)!important}
html body #scene-5 .authority-v205-orb{
  position:absolute!important;
  left:50%!important;
  top:43%!important;
  transform:translate(-50%,-50%)!important;
  width:clamp(78px,5.7vw,104px)!important;
  height:clamp(78px,5.7vw,104px)!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 38% 32%,#f0d7ff 0 7%,#c277ff 27%,#8c38d1 55%,#47106d 79%,rgba(30,5,48,.92) 100%)!important;
  box-shadow:0 0 0 12px rgba(184,95,255,.065),0 0 58px rgba(184,95,255,.62),inset 0 0 18px rgba(255,255,255,.14)!important;
}
html body #scene-5 .authority-v205-core-copy{
  position:absolute!important;
  left:50%!important;
  top:82%!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:4px!important;
  white-space:nowrap!important;
  text-shadow:0 4px 24px rgba(8,0,17,.96)!important;
}
html body #scene-5 .authority-v205-core-copy small{
  font:750 clamp(8px,.54vw,10px)/1 var(--cocoon-body,Inter,system-ui,sans-serif)!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
  color:rgba(220,185,247,.82)!important;
}
html body #scene-5 .authority-v205-core-copy strong{
  font-family:var(--cocoon-display,"Playfair Display",Georgia,"Times New Roman",serif)!important;
  font-size:clamp(24px,1.72vw,32px)!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:-.03em!important;
  color:#fff!important;
}

/* Three persistent authority branches. */
html body #scene-5 .authority-v205-node{
  position:absolute!important;
  z-index:4!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  min-width:clamp(250px,18vw,330px)!important;
  --s5-hidden-transform:translate3d(-18px,8px,0) scale(.88)!important;
  --s5-visible-transform:translate3d(0,0,0) scale(1)!important;
}
html body #scene-5 .authority-v205-approved{left:65.2%!important;top:20.2%!important}
html body #scene-5 .authority-v205-ask{left:77.2%!important;top:43.5%!important;flex-direction:row-reverse!important;text-align:right!important;transform-origin:right center!important;--s5-hidden-transform:translate3d(18px,8px,0) scale(.88)!important}
html body #scene-5 .authority-v205-never{left:65.4%!important;top:67.1%!important}

html body #scene-5 .authority-v205-beacon{
  position:relative!important;
  flex:0 0 auto!important;
  display:grid!important;
  place-items:center!important;
  width:clamp(104px,7.2vw,132px)!important;
  height:clamp(104px,7.2vw,132px)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(217,179,255,.13),rgba(104,39,158,.055) 62%,transparent 70%)!important;
  box-shadow:0 0 44px rgba(175,82,248,.24)!important;
}
html body #scene-5 .authority-v205-ring{
  position:absolute!important;
  inset:2px!important;
  border-radius:50%!important;
  border:1px solid rgba(234,211,255,.47)!important;
  box-shadow:0 0 28px rgba(183,93,255,.18)!important;
}
html body #scene-5 .authority-v205-icon{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  width:clamp(60px,4.3vw,78px)!important;
  height:clamp(60px,4.3vw,78px)!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.46)!important;
  background:linear-gradient(145deg,rgba(178,86,245,.92),rgba(100,35,153,.90))!important;
  box-shadow:0 0 0 8px rgba(181,91,247,.06),0 0 34px rgba(184,95,255,.48),inset 0 1px 10px rgba(255,255,255,.15)!important;
}
html body #scene-5 .authority-v205-icon svg{width:45%!important;height:45%!important;fill:none!important;stroke:#fff!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html body #scene-5 .authority-v205-ask .authority-v205-ring{border-color:rgba(255,208,139,.58)!important;box-shadow:0 0 30px rgba(255,183,78,.16)!important}
html body #scene-5 .authority-v205-ask .authority-v205-icon{background:linear-gradient(145deg,rgba(221,153,70,.92),rgba(128,75,39,.90))!important;box-shadow:0 0 0 8px rgba(255,179,72,.055),0 0 34px rgba(255,179,72,.35),inset 0 1px 10px rgba(255,255,255,.13)!important}
html body #scene-5 .authority-v205-never .authority-v205-ring{border-color:rgba(193,164,211,.38)!important;box-shadow:0 0 25px rgba(132,82,163,.12)!important}
html body #scene-5 .authority-v205-never .authority-v205-icon{background:linear-gradient(145deg,rgba(121,80,149,.82),rgba(62,36,80,.90))!important;box-shadow:0 0 0 8px rgba(140,93,169,.045),0 0 28px rgba(128,79,158,.24),inset 0 1px 10px rgba(255,255,255,.10)!important}

html body #scene-5 .authority-v205-copy{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  min-width:0!important;
  text-shadow:0 4px 20px rgba(8,0,17,.96)!important;
}
html body #scene-5 .authority-v205-copy small{
  font:760 clamp(8px,.55vw,10px)/1 var(--cocoon-body,Inter,system-ui,sans-serif)!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
  color:rgba(220,184,249,.88)!important;
}
html body #scene-5 .authority-v205-ask .authority-v205-copy small{color:rgba(255,211,152,.88)!important}
html body #scene-5 .authority-v205-never .authority-v205-copy small{color:rgba(204,177,220,.76)!important}
html body #scene-5 .authority-v205-copy strong{
  font-family:var(--cocoon-display,"Playfair Display",Georgia,"Times New Roman",serif)!important;
  font-size:clamp(20px,1.42vw,27px)!important;
  font-weight:500!important;
  line-height:1.03!important;
  letter-spacing:-.028em!important;
  color:#fff!important;
  white-space:nowrap!important;
}
html body #scene-5 .authority-v205-copy em{
  font:560 clamp(10px,.69vw,13px)/1.18 var(--cocoon-body,Inter,system-ui,sans-serif)!important;
  font-style:normal!important;
  color:rgba(255,255,255,.70)!important;
  white-space:nowrap!important;
}

/* Final beat keeps the full map visible and simply states the governing rule. */
html body #scene-5 .authority-v205-conclusion{
  position:absolute!important;
  left:60.5%!important;
  top:84%!important;
  z-index:6!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  width:min(36vw,560px)!important;
  --s5-hidden-transform:translate3d(0,12px,0)!important;
  --s5-visible-transform:translate3d(0,0,0)!important;
  text-shadow:0 4px 22px rgba(8,0,17,.98)!important;
}
html body #scene-5 .authority-v205-conclusion i{
  display:block!important;
  flex:0 0 52px!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(216,170,255,.84),transparent)!important;
  box-shadow:0 0 9px rgba(184,95,255,.38)!important;
}
html body #scene-5 .authority-v205-conclusion strong{
  font-family:var(--cocoon-display,"Playfair Display",Georgia,"Times New Roman",serif)!important;
  font-size:clamp(17px,1.22vw,23px)!important;
  font-weight:500!important;
  line-height:1.12!important;
  letter-spacing:-.018em!important;
  color:rgba(255,251,255,.94)!important;
}

html body #scene-5.s5v205-complete .authority-v205-core{
  filter:none!important;
}
html body #scene-5.s5v205-complete .authority-v205-orb{
  box-shadow:0 0 0 13px rgba(184,95,255,.075),0 0 66px rgba(190,110,255,.70),inset 0 0 18px rgba(255,255,255,.15)!important;
}
html body #scene-5.s5v205-resolved .authority-v205-link{opacity:.46!important}
html body #scene-5.s5v205-resolved .authority-v205-node{filter:none!important}

/* Keep the full cinematic layout on laptops; do not collapse into tiny chips. */
@media (max-width:1180px) and (orientation:landscape){
  html body #scene-5 .authority-v205-core{left:51.5%!important;top:48%!important;width:190px!important;height:170px!important}
  html body #scene-5 .authority-v205-orb{width:78px!important;height:78px!important}
  html body #scene-5 .authority-v205-approved{left:63%!important;top:19%!important}
  html body #scene-5 .authority-v205-ask{left:73.5%!important;top:43%!important}
  html body #scene-5 .authority-v205-never{left:63.5%!important;top:66%!important}
  html body #scene-5 .authority-v205-node{min-width:235px!important;gap:10px!important}
  html body #scene-5 .authority-v205-beacon{width:96px!important;height:96px!important}
  html body #scene-5 .authority-v205-icon{width:56px!important;height:56px!important}
  html body #scene-5 .authority-v205-copy strong{font-size:19px!important}
  html body #scene-5 .authority-v205-copy em{font-size:10px!important}
  html body #scene-5 .authority-v205-conclusion{left:58%!important;top:83%!important;width:38vw!important}
}

/* Compact mobile preserves the three-state hierarchy without occupying the subject's whole frame. */
@media (max-width:719px), (orientation:portrait) and (max-width:900px){
  html body #scene-5 .authority-v205-links{display:none!important}
  html body #scene-5 .authority-map-v205{top:4vh!important;height:62vh!important}
  html body #scene-5 .authority-v205-core{left:34%!important;top:32%!important;width:112px!important;height:102px!important}
  html body #scene-5 .authority-v205-orb{width:52px!important;height:52px!important}
  html body #scene-5 .authority-v205-core-copy strong{font-size:17px!important}
  html body #scene-5 .authority-v205-core-copy small{font-size:6px!important}
  html body #scene-5 .authority-v205-node{min-width:158px!important;gap:7px!important}
  html body #scene-5 .authority-v205-approved{left:49%!important;top:11%!important}
  html body #scene-5 .authority-v205-ask{left:50%!important;top:35%!important;flex-direction:row!important;text-align:left!important}
  html body #scene-5 .authority-v205-never{left:49%!important;top:58%!important}
  html body #scene-5 .authority-v205-beacon{width:62px!important;height:62px!important}
  html body #scene-5 .authority-v205-icon{width:36px!important;height:36px!important}
  html body #scene-5 .authority-v205-copy small{font-size:6px!important}
  html body #scene-5 .authority-v205-copy strong{font-size:12px!important;white-space:normal!important;max-width:100px!important}
  html body #scene-5 .authority-v205-copy em{font-size:7px!important;white-space:normal!important;max-width:100px!important}
  html body #scene-5 .authority-v205-conclusion{left:8%!important;right:8%!important;top:82%!important;width:auto!important;gap:8px!important}
  html body #scene-5 .authority-v205-conclusion i{flex-basis:28px!important}
  html body #scene-5 .authority-v205-conclusion strong{font-size:13px!important}
}

@media (prefers-reduced-motion:reduce){
  html body #scene-5 .authority-map-v205 *{transition:none!important;animation:none!important}
}


/* --- assets/css/story-v205-transition-breath.css --- */
/* V205 — one-second breathing space between automatically advancing story scenes. */
html body.story-scene-gap #story-frame .story-scene.v151-active *,
html body.story-scene-gap #story-frame .story-scene.is-active-scene *{
  animation-play-state:paused!important;
}
/* Keep the next scene fully present during the silent hold; no loading/black interstitial. */
html body.story-scene-gap #story-frame .story-scene.v151-active,
html body.story-scene-gap #story-frame .story-scene.is-active-scene{
  opacity:1!important;
  visibility:visible!important;
}


/* --- assets/css/home-v208-multichannel.css --- */

/* V208 — multichannel positioning layer. Does not alter the V207 mobile story system. */
.v208-channel-strip{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.v208-channel-strip span{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;border:1px solid rgba(205,164,255,.26);background:rgba(255,255,255,.045);color:rgba(255,255,255,.78);font:650 12px/1 "DM Sans",Inter,system-ui,sans-serif;letter-spacing:.01em;white-space:nowrap}
.v208-channel-section{position:relative;padding:clamp(76px,8vw,128px) 0;overflow:hidden;color:#f9f4ff;background:radial-gradient(circle at 76% 42%,rgba(143,55,255,.18),transparent 34%),linear-gradient(180deg,#12051f 0%,#0b0312 100%);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.v208-channel-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:clamp(42px,7vw,100px);align-items:center}
.v208-channel-copy h2{max-width:650px;margin:.25rem 0 1rem;font-family:"Playfair Display",Georgia,serif;font-size:clamp(44px,5vw,74px);line-height:.96;font-weight:500;letter-spacing:-.045em}
.v208-channel-copy .v144-lead{max-width:670px;color:rgba(255,255,255,.76)}
.v208-context-demo{position:relative;min-height:470px;padding:34px;border:1px solid rgba(218,184,255,.16);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 34px 90px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(16px)}
.v208-person{display:flex;align-items:center;gap:16px;position:relative;z-index:2;max-width:330px;padding:16px 18px;border-radius:24px;background:rgba(22,7,36,.80);border:1px solid rgba(209,159,255,.22)}
.v208-person-avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#c08cff,#7c2fff);box-shadow:0 0 30px rgba(157,76,255,.34);font:700 22px/1 "DM Sans",sans-serif;color:#fff}
.v208-person div{display:grid;gap:2px}.v208-person small,.v208-channel-cards span{color:#cba6ff;font:750 10px/1.2 "DM Sans",sans-serif;text-transform:uppercase;letter-spacing:.14em}
.v208-person strong{font:500 26px/1.05 "Playfair Display",Georgia,serif}.v208-person em{font:500 12px/1.4 "DM Sans",sans-serif;color:rgba(255,255,255,.55);font-style:normal}
.v208-context-path{position:absolute;left:90px;top:126px;width:170px;height:210px;border-left:1px solid rgba(192,126,255,.34);border-bottom:1px solid rgba(192,126,255,.28);border-radius:0 0 0 80px;opacity:.9}
.v208-context-path i{position:absolute;left:-4px;bottom:-4px;width:8px;height:8px;border-radius:50%;background:#bd7aff;box-shadow:0 0 18px #a84cff}
.v208-channel-cards{position:absolute;right:26px;top:56px;width:min(58%,370px);display:grid;gap:12px;z-index:2}
.v208-channel-cards article{padding:16px 18px 15px;border-radius:21px;border:1px solid rgba(255,255,255,.11);background:rgba(15,5,26,.82);box-shadow:0 16px 36px rgba(0,0,0,.18)}
.v208-channel-cards article:nth-child(2){transform:translateX(-24px)}.v208-channel-cards article:nth-child(3){transform:translateX(12px)}
.v208-channel-cards b{display:block;margin:6px 0 5px;font:600 17px/1.25 "DM Sans",sans-serif;color:#fff}.v208-channel-cards small{display:block;color:rgba(255,255,255,.56);font:500 12px/1.35 "DM Sans",sans-serif}
.v208-context-note{position:absolute;left:34px;right:34px;bottom:28px;margin:0;padding-top:17px;border-top:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.62);font:600 13px/1.4 "DM Sans",sans-serif}
@media(max-width:900px){.v208-channel-strip{gap:6px;margin-top:12px}.v208-channel-strip span{min-height:27px;padding:0 9px;font-size:10.5px}.v208-channel-section{padding:62px 0}.v208-channel-grid{grid-template-columns:1fr;gap:32px}.v208-channel-copy h2{font-size:clamp(40px,12vw,56px)}.v208-context-demo{min-height:485px;padding:20px;border-radius:28px}.v208-person{max-width:100%}.v208-context-path{left:48px;top:116px;height:240px;width:95px}.v208-channel-cards{position:relative;right:auto;top:auto;width:auto;margin:18px 0 58px 54px}.v208-channel-cards article:nth-child(2),.v208-channel-cards article:nth-child(3){transform:none}.v208-context-note{left:20px;right:20px;bottom:20px}}


/* --- assets/css/home-v209-visual-polish.css --- */
/* Cocoon V209 — homepage visual polish. Story intentionally excluded. */
:root{--v209-ink:#1f1226;--v209-muted:#66596c;--v209-line:rgba(74,43,91,.12);--v209-plum:#16081f;--v209-purple:#9e4cf3;--v209-lilac:#f6f0fa}

/* Shared non-story rhythm */
#main>.v144-section:not(.v144-story-intro),#main>.v208-channel-section,#main>.v144-final{isolation:isolate}
#main>.v144-section:not(.v144-story-intro)::before,#main>.v208-channel-section::before,#main>.v144-final::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1}
#main .v144-section:not(.v144-mechanism):not(.v144-control):not(.v144-offer) .eyebrow,#main .v208-channel-section .eyebrow,#main .v144-final .eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;letter-spacing:.15em}
#main .v144-section:not(.v144-mechanism):not(.v144-control):not(.v144-offer) .eyebrow::before,#main .v208-channel-section .eyebrow::before,#main .v144-final .eyebrow::before{content:"";width:20px;height:1px;background:currentColor;opacity:.48}
#main .v144-section h2,#main .v208-channel-section h2,#main .v144-final h2{text-wrap:balance}
#main .v144-section .v144-lead,#main .v208-channel-section .v144-lead{text-wrap:pretty}

/* Buttons - story controls excluded by scope */
#hero .button,#main>.v144-section .button,#main>.v208-channel-section .button,#main>.v144-final .button{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease}
#hero .button:hover,#main>.v144-section .button:hover,#main>.v208-channel-section .button:hover,#main>.v144-final .button:hover{transform:translateY(-2px)}
#hero .button.primary,#main>.v144-section .button.primary,#main>.v208-channel-section .button.primary,#main>.v144-final .button.primary{box-shadow:0 14px 34px rgba(119,47,179,.22),inset 0 1px 0 rgba(255,255,255,.24)}

/* Hero finish */
#hero::after{content:"";position:absolute;left:50%;bottom:0;width:min(1180px,calc(100% - 48px));height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(123,71,153,.18),transparent)}
#hero .statement-panel{border:1px solid rgba(255,255,255,.52);box-shadow:0 28px 80px rgba(53,17,75,.14),inset 0 1px 0 rgba(255,255,255,.58);backdrop-filter:blur(18px)}
#hero .v208-channel-strip{width:max-content;max-width:100%;padding:7px;gap:5px;border:1px solid rgba(84,46,105,.11);border-radius:999px;background:rgba(255,255,255,.5);box-shadow:0 12px 34px rgba(65,28,88,.06),inset 0 1px 0 rgba(255,255,255,.74);backdrop-filter:blur(12px)}
#hero .v208-channel-strip span{min-height:30px;padding:0 11px;border:0;background:transparent;box-shadow:none}
#hero .v208-channel-strip span+span{position:relative}
#hero .v208-channel-strip span+span::before{content:"";position:absolute;left:-3px;top:50%;width:3px;height:3px;margin-top:-1.5px;border-radius:50%;background:#b77bea;opacity:.62}

/* Section 2 - hidden burden */
#why-cocoon{background:linear-gradient(180deg,#fff 0%,#f8f3fb 58%,#f4edf8 100%);border-bottom:1px solid rgba(83,48,104,.09)}
#why-cocoon::before{background:radial-gradient(circle at 11% 20%,rgba(173,117,219,.09),transparent 25%),radial-gradient(circle at 88% 77%,rgba(109,45,160,.06),transparent 30%)}
#why-cocoon .v144-card-grid{gap:12px}
#why-cocoon .v144-card-grid article{position:relative;overflow:hidden;padding:27px 30px 27px 34px;border-color:rgba(91,52,113,.1);background:rgba(255,255,255,.76);box-shadow:0 18px 52px rgba(52,20,73,.065);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
#why-cocoon .v144-card-grid article::before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:3px;border-radius:3px;background:linear-gradient(180deg,#bd82ee,#75409e);opacity:.72}
#why-cocoon .v144-card-grid article:hover{transform:translateX(5px);border-color:rgba(126,73,158,.2);box-shadow:0 22px 58px rgba(52,20,73,.1)}

/* Section 3 - deep cinematic mechanism */
#first-decision{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 15%,rgba(167,79,238,.2),transparent 30%),radial-gradient(circle at 86% 78%,rgba(116,49,166,.14),transparent 28%),linear-gradient(145deg,#17081f 0%,#0e0415 72%,#13071c 100%);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08)}
#first-decision::after{content:"";position:absolute;left:50%;top:0;width:min(980px,82vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(205,155,255,.62),transparent)}
#first-decision .v144-steps{position:relative;gap:12px;margin-top:50px}
#first-decision .v144-steps::before{content:"";position:absolute;left:5%;right:5%;top:17px;height:1px;background:linear-gradient(90deg,rgba(199,144,244,.08),rgba(199,144,244,.48),rgba(199,144,244,.08))}
#first-decision .v144-steps article{position:relative;padding:28px 24px 26px;border-color:rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.055);backdrop-filter:blur(8px);transition:transform .25s ease,border-color .25s ease,background .25s ease}
#first-decision .v144-steps article:hover{transform:translateY(-5px);border-color:rgba(196,139,242,.28);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.045))}
#first-decision .v144-steps b{position:relative;z-index:1;width:36px;height:36px;margin-bottom:18px;border:1px solid rgba(255,255,255,.26);background:linear-gradient(145deg,#c98cff,#9b58d7);box-shadow:0 0 0 6px #13061c,0 8px 26px rgba(158,76,243,.28)}

/* Section 4 - deliberately light to stop sections 3/4 merging */
#connected-channels{color:var(--v209-ink);background:radial-gradient(circle at 76% 32%,rgba(165,100,217,.11),transparent 31%),radial-gradient(circle at 10% 80%,rgba(220,193,239,.35),transparent 28%),linear-gradient(180deg,#fcf9fd 0%,#f3ebf8 100%);border-top:0;border-bottom:1px solid rgba(80,44,101,.1)}
#connected-channels::after{content:"";position:absolute;left:50%;top:0;width:min(1180px,calc(100% - 48px));height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(95,53,121,.16),transparent)}
#connected-channels .v208-channel-copy .eyebrow{color:#744092}
#connected-channels .v208-channel-copy h2{color:#211226}
#connected-channels .v208-channel-copy .v144-lead{color:#5f5364}
#connected-channels .button.secondary{color:#3f1c52;border-color:rgba(82,43,104,.18);background:rgba(255,255,255,.65);box-shadow:0 12px 34px rgba(68,29,91,.06)}
#connected-channels .v208-context-demo{position:relative;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 64% 24%,rgba(168,83,234,.18),transparent 32%),linear-gradient(145deg,#1d0b29 0%,#100617 100%);box-shadow:0 30px 90px rgba(48,18,66,.17),inset 0 1px 0 rgba(255,255,255,.075)}
#connected-channels .v208-context-demo::before{content:"";position:absolute;inset:14px;border-radius:22px;border:1px solid rgba(255,255,255,.035);pointer-events:none}
#connected-channels .v208-channel-cards article{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.07);box-shadow:0 16px 38px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.055);backdrop-filter:blur(13px)}
#connected-channels .v208-person{box-shadow:0 20px 54px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.08)}

/* Story threshold only; the story itself remains untouched */
#guided-story{border-top:1px solid rgba(76,42,96,.08);background:linear-gradient(180deg,#fff 0%,#fbf8fc 100%)}

/* Post-story definition */
#representative{background:radial-gradient(circle at 84% 22%,rgba(167,108,213,.09),transparent 28%),linear-gradient(180deg,#fcfafc,#f7f2f8);border-top:1px solid rgba(82,45,102,.08)}
#representative .v144-note{border-left:0;border-radius:18px;border:1px solid rgba(117,66,146,.12);background:linear-gradient(135deg,rgba(157,107,198,.1),rgba(255,255,255,.65));box-shadow:0 14px 38px rgba(59,22,81,.055)}
#representative .v144-compare{gap:16px}
#representative .v144-compare article{position:relative;overflow:hidden;min-height:100%;box-shadow:0 18px 50px rgba(52,20,73,.055)}
#representative .v144-compare article.featured{border-color:rgba(255,255,255,.12);background:radial-gradient(circle at 84% 16%,rgba(174,92,238,.22),transparent 26%),linear-gradient(145deg,#321148,#210b30);box-shadow:0 24px 64px rgba(55,19,78,.18)}
#representative .v144-compare article.featured::after{content:"";position:absolute;width:120px;height:120px;right:-55px;bottom:-60px;border:1px solid rgba(213,170,248,.2);border-radius:50%;box-shadow:0 0 0 24px rgba(213,170,248,.035),0 0 0 48px rgba(213,170,248,.02)}

/* Capabilities */
#v144-capabilities{background:radial-gradient(circle at 12% 12%,rgba(183,126,225,.08),transparent 25%),#fff}
#v144-capabilities .v144-feature-grid{gap:16px}
#v144-capabilities .v144-feature-grid article{position:relative;overflow:hidden;border-color:rgba(93,52,116,.1);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,246,252,.95));box-shadow:0 20px 55px rgba(51,19,72,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
#v144-capabilities .v144-feature-grid article::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#8e4bc0,#c68bf0,transparent 82%);opacity:.64}
#v144-capabilities .v144-feature-grid article:hover{transform:translateY(-5px);border-color:rgba(124,72,155,.18);box-shadow:0 26px 66px rgba(51,19,72,.105)}
#v144-capabilities .v144-feature-grid article:last-child{background:linear-gradient(120deg,#f8f1fb,#fff)}

/* Relationships */
.v144-relationships{background:linear-gradient(180deg,#f4edf8 0%,#faf7fb 100%);border-top:1px solid rgba(87,48,109,.07);border-bottom:1px solid rgba(87,48,109,.07)}
.v144-relationships .v144-relationship-list{padding:14px 28px;border:1px solid rgba(90,50,113,.1);border-radius:28px;background:rgba(255,255,255,.66);box-shadow:0 24px 64px rgba(52,20,73,.07),inset 0 1px 0 rgba(255,255,255,.78);backdrop-filter:blur(12px)}
.v144-relationships .v144-relationship-list article{position:relative;padding:21px 0 21px 19px}
.v144-relationships .v144-relationship-list article::before{content:"";position:absolute;left:0;top:27px;width:6px;height:6px;border-radius:50%;background:#a85fe0;box-shadow:0 0 0 5px rgba(168,95,224,.08)}

/* Permission/control */
.v144-control{overflow:hidden;background:radial-gradient(circle at 20% 12%,rgba(159,73,226,.18),transparent 28%),radial-gradient(circle at 88% 78%,rgba(110,45,158,.12),transparent 30%),linear-gradient(145deg,#180821,#100517);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.07)}
.v144-control .v144-permission-grid article{position:relative;overflow:hidden;min-height:190px;padding-top:38px;border-color:rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.055)}
.v144-control .v144-permission-grid article::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#a45ee0}
.v144-control .v144-permission-grid article:nth-child(2)::before{background:#d49a54}
.v144-control .v144-permission-grid article:nth-child(3)::before{background:#7b6888}
.v144-control .v144-permission-grid article:nth-child(2){background:linear-gradient(180deg,rgba(212,154,84,.09),rgba(255,255,255,.03))}
.v144-control .v144-permission-grid article:nth-child(3){background:linear-gradient(180deg,rgba(136,116,148,.08),rgba(255,255,255,.028))}

/* Learning */
.v144-learning{background:radial-gradient(circle at 84% 18%,rgba(175,115,218,.09),transparent 30%),linear-gradient(180deg,#fff,#faf7fb)}
.v144-learning .v144-learning-grid article{position:relative;min-height:160px;border-color:rgba(89,50,110,.1);background:rgba(255,255,255,.82);box-shadow:0 18px 50px rgba(52,20,73,.055)}
.v144-learning .v144-learning-grid article b{display:block;margin-bottom:8px;font-family:"Playfair Display",Georgia,serif;font-size:25px;font-weight:500;color:#3c1c4d}

/* Trust */
.v144-trust{background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,0)),#f2ebf6;border-top:1px solid rgba(82,45,102,.07)}
.v144-trust .v144-trust-grid article{position:relative;min-height:175px;padding:32px 30px 30px;border-color:rgba(89,50,110,.095);background:rgba(255,255,255,.72);box-shadow:0 20px 54px rgba(52,20,73,.055)}
.v144-trust .v144-trust-grid article::before{content:"";display:block;width:28px;height:28px;margin-bottom:20px;border:1px solid rgba(143,78,184,.34);border-radius:50%;background:radial-gradient(circle,#a962df 0 22%,transparent 24%);box-shadow:0 0 0 7px rgba(169,98,223,.055)}

/* Small-business interlude */
.v144-business{color:#fff;overflow:hidden;background:radial-gradient(circle at 90% 50%,rgba(177,86,238,.16),transparent 28%),linear-gradient(105deg,#170820 0%,#281039 52%,#16081f 100%);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.07)}
.v144-business .v144-lead{color:rgba(255,255,255,.74)!important}
.v144-business .eyebrow{color:#c996ef}
.v144-business .v144-text-link{color:#e1b9ff}
.v144-business .v144-wrap{position:relative}
.v144-business .v144-wrap::after{content:"";position:absolute;right:3%;top:50%;width:210px;height:210px;transform:translateY(-50%);border:1px solid rgba(210,160,248,.12);border-radius:50%;box-shadow:0 0 0 42px rgba(210,160,248,.025),0 0 0 84px rgba(210,160,248,.012);pointer-events:none}
.v144-business .v144-two-col>*{position:relative;z-index:1}

/* Founder offer */
.v144-offer{overflow:hidden;background:radial-gradient(circle at 82% 22%,rgba(197,118,255,.24),transparent 31%),radial-gradient(circle at 14% 92%,rgba(130,63,183,.2),transparent 28%),linear-gradient(135deg,#220c30,#42165b 55%,#2b0c3d)}
.v144-offer .v144-offer-card{position:relative;padding:42px 46px;border:1px solid rgba(255,255,255,.12);border-radius:32px;background:rgba(255,255,255,.055);box-shadow:0 30px 82px rgba(9,2,13,.18),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(12px)}
.v144-offer .v144-offer-points span{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.075)}

/* FAQ */
.faq-section{background:linear-gradient(180deg,#fbf8fc,#fff)}
.faq-section details{max-width:900px!important;margin:10px auto!important;padding:0!important;overflow:hidden;border:1px solid rgba(88,48,110,.1)!important;border-radius:17px;background:rgba(255,255,255,.78);box-shadow:0 12px 34px rgba(52,20,73,.04)}
.faq-section summary{position:relative;padding:20px 56px 20px 22px;list-style:none}
.faq-section summary::-webkit-details-marker{display:none}
.faq-section summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(103,56,129,.14);border-radius:50%;color:#6d3d87;font-size:19px;font-weight:500}
.faq-section details[open] summary::after{content:"−"}
.faq-section details p{margin:0;padding:0 22px 22px;color:#66596c}

/* Final CTA */
.v144-final{overflow:hidden;background:radial-gradient(circle at 50% 115%,rgba(163,73,230,.28),transparent 35%),linear-gradient(180deg,#110719,#09030e)}
.v144-final::after{content:"";position:absolute;left:50%;bottom:-245px;width:490px;height:490px;transform:translateX(-50%);border:1px solid rgba(204,146,246,.16);border-radius:50%;box-shadow:0 0 0 55px rgba(204,146,246,.025),0 0 0 110px rgba(204,146,246,.012);pointer-events:none}
.v144-final .v144-wrap{position:relative;z-index:1}

@media(max-width:900px){
  #hero .v208-channel-strip{width:100%;border-radius:20px;padding:8px;justify-content:flex-start}
  #hero .v208-channel-strip span{min-height:28px;padding:0 8px}
  #hero .v208-channel-strip span+span::before{display:none}
  #first-decision .v144-steps::before{display:none}
  #first-decision .v144-steps article{padding:24px 21px}
  #first-decision .v144-steps b{box-shadow:0 0 0 5px #13061c,0 7px 20px rgba(158,76,243,.25)}
  #connected-channels .v208-context-demo{min-height:0;border-radius:26px;box-shadow:0 22px 58px rgba(48,18,66,.13),inset 0 1px 0 rgba(255,255,255,.07)}
  #connected-channels .v208-context-demo::before{inset:10px;border-radius:18px}
  .v144-relationships .v144-relationship-list{padding:10px 20px;border-radius:24px}
  .v144-business .v144-wrap::after{right:-120px;opacity:.7}
  .v144-offer .v144-offer-card{padding:30px 26px;border-radius:26px}
}
@media(max-width:620px){
  #main>.v144-section:not(.v144-story-intro),#main>.v208-channel-section,#main>.v144-final{padding-top:76px;padding-bottom:76px}
  #hero .v208-channel-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;border-radius:18px}
  #hero .v208-channel-strip span{justify-content:center;padding:0 5px;font-size:9.75px;text-align:center}
  #why-cocoon .v144-card-grid article{padding:23px 22px 23px 28px}
  #why-cocoon .v144-card-grid article:hover,#v144-capabilities .v144-feature-grid article:hover,#first-decision .v144-steps article:hover{transform:none}
  #first-decision .v144-steps{grid-template-columns:1fr;gap:10px;margin-top:34px}
  #first-decision .v144-steps article{display:grid;grid-template-columns:42px 1fr;column-gap:14px;align-items:start}
  #first-decision .v144-steps article b{grid-row:1/3;margin:0}
  #first-decision .v144-steps article h3{margin:1px 0 6px}
  #first-decision .v144-steps article p{grid-column:2;margin:0}
  #representative .v144-compare article{padding:26px 24px}
  #v144-capabilities .v144-feature-grid article{padding:24px 22px}
  .v144-relationships .v144-relationship-list{padding:8px 18px}
  .v144-relationships .v144-relationship-list article{padding:18px 0 18px 18px}
  .v144-control .v144-permission-grid article{min-height:0;padding:28px 24px}
  .v144-learning .v144-learning-grid article,.v144-trust .v144-trust-grid article{min-height:0;padding:25px 23px}
  .v144-business .v144-wrap::after{width:170px;height:170px;right:-105px}
  .v144-offer .v144-offer-card{padding:26px 21px;border-radius:22px}
  .faq-section summary{padding:18px 50px 18px 18px}
  .faq-section summary::after{right:17px}
  .faq-section details p{padding:0 18px 19px}
}
@media(prefers-reduced-motion:reduce){#hero .button,#main>.v144-section .button,#main>.v208-channel-section .button,#main>.v144-final .button,#why-cocoon .v144-card-grid article,#v144-capabilities .v144-feature-grid article,#first-decision .v144-steps article{transition:none!important}}


/* --- assets/css/home-v210-story-threshold.css --- */
/* Cocoon V210 — story threshold repair and secondary story-start CTA.
   Homepage/story scenes remain otherwise unchanged. */

/* V209 intentionally turned this threshold light but inherited white story-intro
   typography. V210 makes the transition into the cinematic story deliberate. */
#guided-story.v210-story-threshold{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-height:clamp(460px,55vw,650px);
  display:grid;
  align-items:center;
  padding:clamp(88px,9vw,138px) 24px;
  color:#fff;
  background:
    radial-gradient(circle at 50% 32%,rgba(178,92,245,.17),transparent 31%),
    radial-gradient(circle at 8% 88%,rgba(116,47,167,.18),transparent 25%),
    linear-gradient(145deg,#1a0925 0%,#100617 58%,#0a030f 100%);
  border-top:1px solid rgba(76,42,96,.12);
  border-bottom:1px solid rgba(255,255,255,.08);
}
#guided-story.v210-story-threshold::before{
  content:"";
  position:absolute;
  left:50%;
  top:-370px;
  width:720px;
  height:720px;
  transform:translateX(-50%);
  border:1px solid rgba(207,153,250,.17);
  border-radius:50%;
  box-shadow:
    0 0 0 78px rgba(207,153,250,.025),
    0 0 0 156px rgba(207,153,250,.012);
  pointer-events:none;
  z-index:-1;
}
#guided-story.v210-story-threshold::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:min(1180px,calc(100% - 48px));
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(211,161,249,.48),transparent);
  pointer-events:none;
}
#guided-story.v210-story-threshold .v144-wrap{
  position:relative;
  z-index:1;
  max-width:980px;
}
#guided-story.v210-story-threshold .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0 0 22px;
  color:#cf9cf7;
  font-size:12px;
  line-height:1;
  letter-spacing:.17em;
  text-transform:uppercase;
  font-weight:800;
}
#guided-story.v210-story-threshold .eyebrow::before{
  content:"";
  width:22px;
  height:1px;
  background:currentColor;
  opacity:.62;
}
#guided-story.v210-story-threshold h2{
  max-width:880px;
  margin:0 auto;
  color:#fff;
  font-size:clamp(50px,5.4vw,78px);
  line-height:.98;
  letter-spacing:-.05em;
  text-shadow:0 10px 48px rgba(0,0,0,.22);
}
#guided-story.v210-story-threshold .v210-story-intro-copy{
  max-width:760px;
  margin:24px auto 0;
  color:rgba(255,255,255,.72);
  font-size:clamp(17px,1.45vw,20px);
  line-height:1.65;
  text-wrap:pretty;
}
#guided-story.v210-story-threshold .v210-story-mark{
  position:relative;
  width:50px;
  height:50px;
  margin:0 auto 28px;
}
#guided-story.v210-story-threshold .v210-story-mark span,
#guided-story.v210-story-threshold .v210-story-mark i{
  position:absolute;
  inset:0;
  border-radius:50%;
  border:1px solid rgba(213,166,249,.28);
}
#guided-story.v210-story-threshold .v210-story-mark span{box-shadow:0 0 34px rgba(168,75,235,.22)}
#guided-story.v210-story-threshold .v210-story-mark i{
  inset:13px;
  border:0;
  background:radial-gradient(circle at 36% 30%,#e9cbff 0%,#b562ef 28%,#7836b0 68%,#40185e 100%);
  box-shadow:0 0 24px rgba(181,98,239,.54);
}
#guided-story.v210-story-threshold .v210-story-actions{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:15px;
  margin-top:34px;
}
#guided-story.v210-story-threshold .v210-story-start{
  appearance:none;
  border:1px solid rgba(255,255,255,.26);
  border-radius:999px;
  min-height:56px;
  padding:0 16px 0 25px;
  display:inline-flex;
  align-items:center;
  gap:15px;
  color:#fff;
  background:linear-gradient(135deg,#b04ff2 0%,#8533c9 100%);
  box-shadow:0 18px 48px rgba(121,44,176,.3),inset 0 1px 0 rgba(255,255,255,.3);
  font:800 15px/1.1 Inter,system-ui,sans-serif;
  letter-spacing:.01em;
  cursor:pointer;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
#guided-story.v210-story-threshold .v210-story-start svg{
  width:34px;
  height:34px;
  padding:7px;
  border-radius:50%;
  background:rgba(255,255,255,.14);
  fill:currentColor;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.11);
}
#guided-story.v210-story-threshold .v210-story-start:hover,
#guided-story.v210-story-threshold .v210-story-start:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.4);
  box-shadow:0 22px 58px rgba(121,44,176,.4),inset 0 1px 0 rgba(255,255,255,.34);
  outline:none;
}
#guided-story.v210-story-threshold .v210-story-meta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:9px;
  color:rgba(255,255,255,.5);
  font:600 12px/1.4 Inter,system-ui,sans-serif;
  letter-spacing:.025em;
}
#guided-story.v210-story-threshold .v210-story-meta i{
  width:3px;
  height:3px;
  border-radius:50%;
  background:#bf79ee;
  opacity:.8;
}

/* Keep the existing 3-second hand-off line subtle until this CTA is used. */
#guided-story.v210-story-threshold .story-intro-countdown{
  margin-top:30px!important;
  background:rgba(255,255,255,.1)!important;
}

@media(max-width:620px){
  #guided-story.v210-story-threshold{
    min-height:430px;
    padding:76px 20px 82px;
  }
  #guided-story.v210-story-threshold::before{
    top:-310px;
    width:560px;
    height:560px;
  }
  #guided-story.v210-story-threshold .v210-story-mark{width:42px;height:42px;margin-bottom:22px}
  #guided-story.v210-story-threshold .v210-story-mark i{inset:11px}
  #guided-story.v210-story-threshold .eyebrow{margin-bottom:18px;font-size:10.5px}
  #guided-story.v210-story-threshold h2{font-size:clamp(42px,12vw,56px)}
  #guided-story.v210-story-threshold .v210-story-intro-copy{margin-top:20px;font-size:16px;line-height:1.55}
  #guided-story.v210-story-threshold .v210-story-actions{margin-top:28px}
  #guided-story.v210-story-threshold .v210-story-start{width:100%;max-width:300px;justify-content:center;min-height:54px}
  #guided-story.v210-story-threshold .v210-story-meta{max-width:290px;gap:7px;font-size:11px}
}

@media(prefers-reduced-motion:reduce){
  #guided-story.v210-story-threshold .v210-story-start{transition:none}
}


/* --- assets/css/mobile-story-v207.css --- */
/* Cocoon V207 — dedicated mobile story composition layer
   FINAL AUTHORITY for <=900px only. Desktop remains V206/V201/V205/V202.
   Purpose: deliberate portrait crops, protected graphic zones, readable scene copy,
   and a compact mobile control dock. Loaded last to override the accumulated legacy
   mobile patches without disturbing desktop. */

/* Mobile-only alternate SVGs must never enter the frozen desktop composition. */
.scene2-v207-mobile-paths,.scene3-v207-mobile-paths,.authority-v207-mobile-links,.s9v207-mobile-paths{display:none;}

@media (max-width: 900px){
  :root{--v207-dock-h:82px;--v207-dock-gap:10px;--v207-copy-bottom:102px;--v207-copy-side:10px;}

  html body #story-frame.v151-story-shell{
    height:calc(100svh - 90px)!important;
    min-height:560px!important;
    max-height:none!important;
    overflow:hidden!important;
    background:#120019!important;
  }
  html body #story-frame>.v151-story-stage,
  html body #story-frame>.v151-story-stage>.story-scene{height:100%!important;min-height:0!important;}

  /* Portrait art direction. The source frames are 16:9; each mobile scene receives
     an explicit focal point rather than the old generic centre crop. */
  html body #story-frame .story-scene>.bg,
  html body #story-frame .story-scene>.bg img{inset:0!important;width:100%!important;height:100%!important;}
  html body #story-frame .story-scene>.bg img{object-fit:cover!important;transform:none!important;}
  html body #scene-1>.bg img{object-position:67% 50%!important;}
  html body #scene-2>.bg img{object-position:70% 50%!important;}
  html body #scene-3>.bg img{object-position:73% 50%!important;}
  html body #scene-4>.bg img{object-position:70% 50%!important;}
  html body #scene-5>.bg img{object-position:68% 50%!important;}
  html body #scene-6>.bg img{object-position:70% 50%!important;}
  html body #scene-7>.bg img{object-position:70% 50%!important;}
  html body #scene-8>.bg img{object-position:68% 50%!important;}
  html body #scene-9>.bg img{object-position:71% 50%!important;}

  /* Reintroduce the Cocoon boundary as a mobile composition element. This lets the
     photograph focus on the person instead of sacrificing the subject just to retain
     the left-hand arc baked into the landscape artwork. */
  html body #story-frame .story-scene::before{
    content:""!important;position:absolute!important;z-index:2!important;pointer-events:none!important;
    left:-57vw!important;top:-9%!important;width:105vw!important;height:118%!important;border-radius:50%!important;
    border:1.4px solid rgba(187,104,255,.58)!important;border-right-color:rgba(207,143,255,.92)!important;
    box-shadow:0 0 22px rgba(152,61,238,.30),inset -8px 0 28px rgba(150,58,236,.09)!important;
    opacity:.86!important;
  }
  html body #story-frame .story-scene::after{
    content:""!important;position:absolute!important;inset:0!important;z-index:3!important;pointer-events:none!important;
    background:linear-gradient(90deg,rgba(16,0,27,.34) 0%,rgba(16,0,27,.08) 36%,rgba(16,0,27,0) 68%),linear-gradient(0deg,rgba(12,0,19,.30) 0%,transparent 34%)!important;
  }

  /* Story copy: a consistent bottom safe zone, never underneath the player. */
  html body #story-frame .story-scene .scene-content{
    left:var(--v207-copy-side)!important;right:var(--v207-copy-side)!important;top:auto!important;
    bottom:var(--v207-copy-bottom)!important;width:auto!important;max-width:none!important;max-height:132px!important;
    padding:13px 16px 14px!important;border-radius:22px!important;overflow:hidden!important;
    background:linear-gradient(145deg,rgba(30,7,47,.92),rgba(15,3,25,.88))!important;
    border:1px solid rgba(232,212,255,.17)!important;box-shadow:0 16px 36px rgba(4,0,9,.30)!important;
    backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;z-index:40!important;
  }
  html body #story-frame .story-scene .scene-content h2{
    margin:0!important;color:#fff!important;font-family:Georgia,"Times New Roman",serif!important;font-weight:500!important;
    font-size:clamp(25px,7.1vw,31px)!important;line-height:.98!important;letter-spacing:-.035em!important;text-wrap:balance!important;
  }
  html body #story-frame .story-scene .scene-content .subhead{
    margin:7px 0 0!important;color:rgba(255,255,255,.72)!important;font:500 12px/1.28 "DM Sans",Inter,system-ui,sans-serif!important;
    display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
  }
  html body #scene-4 .scene-content h2,html body #scene-6 .scene-content h2,html body #scene-7 .scene-content h2{font-size:clamp(22px,6.15vw,27px)!important;line-height:1.00!important;}
  html body #scene-9 .scene-content{max-height:124px!important;}
  html body #scene-9 .scene-content .hero-actions,html body #scene-9 .scene-content .microcopy{display:none!important;}

  /* Progress rail is a desktop control; the header and dock already indicate context on phone. */
  html body .scene-progress,html body .section-jump{display:none!important;}

  /* ---------------- Mobile control dock ---------------- */
  html body .control-bar.v198-control-bar{
    left:8px!important;right:8px!important;bottom:calc(env(safe-area-inset-bottom,0px) + 7px)!important;
    width:auto!important;height:var(--v207-dock-h)!important;min-height:var(--v207-dock-h)!important;
    display:grid!important;grid-template-columns:124px 78px minmax(0,1fr)!important;grid-template-rows:32px 40px!important;
    gap:4px 6px!important;padding:5px 6px!important;border-radius:17px!important;overflow:hidden!important;
    background:linear-gradient(145deg,rgba(30,9,48,.94),rgba(14,4,24,.94))!important;
    border:1px solid rgba(226,202,255,.18)!important;box-shadow:0 12px 30px rgba(4,0,9,.40),inset 0 1px 0 rgba(255,255,255,.045)!important;
    backdrop-filter:blur(19px)!important;-webkit-backdrop-filter:blur(19px)!important;z-index:2147483200!important;
  }
  html body .control-bar.v198-control-bar>.v198-caption-shell{
    grid-column:1/-1!important;grid-row:1!important;height:32px!important;min-height:32px!important;
    display:grid!important;grid-template-columns:2px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;
    padding:0 8px!important;margin:0!important;border:0!important;border-radius:9px!important;background:rgba(255,255,255,.018)!important;
  }
  html body .control-bar.v198-control-bar .v198-caption-mark{width:2px!important;height:16px!important;border-radius:99px!important;background:#bd67ff!important;box-shadow:0 0 9px rgba(184,92,255,.45)!important;}
  html body .control-bar.v198-control-bar .v198-caption-shell>#subtitleText{
    display:block!important;min-width:0!important;margin:0!important;padding:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
    color:rgba(255,255,255,.82)!important;font:600 11px/1.1 "DM Sans",Inter,system-ui,sans-serif!important;letter-spacing:0!important;
  }
  html body .control-bar.v198-control-bar>.v198-transport{
    grid-column:1!important;grid-row:2!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
    padding:2px!important;margin:0!important;gap:0!important;border-radius:10px!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.055)!important;
  }
  html body .control-bar.v198-control-bar .v198-transport>button{
    width:35px!important;min-width:35px!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0!important;border-radius:8px!important;
    border:0!important;background:transparent!important;color:rgba(255,255,255,.77)!important;box-shadow:none!important;font-size:0!important;
  }
  html body .control-bar.v198-control-bar .v198-transport>[data-play]{
    width:40px!important;min-width:40px!important;height:36px!important;min-height:36px!important;
    background:linear-gradient(145deg,#ad55ef,#7130b4)!important;box-shadow:0 6px 15px rgba(128,48,190,.27),inset 0 1px 0 rgba(255,255,255,.18)!important;
  }
  html body .control-bar.v198-control-bar .v198-transport>[data-replay]{display:none!important;}
  html body .control-bar.v198-control-bar>.v198-volume{
    grid-column:2!important;grid-row:2!important;width:78px!important;height:40px!important;display:grid!important;grid-template-columns:30px 1fr!important;align-items:center!important;
    gap:3px!important;margin:0!important;padding:2px 6px 2px 2px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.055)!important;background:rgba(255,255,255,.018)!important;
  }
  html body .control-bar.v198-control-bar>.v198-volume button{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  html body .control-bar.v198-control-bar>.v198-volume input[type=range]{width:38px!important;min-width:38px!important;height:18px!important;margin:0!important;}
  html body .control-bar.v198-control-bar .v198-icon,html body .control-bar.v198-control-bar .v198-play-glyph,html body .control-bar.v198-control-bar .story-volume-icon{width:18px!important;height:18px!important;flex-basis:18px!important;}
  html body .control-bar.v198-control-bar .v198-icon svg,html body .control-bar.v198-control-bar .v198-play-glyph svg,html body .control-bar.v198-control-bar .story-volume-icon svg{width:18px!important;height:18px!important;}

  /* Founder CTA becomes a small dock companion rather than a second primary control. */
  html body #cocoon-founder-popup-v111 .cfp111-trigger{
    right:14px!important;bottom:calc(env(safe-area-inset-bottom,0px) + 12px)!important;z-index:2147483300!important;
    width:132px!important;min-width:132px!important;height:34px!important;min-height:34px!important;padding:0 10px!important;
    font-size:9.5px!important;letter-spacing:.075em!important;border-radius:10px!important;box-shadow:0 8px 20px rgba(15,3,25,.32)!important;
  }
  html body #cocoon-founder-popup-v111 .cfp111-trigger:before{width:6px!important;height:6px!important;margin-right:7px!important;}

  /* ---------------- Scene 1: interruption field ---------------- */
  html body #scene-1 .scene1-impact-v194{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:12!important;transform:none!important;}
  html body #scene-1 .s1v194-trajectories{display:none!important;}
  html body #scene-1 .s1v194-demand{position:absolute!important;width:118px!important;max-width:118px!important;height:auto!important;z-index:14!important;}
  html body #scene-1 .s1v194-beacon{width:96px!important;height:96px!important;}
  html body #scene-1 .s1v194-core{width:54px!important;height:54px!important;}
  html body #scene-1 .s1v194-core svg{width:24px!important;height:24px!important;}
  html body #scene-1 .s1v194-copy{margin-top:5px!important;gap:2px!important;min-width:118px!important;}
  html body #scene-1 .s1v194-copy strong{font-size:22px!important;line-height:.95!important;}
  html body #scene-1 .s1v194-copy small{font-size:7px!important;letter-spacing:.12em!important;}
  html body #scene-1 .s1v194-call{left:23%!important;top:9%!important;bottom:auto!important;}
  html body #scene-1 .s1v194-message{left:76%!important;top:13%!important;bottom:auto!important;}
  html body #scene-1 .s1v194-request{left:58%!important;top:35%!important;bottom:auto!important;}
  html body #scene-1 .s1v194-demand::before{content:""!important;position:absolute!important;z-index:-1!important;opacity:.5!important;}
  html body #scene-1 .s1v194-call::before{left:50%!important;bottom:calc(100% - 8px)!important;width:1px!important;height:58px!important;background:linear-gradient(0deg,rgba(193,120,255,.72),transparent)!important;}
  html body #scene-1 .s1v194-message::before{right:calc(100% - 8px)!important;top:42px!important;width:68px!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(193,120,255,.72))!important;}
  html body #scene-1 .s1v194-request::before{left:46px!important;top:calc(100% - 8px)!important;width:1px!important;height:50px!important;background:linear-gradient(180deg,rgba(193,120,255,.68),transparent)!important;}

  /* ---------------- Scene 2: decision constellation ---------------- */
  html body #scene-2 .scene2-decision-v203{display:block!important;position:absolute!important;left:12px!important;right:12px!important;top:42px!important;bottom:auto!important;width:auto!important;height:390px!important;z-index:14!important;transform:none!important;overflow:visible!important;}
  html body #scene-2 .scene2-v203-paths{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:.78!important;overflow:visible!important;}
  html body #scene-2 .scene2-v203-core{left:24px!important;top:30px!important;width:164px!important;height:94px!important;}
  html body #scene-2 .scene2-v203-core-ring{width:76px!important;height:76px!important;}
  html body #scene-2 .scene2-v203-core-face{width:58px!important;height:58px!important;left:9px!important;top:9px!important;}
  html body #scene-2 .scene2-v203-symbol,html body #scene-2 .scene2-v203-five{font-size:28px!important;}
  html body #scene-2 .scene2-v203-core-copy{left:90px!important;top:15px!important;width:112px!important;}
  html body #scene-2 .scene2-v203-core-copy small{font-size:7px!important;}
  html body #scene-2 .scene2-v203-core-copy strong{font-size:19px!important;line-height:.98!important;}
  html body #scene-2 .scene2-v203-node{width:154px!important;min-width:154px!important;max-width:154px!important;gap:8px!important;align-items:center!important;}
  html body #scene-2 .scene2-v203-node-dot{width:37px!important;height:37px!important;min-width:37px!important;flex-basis:37px!important;font-size:8px!important;}
  html body #scene-2 .scene2-v203-node-copy{gap:2px!important;max-width:108px!important;}
  html body #scene-2 .scene2-v203-node-copy small{font-size:7px!important;letter-spacing:.1em!important;}
  html body #scene-2 .scene2-v203-node-copy strong{font-size:14px!important;line-height:1.03!important;}
  html body #scene-2 .scene2-v203-node-1{left:4px!important;top:140px!important;}
  html body #scene-2 .scene2-v203-node-2{left:174px!important;top:126px!important;}
  html body #scene-2 .scene2-v203-node-3{left:18px!important;top:220px!important;}
  html body #scene-2 .scene2-v203-node-4{left:182px!important;top:213px!important;}
  html body #scene-2 .scene2-v203-node-5{left:102px!important;top:300px!important;}

  /* ---------------- Scene 3: portrait reasoning path ---------------- */
  html body #scene-3 .scene3-flow-v199{display:block!important;position:absolute!important;left:12px!important;right:12px!important;top:35px!important;bottom:auto!important;width:auto!important;height:405px!important;z-index:14!important;transform:none!important;overflow:visible!important;}
  html body #scene-3 .scene3-v199-trajectories{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:visible!important;}
  html body #scene-3 .scene3-v199-demand{left:174px!important;top:18px!important;width:155px!important;--s3-visible-transform:translate3d(0,0,0) scale(1)!important;--s3-hidden-transform:translate3d(10px,-8px,0) scale(.94)!important;}
  html body #scene-3 .scene3-v199-beacon{width:78px!important;height:78px!important;}
  html body #scene-3 .scene3-v199-core-icon{width:46px!important;height:46px!important;}
  html body #scene-3 .scene3-v199-demand-copy{left:84px!important;top:17px!important;width:112px!important;}
  html body #scene-3 .scene3-v199-demand-copy strong{font-size:19px!important;}.scene3-v199-demand-copy small{font-size:7px!important;}
  html body #scene-3 .scene3-v199-cocoon{left:24px!important;top:125px!important;width:126px!important;height:126px!important;--s3-visible-transform:translate3d(0,0,0) scale(1)!important;--s3-hidden-transform:translate3d(-8px,0,0) scale(.93)!important;}
  html body #scene-3 .scene3-v199-orb{width:68px!important;height:68px!important;left:29px!important;top:20px!important;}
  html body #scene-3 .scene3-v199-cocoon-copy{left:8px!important;top:91px!important;min-width:110px!important;}.scene3-v199-cocoon-copy strong{font-size:20px!important;}.scene3-v199-cocoon-copy small{font-size:7px!important;}
  html body #scene-3 .scene3-v199-context{width:172px!important;gap:8px!important;--s3-visible-transform:translate3d(0,0,0) scale(1)!important;--s3-hidden-transform:translate3d(10px,0,0) scale(.93)!important;}
  html body #scene-3 .scene3-v199-context-node{width:54px!important;height:54px!important;flex-basis:54px!important;}.scene3-v199-context-node svg{width:24px!important;height:24px!important;}
  html body #scene-3 .scene3-v199-context-copy{min-width:104px!important;}.scene3-v199-context-copy small{font-size:7px!important;}.scene3-v199-context-copy strong{font-size:13px!important;line-height:1.08!important;}
  html body #scene-3 .scene3-v199-who{left:170px!important;top:126px!important;}
  html body #scene-3 .scene3-v199-what{left:156px!important;top:203px!important;}
  html body #scene-3 .scene3-v199-permission{left:136px!important;top:280px!important;}
  html body #scene-3 .scene3-v199-outcome{left:24px!important;top:305px!important;width:260px!important;--s3-visible-transform:translate3d(0,0,0) scale(1)!important;--s3-hidden-transform:translate3d(0,10px,0) scale(.94)!important;}
  html body #scene-3 .scene3-v199-outcome-beacon{width:56px!important;height:56px!important;flex-basis:56px!important;}.scene3-v199-outcome-copy{min-width:170px!important;}.scene3-v199-outcome-copy small{font-size:7px!important;}.scene3-v199-outcome-copy strong{font-size:16px!important;}.scene3-v199-outcome-copy em,.scene3-v199-outcome-copy b{font-size:8px!important;}

  /* ---------------- Scene 4: relationship/context choices ---------------- */
  html body #scene-4 .context-v180{display:block!important;position:absolute!important;left:12px!important;right:auto!important;top:46px!important;width:190px!important;height:390px!important;z-index:14!important;transform:none!important;overflow:visible!important;}
  html body #scene-4 .context-v180-signal{position:absolute!important;left:0!important;right:auto!important;top:0!important;width:184px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:9px 11px!important;border-radius:14px!important;background:rgba(27,8,43,.82)!important;border:1px solid rgba(231,210,255,.18)!important;backdrop-filter:blur(12px)!important;opacity:0;transform:translateY(-7px);}
  html body #scene-4 .context-v180-signal i{width:11px!important;height:11px!important;flex:0 0 11px!important;}.context-v180-signal b{font-size:12px!important;}.context-v180-signal small{display:none!important;}
  html body #scene-4 .context-v180-card{position:absolute!important;left:0!important;right:auto!important;width:176px!important;min-height:0!important;height:61px!important;padding:8px 10px!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(36,10,56,.88),rgba(16,5,28,.80))!important;border:1px solid rgba(235,214,255,.16)!important;box-shadow:0 10px 24px rgba(0,0,0,.24)!important;backdrop-filter:blur(12px)!important;opacity:0!important;transform:translateX(-8px)!important;}
  html body #scene-4 .context-v180-card .context-kicker,html body #scene-4 .context-v180-card p{display:none!important;}
  html body #scene-4 .context-v180-card h3{margin:2px 0 0!important;padding-right:56px!important;font-size:18px!important;line-height:1!important;}
  html body #scene-4 .context-v180-card em{right:8px!important;top:8px!important;padding:6px 8px!important;font-size:7px!important;}
  html body #scene-4 .context-card-child{top:64px!important;}.context-card-doctor{top:132px!important;}.context-card-work{top:200px!important;}.context-card-unknown{top:268px!important;}
  html body #scene-4 .context-v180-comparison{display:none!important;}
  html body #scene-4 .context-v180-conclusion{position:absolute!important;left:0!important;right:auto!important;bottom:0!important;width:184px!important;padding:9px 10px!important;border-radius:13px!important;font-size:11px!important;line-height:1.15!important;background:rgba(31,10,44,.86)!important;border:1px solid rgba(229,205,255,.18)!important;opacity:0!important;transform:translateY(6px)!important;}
  html body #scene-4.vbeat-1 .context-v180-signal,html body #scene-4.vbeat-2 .context-v180-signal,html body #scene-4.vbeat-3 .context-v180-signal,html body #scene-4.vbeat-4 .context-v180-signal,html body #scene-4.vbeat-5 .context-v180-signal,html body #scene-4.vbeat-6 .context-v180-signal,html body #scene-4.vbeat-7 .context-v180-signal{opacity:1!important;transform:none!important;}
  html body #scene-4.vbeat-2 .context-card-child,html body #scene-4.vbeat-3 .context-card-child,html body #scene-4.vbeat-4 .context-card-child,html body #scene-4.vbeat-5 .context-card-child,html body #scene-4.vbeat-6 .context-card-child,html body #scene-4.vbeat-7 .context-card-child{opacity:1!important;transform:none!important;}
  html body #scene-4.vbeat-3 .context-card-doctor,html body #scene-4.vbeat-4 .context-card-doctor,html body #scene-4.vbeat-5 .context-card-doctor,html body #scene-4.vbeat-6 .context-card-doctor,html body #scene-4.vbeat-7 .context-card-doctor{opacity:1!important;transform:none!important;}
  html body #scene-4.vbeat-4 .context-card-work,html body #scene-4.vbeat-5 .context-card-work,html body #scene-4.vbeat-6 .context-card-work,html body #scene-4.vbeat-7 .context-card-work{opacity:1!important;transform:none!important;}
  html body #scene-4.vbeat-5 .context-card-unknown,html body #scene-4.vbeat-6 .context-card-unknown,html body #scene-4.vbeat-7 .context-card-unknown{opacity:1!important;transform:none!important;}
  html body #scene-4.vbeat-7 .context-v180-conclusion{opacity:1!important;transform:none!important;}

  /* ---------------- Scene 5: authority map ---------------- */
  html body #scene-5 .authority-map-v205{position:absolute!important;left:12px!important;right:12px!important;top:42px!important;bottom:auto!important;width:auto!important;height:390px!important;z-index:14!important;transform:none!important;overflow:visible!important;}
  html body #scene-5 .authority-v205-links{display:none!important;}
  html body #scene-5 .authority-v205-core{left:16px!important;top:116px!important;width:126px!important;height:126px!important;--s5-visible-transform:translate3d(0,0,0) scale(1)!important;--s5-hidden-transform:translate3d(-8px,0,0) scale(.94)!important;}
  html body #scene-5 .authority-v205-orb{width:64px!important;height:64px!important;left:31px!important;top:20px!important;}
  html body #scene-5 .authority-v205-core-copy{left:4px!important;top:92px!important;width:120px!important;}.authority-v205-core-copy small{font-size:7px!important;}.authority-v205-core-copy strong{font-size:19px!important;}
  html body #scene-5 .authority-v205-node{left:164px!important;width:170px!important;gap:8px!important;--s5-visible-transform:translate3d(0,0,0) scale(1)!important;--s5-hidden-transform:translate3d(9px,0,0) scale(.94)!important;}
  html body #scene-5 .authority-v205-approved{top:45px!important;}.authority-v205-ask{top:154px!important;}.authority-v205-never{top:263px!important;}
  html body #scene-5 .authority-v205-beacon{width:62px!important;height:62px!important;flex-basis:62px!important;}.authority-v205-icon{width:34px!important;height:34px!important;}.authority-v205-icon svg{width:18px!important;height:18px!important;}
  html body #scene-5 .authority-v205-copy{min-width:100px!important;}.authority-v205-copy small{font-size:7px!important;}.authority-v205-copy strong{font-size:15px!important;line-height:1.02!important;}.authority-v205-copy em{font-size:8px!important;line-height:1.12!important;}
  html body #scene-5 .authority-v205-node::before{content:""!important;position:absolute!important;right:calc(100% + 3px)!important;top:50%!important;width:28px!important;height:1px!important;background:linear-gradient(90deg,rgba(190,113,255,.18),rgba(190,113,255,.72))!important;}
  html body #scene-5 .authority-v205-conclusion{left:14px!important;right:auto!important;bottom:4px!important;width:310px!important;gap:8px!important;font-size:12px!important;line-height:1.2!important;--s5-visible-transform:translate3d(0,0,0) scale(1)!important;--s5-hidden-transform:translate3d(0,7px,0) scale(.97)!important;}

  /* ---------------- Scene 6: incoming call ---------------- */
  html body #scene-6 .call-visual{display:block!important;position:absolute!important;left:12px!important;right:auto!important;top:48px!important;bottom:auto!important;width:292px!important;height:385px!important;z-index:14!important;transform:none!important;}
  html body #scene-6 .call-signal{left:0!important;top:0!important;padding:8px 12px!important;gap:8px!important;border-radius:999px!important;}.call-signal em{font-size:10px!important;}.call-icon{width:22px!important;height:22px!important;font-size:12px!important;}
  html body #scene-6 .call-card{width:280px!important;padding:13px 14px!important;border-radius:17px!important;}.call-card-incoming{left:0!important;top:49px!important;}.call-card p{font-size:11px!important;line-height:1.35!important;}.card-topline b{font-size:13px!important;}.card-topline small{font-size:9px!important;}.caller-avatar{width:38px!important;height:38px!important;}
  html body #scene-6 .call-route{left:8px!important;top:220px!important;width:270px!important;gap:7px!important;}.call-route>b{font-size:8px!important;white-space:normal!important;max-width:86px!important;line-height:1.1!important;}.call-route>i{margin:0 7px!important;}
  html body #scene-6 .call-card-outcome{left:14px!important;right:auto!important;bottom:0!important;width:268px!important;padding:12px!important;gap:10px!important;}.outcome-check{flex-basis:40px!important;height:40px!important;font-size:18px!important;}.call-card-outcome h3{font-size:16px!important;margin:4px 0 2px!important;}.call-card-outcome strong{font-size:9px!important;}

  /* ---------------- Scene 7: delegated task ---------------- */
  html body #scene-7 .delegation-visual{display:block!important;position:absolute!important;left:12px!important;right:auto!important;top:70px!important;bottom:auto!important;width:300px!important;height:330px!important;z-index:14!important;transform:none!important;}
  html body #scene-7 .delegation-card{width:282px!important;padding:14px 15px!important;border-radius:18px!important;}.delegation-card small{font-size:8px!important;}.delegation-card h3{font-size:17px!important;line-height:1.08!important;margin:6px 0 10px!important;}.delegation-request{left:0!important;top:0!important;}.delegation-request span{padding:7px 10px!important;font-size:9px!important;}
  html body #scene-7 .delegation-path{left:8px!important;right:auto!important;top:157px!important;width:278px!important;gap:7px!important;}.delegation-path b{font-size:8px!important;white-space:nowrap!important;}.delegation-path i{width:9px!important;height:9px!important;}
  html body #scene-7 .delegation-result{left:18px!important;right:auto!important;bottom:0!important;width:270px!important;}.delegation-result p{font-size:10px!important;}.delegation-result strong{font-size:9px!important;}

  /* ---------------- Scene 8: summary distillation ---------------- */
  html body #scene-8 .summary-distill-v189{position:absolute!important;left:12px!important;right:12px!important;top:48px!important;bottom:auto!important;width:auto!important;height:390px!important;z-index:14!important;transform:none!important;}
  html body #scene-8 .summary-fragment-v189{width:252px!important;padding:9px 11px!important;border-radius:14px!important;gap:9px!important;}.summary-fragment-v189 b{font-size:12px!important;}.summary-fragment-v189 small{font-size:9px!important;}.scene-8 .fragment-one{left:0!important;right:auto!important;top:0!important;}.scene-8 .fragment-two{left:34px!important;right:auto!important;top:66px!important;}.scene-8 .fragment-three{left:7px!important;right:auto!important;top:132px!important;}
  html body #scene-8 .summary-surface-v189{left:0!important;right:auto!important;bottom:0!important;width:315px!important;padding:12px 14px 11px!important;border-radius:19px!important;}.summary-surface-v189 header{padding-bottom:8px!important;}.summary-surface-v189 header h3{font-size:16px!important;margin-top:4px!important;}.summary-row-v189{padding:7px 0!important;gap:9px!important;}.summary-row-v189 b{font-size:10px!important;}.summary-row-v189 small{font-size:8px!important;}.summary-decision-v189{margin-top:8px!important;padding:9px 11px!important;border-radius:13px!important;}.summary-decision-v189 h4{font-size:13px!important;margin:4px 0 3px!important;}.summary-decision-v189 small,.summary-decision-v189 span{font-size:8px!important;}
  html body #scene-8 .summary-final-v189{left:0!important;right:auto!important;bottom:-6px!important;width:315px!important;}.summary-final-v189 b{text-align:left!important;font-size:17px!important;}.summary-final-v189 span{text-align:left!important;font-size:9px!important;}

  /* ---------------- Scene 9: protected resolution ---------------- */
  html body #scene-9 .resolution-visual.scene9-v202{display:block!important;position:absolute!important;left:12px!important;right:12px!important;top:44px!important;bottom:auto!important;width:auto!important;height:410px!important;z-index:14!important;transform:none!important;overflow:visible!important;}
  html body #scene-9 .s9v202-paths{display:none!important;}
  html body #scene-9 .s9v202-core{left:44%!important;top:52%!important;}
  html body #scene-9 .s9v202-node{left:auto!important;width:176px!important;gap:8px!important;}
  html body #scene-9 .s9v202-orb{width:62px!important;height:62px!important;flex-basis:62px!important;}.s9v202-orb::before{inset:-8px!important;}.s9v202-orb::after{inset:-16px!important;}.s9v202-orb svg{width:25px!important;height:25px!important;}
  html body #scene-9 .s9v202-copy{min-width:104px!important;}.s9v202-copy b{font-size:15px!important;line-height:1!important;}.s9v202-copy small{font-size:7px!important;line-height:1.1!important;margin-top:3px!important;}
  html body #scene-9 .s9v202-routine{right:4px!important;top:20px!important;}.s9v202-follow{right:30px!important;top:112px!important;}.s9v202-important{left:8px!important;right:auto!important;top:212px!important;}.s9v202-review{left:58px!important;right:auto!important;top:302px!important;}
  html body #scene-9 .s9v202-routine::before,html body #scene-9 .s9v202-follow::before,html body #scene-9 .s9v202-important::before,html body #scene-9 .s9v202-review::before{content:""!important;position:absolute!important;top:31px!important;width:40px!important;height:1px!important;opacity:.5!important;}
  html body #scene-9 .s9v202-routine::before,html body #scene-9 .s9v202-follow::before{right:calc(100% - 4px)!important;background:linear-gradient(90deg,transparent,rgba(120,225,189,.65))!important;}
  html body #scene-9 .s9v202-important::before,html body #scene-9 .s9v202-review::before{left:calc(100% - 4px)!important;background:linear-gradient(90deg,rgba(255,188,96,.65),transparent)!important;}

  /* Smaller phones: preserve hierarchy instead of collapsing the composition. */
  @media (max-width:380px){
    :root{--v207-copy-side:8px;--v207-copy-bottom:99px;}
    html body #story-frame .story-scene .scene-content{padding:11px 13px 12px!important;border-radius:19px!important;max-height:124px!important;}
    html body #story-frame .story-scene .scene-content h2{font-size:clamp(23px,7vw,28px)!important;}
    html body #story-frame .story-scene .scene-content .subhead{font-size:11px!important;}
    html body .control-bar.v198-control-bar{left:6px!important;right:6px!important;}
    html body #cocoon-founder-popup-v111 .cfp111-trigger{right:11px!important;width:124px!important;min-width:124px!important;font-size:9px!important;}
    html body #scene-2 .scene2-v203-node{width:146px!important;min-width:146px!important;}.scene2-v203-node-2{left:164px!important;}.scene2-v203-node-4{left:169px!important;}
    html body #scene-3 .scene3-v199-demand{left:164px!important;}.scene3-v199-who{left:160px!important;}.scene3-v199-what{left:148px!important;}.scene3-v199-permission{left:130px!important;}
    html body #scene-5 .authority-v205-node{left:154px!important;width:164px!important;}
  }
}

@media (max-width:900px){
  /* Mobile SVG geometry replaces the desktop trajectories. */
  html body #scene-2 .scene2-v203-paths{display:none!important;}
  html body #scene-2 .scene2-v207-mobile-paths{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:visible!important;z-index:1!important;}
  html body #scene-2 .scene2-v207-mobile-paths .scene2-v203-path{fill:none!important;stroke:rgba(196,128,255,.48)!important;stroke-width:1.25!important;stroke-linecap:round!important;stroke-dasharray:1!important;stroke-dashoffset:1!important;}

  html body #scene-3 .scene3-v199-trajectories{display:none!important;}
  html body #scene-3 .scene3-v207-mobile-paths{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:visible!important;z-index:1!important;}
  html body #scene-3 .scene3-v207-mobile-paths .scene3-v199-path{fill:none!important;stroke:rgba(208,155,255,.52)!important;stroke-width:1.35!important;stroke-linecap:round!important;stroke-dasharray:1!important;stroke-dashoffset:1!important;}
  html body #scene-3 .scene3-v207-mobile-paths .scene3-v199-path-out{stroke:rgba(142,229,198,.58)!important;}

  html body #scene-5 .authority-v205-links{display:none!important;}
  html body #scene-5 .authority-v207-mobile-links{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:visible!important;z-index:1!important;}
  html body #scene-5 .authority-v207-mobile-links .authority-v205-link{fill:none!important;stroke:rgba(201,139,255,.46)!important;stroke-width:1.2!important;stroke-linecap:round!important;stroke-dasharray:1!important;stroke-dashoffset:1!important;}
  html body #scene-5 .authority-v207-mobile-links .authority-v205-link-ask{stroke:rgba(255,190,94,.48)!important;}
  html body #scene-5 .authority-v207-mobile-links .authority-v205-link-never{stroke:rgba(192,170,210,.34)!important;}
  html body #scene-5 .authority-v205-node::before{display:none!important;}

  html body #scene-6 .call-visual{height:350px!important;}
  html body #scene-8 .summary-distill-v189{height:360px!important;}

  html body #scene-9 .s9v202-paths{display:none!important;}
  html body #scene-9 .s9v207-mobile-paths{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:visible!important;z-index:1!important;}
  html body #scene-9 .s9v207-mobile-paths .s9v202-boundary-path{fill:none!important;stroke:rgba(190,112,255,.68)!important;stroke-width:1.35!important;stroke-linecap:round!important;filter:drop-shadow(0 0 8px rgba(174,75,255,.45))!important;stroke-dasharray:950!important;stroke-dashoffset:950!important;opacity:0;}
  html body #scene-9 .s9v207-mobile-paths .s9v202-track{fill:none!important;stroke-width:1.05!important;stroke-linecap:round!important;stroke-dasharray:520!important;stroke-dashoffset:520!important;opacity:0;}
  html body #scene-9 .s9v207-mobile-paths .s9v202-track-routine,html body #scene-9 .s9v207-mobile-paths .s9v202-track-follow{stroke:rgba(121,232,193,.35)!important;}
  html body #scene-9 .s9v207-mobile-paths .s9v202-track-important,html body #scene-9 .s9v207-mobile-paths .s9v202-track-review{stroke:rgba(255,190,92,.45)!important;}
  html body #scene-9 .s9v202-routine::before,html body #scene-9 .s9v202-follow::before,html body #scene-9 .s9v202-important::before,html body #scene-9 .s9v202-review::before{display:none!important;}
}