/* Scene 5 · Personal story. Native SVG/CSS; no media resources. */
.kmc-audio-art{display:grid;justify-items:center;align-content:center;gap:34px;position:relative;width:100%;min-width:0;padding:16px 0 0;isolation:isolate}
.kmc-audio-story{--story-width:320px;box-sizing:border-box;position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;width:min(100%,var(--story-width));margin:0;padding:12px;border:1px solid rgba(181,211,222,.24);border-radius:19px;background:linear-gradient(118deg,#142e38,#10252f);box-shadow:0 12px 34px rgba(0,0,0,.12);color:var(--on-dark,#edf0eb);font-family:var(--f-sans,Onest,Arial,sans-serif)}
.kmc-audio-story::before{content:'';position:absolute;z-index:-1;inset:65% 8% -50%;border-radius:50%;background:radial-gradient(ellipse,rgba(242,179,91,.065),transparent 70%);pointer-events:none}
.kmc-audio-story__portrait{display:block;width:76px;height:76px;object-fit:cover;border-radius:50%;border:1px solid rgba(237,240,235,.17)}
.kmc-audio-story__body{min-width:0;display:grid;gap:5px}
.kmc-audio-story__title{margin:0;padding-left:3px;font-size:13px;line-height:20px;font-weight:400;letter-spacing:0;color:#d9e3e4}
.kmc-audio-story__row{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:2px;min-width:0;height:44px}
.kmc-audio-story__control{grid-area:1/1;box-sizing:border-box;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--accent,#6cb4ff)}
.kmc-audio-story button.kmc-audio-story__control{cursor:pointer}
.kmc-audio-story__control[hidden]{display:none!important}
.kmc-audio-story__control svg{display:block;width:20px;height:20px;fill:currentColor}
.kmc-audio-story button.kmc-audio-story__control:hover{background:rgba(108,180,255,.08)}
.kmc-audio-story button.kmc-audio-story__control:focus-visible{outline:2px solid var(--lamp,#f2b35b);outline-offset:1px}
.kmc-audio-story[data-enhanced=true]:not([data-state=static]) .kmc-audio-story__fallback{display:none}
.kmc-audio-story__pause{display:none!important}
.kmc-audio-story[data-state=playing] .kmc-audio-story__play{display:none}
.kmc-audio-story[data-state=playing] .kmc-audio-story__pause{display:block!important}
.kmc-audio-story__wave{grid-area:1/2;display:block;width:100%;height:44px;overflow:visible}
.kmc-audio-story__bar{fill:#8bb5c8;opacity:.7;transform-box:fill-box;transform-origin:center;transform:scaleY(.58)}
.kmc-audio-story__bar:nth-child(-n+12){fill:var(--accent,#6cb4ff);opacity:.8}
.kmc-audio-story__bar--warm{fill:var(--lamp,#f2b35b);opacity:.92}
.kmc-audio-story.is-started .kmc-audio-story__bar:not(.kmc-audio-story__bar--warm){animation:kmc-story-phrase 14840ms cubic-bezier(.4,0,.2,1) var(--delay,0ms) 1 both paused}
.kmc-audio-story.is-started[data-state=playing] .kmc-audio-story__bar:not(.kmc-audio-story__bar--warm){animation-play-state:running}
.kmc-audio-story__bar--warm{transform:none!important;animation:none!important}
.kmc-audio-story__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.kmc-audio-art__human{justify-self:end;margin:0 12px 0 0;font:italic 400 34px/1.04 var(--f-serif,'Cormorant Garamond',Georgia,serif);color:var(--lamp,#f2b35b);text-align:right;max-width:11ch}
@keyframes kmc-story-phrase{0%,100%{transform:scaleY(.58)}12%{transform:scaleY(var(--s1,.85))}26%{transform:scaleY(.36)}42%{transform:scaleY(var(--s2,1))}59%{transform:scaleY(.43)}76%{transform:scaleY(var(--s3,.8))}89%{transform:scaleY(.39)}}
@media(max-width:960px){.kmc-audio-story{--story-width:300px}.kmc-audio-art__human{font-size:31px}}
@media(max-width:760px){.kmc-audio-art{gap:24px;padding:8px 0 0}.kmc-audio-story{--story-width:280px;grid-template-columns:64px minmax(0,1fr);gap:10px;padding:10px;border-radius:17px}.kmc-audio-story__portrait{width:64px;height:64px}.kmc-audio-story__body{gap:3px}.kmc-audio-story__title{font-size:12px;line-height:19px}.kmc-audio-art__human{justify-self:center;margin:0;text-align:center;font-size:29px}}
@media(prefers-reduced-motion:reduce){.kmc-audio-story.is-started .kmc-audio-story__bar{animation:none!important;transform:scaleY(.58)}.kmc-audio-story__bar--warm{transform:none!important}.kmc-audio-story button.kmc-audio-story__control{display:none!important}}
