.mh-animation-preference{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 22px;color:#756780;font-size:13px;flex-wrap:wrap}
.mh-animation-preference label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#51425f;font-weight:600}
.mh-animation-preference input{width:17px;height:17px;accent-color:#7952b5}
.mh-cast{--mh-gold:#f0ce88;--mh-lilac:#d7b9ff;position:relative;margin:20px 0 26px;border:1px solid #b8a2cb;border-radius:20px;overflow:hidden;scroll-margin-top:92px;background:#faf7fe}
.mh-cast-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 22px}
.mh-cast-summary strong{display:block;color:#4f346e;font-size:17px;margin-top:4px}
.mh-cast-eyebrow{font-size:11px;letter-spacing:.15em;color:#927249}
.mh-cast-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mh-cast .mh-cast-actions button{min-height:40px;padding:8px 13px;border-radius:9px;border:1px solid #cbb9dd;background:#fff;color:#67418d;font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:normal}
.mh-cast .mh-cast-actions button:hover{background:#eee4fa}
.mh-cast .mh-cast-actions button:disabled{opacity:.35;cursor:default}
#mh-cast-body{position:relative;color:#f8f1ff;background:radial-gradient(ellipse at 83% 20%,#4a2c65 0%,#29183d 50%,#20132e 100%);padding:23px 25px 18px}
#mh-cast-body::before{content:'✧';position:absolute;right:30px;top:85px;font-size:170px;font-weight:100;color:#d5b979;opacity:.05;pointer-events:none}
.mh-cast-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:#d0bdde;line-height:1.6}
.mh-cast-meta time{font-variant-numeric:tabular-nums}
.mh-cast-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:20px 0 22px}
.mh-cast-steps button{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;background:#ffffff07;border:1px solid #ffffff1c;border-radius:9px;color:#c1aecf;min-height:40px;font:inherit;font-size:13px;cursor:pointer}
.mh-cast-steps button span{font-size:10px;border:1px solid #ffffff30;border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}
.mh-cast-steps button[aria-current="step"]{border-color:#d9b677;color:#ffe0a3;background:#d1a85019;box-shadow:0 0 17px #e3bf5510}
.mh-cast-steps button[data-done="true"]{color:#ddc9f2}
.mh-cast-stage{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(0,1.4fr);align-items:center;gap:20px;min-height:300px}
.mh-cast-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:17px}
.mh-cast[data-mode="time"] .mh-cast-counts{grid-template-columns:repeat(2,minmax(0,1fr))}
.mh-cast-count{padding:11px 9px;border:1px solid #ffffff18;background:#ffffff05;border-radius:11px;min-width:0}
.mh-cast-count small{display:block;color:#bca7cf;font-size:11px;margin-bottom:5px}
.mh-cast-count strong{display:block;font-size:23px;color:#e6d1fb;font-weight:500;line-height:1.3;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.mh-cast-count[data-active="true"]{border-color:#d7b87980;background:#d7b87912}
.mh-cast-count[data-active="true"] strong{color:#f7d99b}
.mh-cast-formula-card{border-left:2px solid #b69258;padding:2px 0 3px 16px;min-height:160px}
[data-mh-step-count]{font-size:10px;color:#cbb28b;letter-spacing:.12em}
.meihua-page .mh-cast h3{color:#fff0cf;font-size:19px;margin:9px 0 12px;line-height:1.45}
.mh-cast-sum{font-size:15px;color:#cdb7e2;margin:6px 0;overflow-wrap:anywhere}
.mh-cast-formula{font-size:19px;line-height:1.55;margin:6px 0 12px;color:#f5d58f;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.mh-cast-note{font-size:13px;line-height:1.85;color:#d8c9e5;margin:6px 0 0}
.mh-cast-scene{min-width:0;position:relative;display:flex;align-items:center;justify-content:center;min-height:290px}
.mh-cast-scene svg{width:100%;height:auto;max-height:320px;overflow:visible}
.mh-cast-scene svg text{font-family:inherit}
.mh-cast-hex-name{fill:#f4d79f;font-size:19px;font-weight:600}
.mh-cast-hex-label{fill:#cdb9df;font-size:14px}
.mh-cast-yao{fill:#eee2fb;stroke:none}
.mh-cast-yao[data-moving="true"]{fill:#f8cc76;filter:drop-shadow(0 0 4px #efc87870)}
.mh-cast-yao[data-source="true"]{fill:#dcb3fb}
.mh-cast-guide{fill:none;stroke:#c0a0e4;stroke-width:1.2;stroke-dasharray:3 4;opacity:.55}
.mh-cast-copy{fill:#eed5ff;opacity:.85}
.mh-cast-glow{fill:none;stroke:#e6c07b;stroke-width:1.3;opacity:.75}
.mh-cast-splash{width:100%;text-align:center;padding:10px 0}
.mh-cast-splash .mh-splash-caption{font-size:13px;color:#cdb6de;letter-spacing:.08em;margin:20px 0 0}
.mh-number-orbs{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}
.mh-number-orb{width:95px;height:95px;display:flex;flex-direction:column;justify-content:center;border:1px solid #dfbf7e70;border-radius:50%;background:radial-gradient(circle,#6e4b8540,#2c183b20);box-shadow:0 0 30px #ad70ef14;color:#f2d29a;font-size:27px;overflow-wrap:anywhere;padding:5px}
.mh-number-orb small{font-size:10px;color:#c7b0db;margin-top:5px}
.mh-clock-tiles{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.mh-clock-tile{width:77px;padding:15px 6px;border-top:2px solid #c9a56d;background:#ffffff07;border-radius:9px;color:#efd49d;font-size:33px}
.mh-clock-tile small{display:block;color:#cbb6dd;font-size:10px;margin-top:6px}
.mh-compass{display:grid;grid-template-columns:repeat(3,62px);gap:8px;justify-content:center}
.mh-compass-cell{border:1px solid #ffffff18;border-radius:10px;padding:7px 2px;color:#bea6d3;font-size:12px;line-height:1.5}
.mh-compass-cell b{display:block;font-size:23px;font-weight:400}
.mh-compass-cell[data-selected="true"]{background:#d3ad6422;border-color:#d9b775;color:#f7d08d;box-shadow:0 0 20px #d3ad6412}
.mh-compass-center{display:flex;align-items:center;justify-content:center;color:#e6c58f;font-size:12px;border:0}
.mh-character-groups{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;max-height:215px;overflow:auto;padding:4px}
.mh-character-tile{min-width:64px;border:1px solid #d9bc7d70;border-radius:9px;padding:8px 10px;background:#c39ae30c}
.mh-character-tile[data-group="lower"]{border-color:#b68cd180}
.mh-character-tile strong{font-size:32px;display:block;color:#f0d6a7;font-weight:500;line-height:1.25}
.mh-character-tile small{display:block;color:#cfbbdd;font-size:10px;margin-top:4px}
.mh-cast-progress{height:3px;background:#ffffff12;margin-top:15px;border-radius:10px;overflow:hidden}
.mh-cast-progress>span{display:block;width:0;height:100%;background:linear-gradient(90deg,#bda0df,#efcb82)}
.mh-cast-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:15px}
.mh-cast-status{font-size:12px;color:#cbb8dc;line-height:1.6}
#mh-cast-body .mh-cast-actions button{background:#ffffff08;color:#eadcf6;border-color:#ffffff25;min-height:37px;font-size:12px}
#mh-cast-body .mh-cast-actions button:hover{background:#ffffff12}
#mh-cast-body [data-mh-control="skip"]{border-color:#d4b27780;color:#f4d79e}
.meihua-page.mh-animating #meihua-result{display:none!important}
.mh-cast[data-playing="true"] .mh-cast-summary [data-mh-control="play"]{display:none}
.mh-cast [data-mh-control="skipTop"]{display:none}
.mh-cast[data-playing="true"] [data-mh-control="skipTop"]{display:inline-flex;align-items:center;justify-content:center;border-color:#b58e4e;color:#80602e}
.mh-cast[data-playing="true"] .mh-number-orb,.mh-cast[data-playing="true"] .mh-clock-tile,.mh-cast[data-playing="true"] .mh-character-tile{animation:mh-token-enter .55s both;animation-delay:calc(var(--index,0)*.1s)}
.mh-cast[data-playing="true"] .mh-line-enter{animation:mh-line-enter .38s both;animation-delay:calc(var(--index,0)*.09s);transform-box:fill-box;transform-origin:center}
.mh-cast[data-playing="true"] .mh-cast-formula{animation:mh-formula-enter .32s both}
@keyframes mh-token-enter{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}
@keyframes mh-line-enter{from{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:scaleX(1)}}
@keyframes mh-formula-enter{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:767px){
 .mh-animation-preference{font-size:12px;gap:7px}.mh-animation-preference>span{padding-left:25px}
 .mh-cast{border-radius:15px}.mh-cast-summary{padding:15px;align-items:flex-start;flex-direction:column;gap:12px}
 .mh-cast-summary strong{font-size:16px}.mh-cast-summary .mh-cast-actions{width:100%}.mh-cast-summary button{flex:1}
 #mh-cast-body{padding:17px 14px 15px}.mh-cast-meta{font-size:11px;gap:4px}
 .mh-cast-steps{gap:4px;margin:17px 0}.mh-cast-steps button{font-size:11px;flex-direction:column;gap:4px;padding:7px 2px;min-height:52px}
 .mh-cast-steps button span{width:16px;height:16px;font-size:9px}
 .mh-cast-stage{grid-template-columns:minmax(0,1fr);gap:0;min-height:0}.mh-cast-counts{margin-bottom:13px;gap:6px}
 .mh-cast[data-mode="time"] .mh-cast-counts{grid-template-columns:repeat(4,minmax(0,1fr))}
 .mh-cast-count{padding:9px 6px}.mh-cast-count strong{font-size:19px}.mh-cast-count small{font-size:10px}
 .mh-cast-formula-card{min-height:142px;padding-left:12px}.meihua-page .mh-cast h3{font-size:17px;margin:6px 0 8px}
 .mh-cast-formula{font-size:17px}.mh-cast-note{font-size:12px;line-height:1.7}.mh-cast-sum{font-size:13px}
 .mh-cast-scene{min-height:210px;padding:8px 0}.mh-cast-scene svg{max-height:250px}
 .mh-cast-footer{gap:10px}.mh-cast-footer .mh-cast-actions{width:100%;gap:6px}.mh-cast-footer button{flex:1;padding:7px!important;min-height:40px!important}
 .mh-cast-footer [data-mh-control="skip"]{flex-basis:100%}
 .mh-number-orbs{gap:9px}.mh-number-orb{width:74px;height:74px;font-size:23px}.mh-clock-tiles{gap:6px}.mh-clock-tile{width:57px;font-size:27px}
 .mh-character-groups{max-height:160px}.mh-character-tile{min-width:52px;padding:6px}.mh-character-tile strong{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.mh-cast *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}