.bio-cinema.world-card,.hair-cinema.world-card{padding:24px;background:#fffdf7;overflow:hidden}.bio-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.bio-chip{font-size:16px;color:#6c735e;background:#edf0e3;padding:7px 12px;border-radius:30px}.bio-cell-tabs{margin-bottom:22px}.bio-cell-tabs button{flex:1;min-height:54px}.bio-stage-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:28px;align-items:center}.bio-visual{min-width:0;border:1px solid #deded1;border-radius:24px;overflow:hidden;background:#edf0e7}.bio-visual svg{display:block;width:100%;height:auto}.bio-svg-label{font:22px sans-serif;fill:#5c6353}.bio-svg-small{font:19px sans-serif;fill:#5c6353}.bio-story-panel h2{font-size:27px;line-height:1.6}.bio-story-panel p{line-height:1.85}.bio-look{background:#f5edcf;border-left:4px solid #c4a55d;border-radius:0 14px 14px 0;padding:15px 18px;font-size:19px!important;line-height:1.75;margin:18px 0}.bio-playback{display:flex;align-items:center;gap:8px}.bio-playback button{margin:8px 0;min-height:52px}.bio-playback .world-primary{font-size:20px;flex:1;padding:13px 10px}.bio-playback .world-secondary{padding:13px 16px}.bio-playback button:disabled{opacity:.35}.bio-read{font-size:19px;color:#176b61;border:1px solid #b4c6b9;border-radius:13px;background:#eff3e9;padding:12px 18px;min-height:48px;margin-top:8px}.bio-step-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0 10px}.bio-step-strip button{text-align:left;border:2px solid #d6ddcc;background:#f2f4e9;border-radius:16px;padding:14px;font-size:18px;line-height:1.65;font-weight:800}.bio-step-strip button span{display:block;width:28px;height:28px;text-align:center;background:#dfe8d5;border-radius:50%;margin-bottom:6px}.bio-step-strip button[aria-pressed=true]{background:#deeee4;border-color:#17786b;color:#145d54}.bio-question-list details{margin:12px 0!important;background:#f0f2e8!important}.bio-question-list summary{font-size:22px!important;line-height:1.7}.bio-question-list details p{line-height:1.9}.bio-plasma{background:#f6edd9;border-radius:20px;padding:20px;margin-top:24px}.bio-plasma b{font-size:23px}.hair-cinema .concept-tabs button{font-size:19px}.hair-cinema .world-primary,.hair-cinema .world-secondary{font-size:20px}.hair-cinema #hairGrowStatus{font-size:19px}.hair-mix{min-height:140px}.hair-mix span{height:110px}.bio-heart{transform-box:fill-box;transform-origin:center;animation:bio-beat 1.3s ease-in-out infinite paused}.bio-signal{animation:bio-glow 2s ease-in-out infinite paused}.bio-wrap{stroke-dasharray:200;stroke-dashoffset:0;animation:bio-wrap 5s ease-in-out infinite paused}.bio-fibrin{animation:bio-glow 3s ease-in-out infinite paused}.bio-running .bio-heart,.bio-running .bio-signal,.bio-running .bio-wrap,.bio-running .bio-fibrin{animation-play-state:running}.hair-new{stroke-dasharray:38;animation:hair-grow 1.2s ease-out both}.hair-old{animation:hair-push 1.2s ease-out both}.hair-pigment-dot{opacity:.75}@keyframes bio-beat{50%{transform:scale(1.06)}}@keyframes bio-glow{50%{opacity:.4}}@keyframes bio-wrap{0%,100%{stroke-dashoffset:170}65%{stroke-dashoffset:0}}@keyframes hair-grow{from{stroke-dashoffset:38}to{stroke-dashoffset:0}}@keyframes hair-push{from{transform:translateY(38px)}to{transform:translateY(0)}}@media(min-width:1100px){.bio-stage-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}@media(max-width:850px){.bio-stage-layout{grid-template-columns:1fr;gap:20px}.bio-visual{max-width:680px;width:100%;margin:auto}.bio-story-panel{padding:0 4px}.bio-step-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.bio-step-strip button span{display:inline-block;margin:0 8px 0 0}.bio-playback .world-primary{width:auto}}@media(max-width:500px){.bio-cinema.world-card,.hair-cinema.world-card{padding:16px}.bio-cell-tabs{gap:7px}.bio-cell-tabs button{font-size:18px;padding:11px 7px}.bio-step-strip button{font-size:17px;padding:11px}.bio-step-strip button span{display:block;margin-bottom:6px}.bio-title-row .bio-chip{font-size:14px}.bio-story-panel h2{font-size:25px}}@media(prefers-reduced-motion:reduce){.bio-heart,.bio-signal,.bio-wrap,.bio-fibrin,.hair-new,.hair-old{animation:none!important}}

.bio-squeeze{transform-box:fill-box;transform-origin:center;animation:bio-squeeze 7s ease-in-out infinite paused}.bio-running .bio-squeeze{animation-play-state:running}@keyframes bio-squeeze{0%,100%{transform:scale(1)}45%,60%{transform:scale(.6,1.25)}}@media(prefers-reduced-motion:reduce){.bio-squeeze{animation:none!important}}
