.mark-target{position:relative;display:inline-block;max-width:100%;margin:-5px -7px;padding:5px 7px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;line-height:inherit;text-align:inherit;white-space:pre-wrap;overflow-wrap:anywhere;vertical-align:baseline;cursor:crosshair;isolation:isolate;transition:color .15s}
.mark-target>span{position:relative;z-index:1}
.mark-target:hover{color:#b34d35;background:#ba513808}
.mark-target:disabled{cursor:default;opacity:1}
.mark-target:focus-visible{outline:1px dashed currentColor;outline-offset:5px}
.circle-ink{pointer-events:none;position:absolute;left:-5px;top:-4px;width:calc(100% + 10px);height:calc(100% + 8px);overflow:visible;opacity:0;z-index:2}
.circle-ink path{fill:none;stroke:#c94b35;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.mark-target.is-marked{color:#c95239}
.mark-target.is-marked .circle-ink{opacity:1}
.mark-target.is-marked .circle-ink path{animation:circleDraw .38s ease-out forwards}
.mark-target.is-marked:focus-visible{outline:none}
.message .mark-target{display:block;text-align:left}
.record-line>p{min-width:0;flex:1}
.data-row strong{min-width:0}
.process-table{min-width:640px}
.process-table .mark-target{white-space:nowrap;overflow-wrap:normal;text-align:left}
#ban-reason-count{font:700 11px var(--mono);margin-left:8px;display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:50%;background:#ffffff24}
#ban-reason-count[hidden]{display:none}
@keyframes circleDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}

.dario-scene{--body-motion:coverInspect}
.dario-character{animation:coverBreathe 3.8s ease-in-out infinite;will-change:transform}
.dario-trigger{animation:coverPaperFloat 4.2s ease-in-out infinite}
.dario-scene .dario-stamp{pointer-events:none}
.dario-fx{position:absolute;inset:0;z-index:4;pointer-events:none}
.dario-fx>i{position:absolute;display:block;opacity:0;font-style:normal}
.dario-paper{width:48px;height:65px;left:24%;top:45%;background:repeating-linear-gradient(0deg,transparent 0 8px,#84765d55 9px 10px),#e3d8bf;border:1px solid #ac9979;box-shadow:2px 4px 6px #0005;transform-origin:50% 95%}
.dario-paper b{font:700 32px Georgia,serif;color:#b54534;display:block;text-align:center;margin-top:12px}
.dario-paper.paper-0{--px:-90px;--py:130px;--pr:-65deg;--pd:0s}
.dario-paper.paper-1{--px:170px;--py:120px;--pr:85deg;--pd:.16s}
.dario-paper.paper-2{--px:95px;--py:180px;--pr:45deg;--pd:.32s}
.dario-paper.paper-3{--px:-45px;--py:190px;--pr:-35deg;--pd:.48s}
.dario-paper.paper-4{--px:200px;--py:80px;--pr:145deg;--pd:.64s}
.dario-paper.paper-5{--px:40px;--py:220px;--pr:110deg;--pd:.8s}
.dario-ink{width:7px;height:7px;border-radius:65% 40% 50% 55%;background:#bc4933;left:29%;top:43%;box-shadow:0 0 9px #d6613570}
.dario-impact{left:12%;top:40%;width:34%;height:8%;border:3px solid #d17a4f;border-radius:50%;box-shadow:0 0 20px #d17a4f55}
.dario-scan{left:20%;right:12%;top:8%;height:2px;background:#dfaa62;box-shadow:0 0 10px #ed9c42,0 -8px 20px #ed9c4230}
.dario-glint{left:52%;top:20%;width:32px;height:32px;background:linear-gradient(90deg,transparent 42%,#fff7dd 48% 52%,transparent 58%),linear-gradient(0deg,transparent 42%,#fff7dd 48% 52%,transparent 58%);filter:drop-shadow(0 0 6px #ffd78b)}
.dario-echo{border:3px double #c36549;color:#e18b69;padding:5px 10px;font:800 20px var(--mono);letter-spacing:2px;right:8%;top:62%;transform:rotate(12deg)}
.dario-echo.echo-two{right:20%;top:78%;transform:rotate(-18deg)}
.dario-scene.motion-active .dario-character{animation:var(--body-motion) 2.8s ease-in-out both}
.motion-active .dario-speech{animation:coverSpeech 2.8s ease both}
.motion-active .dario-steam{animation:coverSteam 1.4s .2s ease-out 2 both}
.motion-active .steam-right{animation-delay:.5s}
.motion-active .dario-glint{animation:coverGlint 2.8s ease both}
.motion-active .dario-stamp{animation:coverStamp 2.8s ease both}
.motion-active .dario-paper{animation:coverFly 1.7s calc(.65s + var(--pd)) ease-out both}
.motion-active .dario-ink{animation:coverInk .9s calc(.7s + var(--i)*.018s) ease-out both}
.motion-active .dario-impact{animation:coverImpact 1.1s .65s ease-out both}
[data-motion=inspect]{--body-motion:coverInspect}
[data-motion=lean]{--body-motion:coverLean}
[data-motion=stamp]{--body-motion:coverSlam}
[data-motion=shake]{--body-motion:coverShake}
[data-motion=double-stamp]{--body-motion:coverDouble}
[data-motion=recoil]{--body-motion:coverRecoil}
[data-motion=scan]{--body-motion:coverScanBody}
[data-motion=laugh]{--body-motion:coverLaugh}
[data-motion=triple-stamp]{--body-motion:coverTriple}
[data-motion=sweep]{--body-motion:coverSweep}
[data-motion=stomp]{--body-motion:coverStomp}
[data-motion=celebrate]{--body-motion:coverCelebrate}
[data-motion=inspect] .dario-paper,[data-motion=lean] .dario-paper,[data-motion=scan] .dario-paper,[data-motion=inspect] .dario-ink,[data-motion=lean] .dario-ink,[data-motion=scan] .dario-ink{animation:none}
[data-motion=inspect] .dario-scan,[data-motion=scan] .dario-scan{animation:coverScan 2.8s ease-in-out both}
[data-motion=double-stamp] .echo-one,[data-motion=triple-stamp] .echo-one{animation:coverEcho 1.6s 1s both}
[data-motion=triple-stamp] .echo-two{animation:coverEcho 1.1s 1.5s both}
[data-motion=stomp] .dario-impact{top:89%;left:25%;animation:coverImpact 1.1s .65s ease-out 2 both}
[data-motion=sweep] .dario-trigger{animation:coverSweepCard 2.8s ease both}
[data-motion=celebrate] .dario-paper{animation:coverFly 2.1s var(--pd) ease-out both}
@keyframes coverBreathe{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-7px) rotate(.7deg)}}
@keyframes coverPaperFloat{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-9px)}}
@keyframes coverInspect{0%,100%{transform:rotate(0)}25%,55%{transform:translate(-16px,-7px) rotate(-7deg) scale(1.04)}75%{transform:translate(8px,0) rotate(3deg)}}
@keyframes coverLean{0%,100%{transform:scale(1)}30%,55%{transform:translate(15px,12px) rotate(7deg) scale(1.12)}72%{transform:translate(-5px,-5px) rotate(-3deg) scale(.98)}}
@keyframes coverSlam{0%,100%{transform:rotate(0)}20%{transform:translate(8px,-30px) rotate(10deg)}28%{transform:translate(-12px,14px) rotate(-8deg) scaleY(.94)}38%{transform:translate(4px,-8px) rotate(3deg)}48%,75%{transform:rotate(-2deg)}}
@keyframes coverShake{0%,100%{transform:rotate(0)}15%,35%,55%{transform:translateX(-12px) rotate(-6deg)}25%,45%,65%{transform:translateX(12px) rotate(6deg)}78%{transform:translateY(-12px)}88%{transform:translateY(4px) scaleY(.97)}}
@keyframes coverDouble{0%,100%{transform:rotate(0)}18%,45%{transform:translateY(-23px) rotate(8deg)}27%,54%{transform:translateY(11px) rotate(-7deg) scaleY(.94)}34%,65%{transform:translateY(-5px) rotate(2deg)}}
@keyframes coverRecoil{0%,100%{transform:rotate(0)}20%{transform:translate(22px,-14px) rotate(11deg) scale(.94)}45%{transform:translate(-15px,6px) rotate(-8deg) scale(1.04)}60%{transform:translate(8px,-5px) rotate(4deg)}80%{transform:rotate(-2deg)}}
@keyframes coverScanBody{0%,100%{transform:rotate(0)}25%{transform:translate(-18px,-4px) rotate(-5deg)}65%{transform:translate(18px,-4px) rotate(5deg)}85%{transform:translateY(-8px) scale(1.03)}}
@keyframes coverLaugh{0%,100%{transform:rotate(0)}12%,32%,52%,72%{transform:translateY(-16px) rotate(3deg) scaleY(1.02)}22%,42%,62%,82%{transform:translateY(5px) rotate(-2deg) scaleY(.96)}}
@keyframes coverTriple{0%,100%{transform:rotate(0)}15%,40%,65%{transform:translateY(-22px) rotate(8deg)}24%,49%,74%{transform:translateY(12px) rotate(-7deg) scaleY(.94)}31%,56%,85%{transform:translateY(-3px) rotate(1deg)}}
@keyframes coverSweep{0%,100%{transform:rotate(0)}20%{transform:translate(22px,-8px) rotate(10deg)}45%{transform:translate(-25px,2px) rotate(-13deg)}62%{transform:translate(10px,-8px) rotate(6deg)}82%{transform:translate(-4px,0) rotate(-2deg)}}
@keyframes coverStomp{0%,100%{transform:rotate(0)}18%{transform:translate(-8px,-25px) rotate(-4deg)}27%{transform:translate(5px,10px) scaleY(.93)}50%{transform:translate(12px,-20px) rotate(5deg)}59%{transform:translate(-5px,9px) scaleY(.94)}76%{transform:translateY(-6px)}}
@keyframes coverCelebrate{0%,100%{transform:rotate(0)}15%{transform:translate(-12px,-28px) rotate(-9deg)}30%{transform:translate(8px,0) rotate(5deg)}48%{transform:translate(14px,-35px) rotate(9deg)}63%{transform:translate(-6px,4px) rotate(-4deg) scaleY(.96)}80%{transform:translateY(-12px)}}
@keyframes coverSpeech{0%,100%{transform:rotate(-1.4deg)}25%{transform:rotate(1deg) translateY(-3px)}35%{transform:rotate(-2.3deg)}65%{transform:rotate(.5deg)}}
@keyframes coverSteam{0%{opacity:0;translate:0 10px;scale:.6}25%{opacity:1;scale:1.2}100%{opacity:0;translate:0 -45px;scale:.7}}
@keyframes coverGlint{0%,12%,40%,100%{opacity:0;transform:scale(.1) rotate(0)}24%,30%{opacity:.85;transform:scale(1) rotate(90deg)}}
@keyframes coverStamp{0%,23%{opacity:0;transform:rotate(-13deg) scale(1.8)}29%,75%{opacity:1;transform:rotate(-13deg) scale(1)}100%{opacity:0;transform:rotate(-13deg) translateY(8px)}}
@keyframes coverFly{0%{opacity:0;transform:translate(0,0) rotate(0) scale(.5)}18%{opacity:.9;transform:translate(calc(var(--px)*.4),-45px) rotate(calc(var(--pr)*.4)) scale(1)}70%{opacity:.85}100%{opacity:0;transform:translate(var(--px),var(--py)) rotate(var(--pr)) scale(.7)}}
@keyframes coverInk{0%{opacity:0;transform:translate(0,0) scale(.2)}20%{opacity:.9}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.4)}}
@keyframes coverImpact{0%{opacity:.8;transform:scale(.3)}100%{opacity:0;transform:scale(2.2)}}
@keyframes coverScan{0%,100%{opacity:0;transform:translateY(0)}10%,85%{opacity:.7}50%{transform:translateY(300px)}90%{transform:translateY(20px)}}
@keyframes coverEcho{0%{opacity:0;scale:1.8}12%,75%{opacity:.9;scale:1}100%{opacity:0;scale:1}}
@keyframes coverSweepCard{0%,100%{transform:rotate(-8deg)}35%{transform:translate(0,-10px) rotate(5deg)}48%{transform:translate(-35px,15px) rotate(-28deg)}70%{transform:translate(-10px,10px) rotate(-18deg)}}
@media(prefers-reduced-motion:reduce){.dario-glint,.dario-steam{display:none}.dario-ink{box-shadow:none}.dario-scan{box-shadow:none;filter:brightness(.65)}.circle-ink path{animation:none!important;stroke-dashoffset:0}}
@media(max-width:720px){.dario-paper{width:34px;height:48px}.dario-paper b{font-size:24px;margin-top:8px}.dario-echo{font-size:14px}.mark-target{padding:6px;min-height:28px}.data-row .mark-target{line-height:1.7}}
