/* ===== Motion profil & Panel Kurator ===== */
.seg.a4{position:relative}
.seg.a4::before{content:'';position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/4);border-radius:99px;background:var(--p);box-shadow:0 4px 10px -4px #600010aa;transform:translateX(calc(var(--ai,0)*100%))}
.seg.a4 button{position:relative;z-index:1}.seg.a4 .on{background:none;color:#fff}
@media(prefers-reduced-motion:no-preference){
@keyframes moUp{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}
@keyframes moPop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.07)}100%{transform:none}}
@keyframes moRing{from{box-shadow:0 0 0 0 color-mix(in srgb,var(--s) 45%,transparent)}to{box-shadow:0 0 0 16px transparent}}
@keyframes moShine{from{transform:translateX(-130%) skewX(-18deg)}to{transform:translateX(380%) skewX(-18deg)}}
@keyframes moBar{from{transform:scaleX(0)}to{transform:none}}
#app.mo-p>*,#app.mo-a>*{animation:moUp .55s cubic-bezier(.22,.8,.3,1) backwards;animation-delay:calc(var(--k,0)*65ms)}
#app.mo-t .seg.a4~*{animation:moUp .42s cubic-bezier(.22,.8,.3,1) backwards;animation-delay:calc(var(--k,0)*40ms - 120ms)}
.mo-p .pfa{animation:moPop .6s cubic-bezier(.34,1.4,.64,1) .12s backwards,moRing 1.1s ease-out .6s 1}
.mo-p .pfh b{animation:moUp .5s cubic-bezier(.22,.8,.3,1) .25s backwards}
.mo-p .mt>div{animation:moUp .5s cubic-bezier(.22,.8,.3,1) backwards}
.mo-p .mt>div:nth-child(1){animation-delay:.3s}.mo-p .mt>div:nth-child(2){animation-delay:.38s}.mo-p .mt>div:nth-child(3){animation-delay:.46s}
.mo-p .pl,.mo-a .pl{animation:moPop .45s cubic-bezier(.34,1.4,.64,1) .3s backwards}
.mo-p .pbar i{transform-origin:left;animation:moBar 1s cubic-bezier(.22,.8,.3,1) .5s backwards}
.mo-p .hero::before{content:'';position:absolute;top:0;bottom:0;left:0;width:30%;background:linear-gradient(90deg,transparent,#ffffff3d,transparent);animation:moShine 1.2s ease .75s 1 backwards;pointer-events:none}
.seg.a4::before{transition:transform .45s cubic-bezier(.34,1.25,.64,1)}
.seg.a4 button{transition:color .25s ease,transform .18s ease}.seg.a4 button:active{transform:scale(.94)}
.st{transition:background-color .2s ease,padding-left .28s cubic-bezier(.34,1.4,.64,1),transform .15s ease;border-radius:12px}
.st>span:first-child{transition:transform .3s cubic-bezier(.34,1.4,.64,1)}
.st:active{transform:scale(.985)}
@media(hover:hover){.st:hover{padding-left:8px;background:color-mix(in srgb,var(--t) 55%,transparent)}.st:hover>span:first-child{transform:scale(1.1) rotate(-6deg)}}
.cp{transition:transform .18s ease,background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.cp:active{transform:scale(.94)}
}
.tc summary{font-weight:800;cursor:pointer;line-height:1.4}.tc[open] summary{margin-bottom:6px}.tc .th{font-size:13px;color:var(--tx);margin:12px 0 2px}.tc .tl{margin:4px 0 4px 20px;font-size:13px;line-height:1.6;color:var(--mu)}.tc .tw{overflow-x:auto;margin:6px 0}.tt th,.tt td{padding:6px 8px;text-align:left;vertical-align:top;border-bottom:1px solid #8884}.tt th{color:var(--tx)}.tt td{color:var(--mu);line-height:1.5}