.mpc-tutorial-start{width:100%;border:0;background:linear-gradient(135deg,#fff1f7,#fff);padding:16px;display:flex;gap:12px;align-items:center;text-align:left;cursor:pointer;color:#172554}.mpc-play-circle{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#e91e63;color:#fff;font-size:20px;box-shadow:0 8px 20px #e91e6340}.mpc-tutorial-start b{display:block;font-size:14px}.mpc-tutorial-start small{display:block;color:#64748b;margin-top:3px}.mpc-tut-overlay{pointer-events:auto;position:fixed;inset:0;z-index:2147483647;background:rgba(10,20,45,.88);display:grid;place-items:center;padding:18px}.mpc-tut-player{width:min(1180px,96vw);background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 30px 90px #0007}.mpc-tut-stage{position:relative;aspect-ratio:16/9;background:#f8fafc;overflow:hidden}.mpc-tut-bg{width:100%;height:100%;object-fit:cover;display:block}.mpc-tut-assistant{position:absolute;right:2%;bottom:0;height:58%;filter:drop-shadow(0 12px 18px #0003);animation:mpcTalk 1.7s ease-in-out infinite;transform-origin:50% 100%}.mpc-tut-card{position:absolute;left:3%;bottom:5%;width:min(60%,650px);background:rgba(8,28,65,.94);color:#fff;border-radius:18px;padding:16px 20px;box-shadow:0 10px 30px #0003}.mpc-tut-card b{display:block;font-size:clamp(16px,2vw,27px);margin-bottom:6px}.mpc-tut-card span{font-size:clamp(12px,1.45vw,19px);line-height:1.45}.mpc-tut-step{position:absolute;left:2%;top:3%;background:#e91e63;color:#fff;padding:8px 14px;border-radius:13px;font-weight:900}.mpc-tut-close{position:absolute;right:14px;top:14px;z-index:3;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#172554;font-size:24px;cursor:pointer}.mpc-tut-controls{padding:12px 16px;display:flex;align-items:center;gap:10px;background:#fff}.mpc-tut-controls button{height:42px;border:1px solid #dbe3ef;border-radius:11px;background:#fff;color:#172554;font-weight:800;padding:0 14px;cursor:pointer}.mpc-tut-controls .primary{background:#e91e63;color:#fff;border-color:#e91e63}.mpc-tut-progress{height:7px;flex:1;background:#e8edf5;border-radius:99px;overflow:hidden}.mpc-tut-progress i{display:block;height:100%;background:#e91e63;width:0;transition:width .25s}.mpc-tut-voice{font-size:12px;color:#64748b;white-space:nowrap}.mpc-tut-pulse{position:absolute;border:4px solid #e91e63;border-radius:16px;box-shadow:0 0 0 8px #e91e6325;animation:mpcPulse 1.3s ease-in-out infinite;pointer-events:none}.mpc-tut-pulse.hide{display:none}@keyframes mpcTalk{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-7px) rotate(.8deg)}}@keyframes mpcPulse{50%{box-shadow:0 0 0 16px #e91e6308}}@media(max-width:640px){.mpc-tut-overlay{padding:8px}.mpc-tut-player{width:100%}.mpc-tut-card{left:3%;bottom:3%;width:72%;padding:10px 12px}.mpc-tut-assistant{height:45%;right:-2%}.mpc-tut-controls{flex-wrap:wrap}.mpc-tut-progress{order:3;flex-basis:100%}}@media(prefers-reduced-motion:reduce){.mpc-tut-assistant,.mpc-tut-pulse{animation:none}}

/* V256 - one clear screen per step */
.v256-screen{position:absolute;inset:0;background:linear-gradient(135deg,#fff7fa,#f8fbff);padding:4.5% 4% 15%}.v256-web{height:100%;margin-left:22%;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 16px 45px #17255420}.v256-nav{height:12%;background:#071a3d;color:#fff;display:flex;align-items:center;gap:4%;padding:0 3%;font-size:clamp(9px,1.1vw,15px)}.v256-nav b{margin-right:auto;font-size:clamp(11px,1.4vw,20px)}.v256-nav b small{display:block;color:#ff3f82;letter-spacing:2px}.v256-nav strong{background:#e91e63;padding:9px 14px;border-radius:9px}.v256-page{padding:3% 4%}.v256-head{display:flex;justify-content:space-between;align-items:flex-start;color:#0b1d48}.v256-head h2{font-size:clamp(18px,2.2vw,32px);margin:0}.v256-head p{color:#718096;margin:4px 0}.v256-head i{font-style:normal;background:#fff0f6;color:#e91e63;border:1px solid #ffc1d8;padding:7px 12px;border-radius:99px;font-weight:800}.v256-stepbox{margin-top:4%;border:2px solid #f1d3df;border-radius:18px;padding:4%;min-height:55%;position:relative;background:#fff}.v256-badge{position:absolute;right:3%;top:4%;font-size:clamp(9px,1vw,13px);font-weight:900;letter-spacing:1px;color:#e91e63;background:#fff0f6;padding:7px 10px;border-radius:8px}.v256-stepbox h3{color:#e91e63;font-size:clamp(18px,2vw,30px);margin:0 0 6px}.v256-stepbox>p{color:#64748b;margin:0 0 3%}.v256-fields{display:grid;gap:16px;max-width:72%}.v256-fields label{font-weight:800;color:#172554}.v256-fields strong{margin-top:7px;min-height:52px;border:2px solid #f0447b;border-radius:12px;display:flex;align-items:center;padding:0 16px;box-shadow:0 0 0 5px #e91e6312;font-weight:600}.v256-fields em{margin-left:auto;font-style:normal}.v256-chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:5%}.v256-chips span{border:1px solid #d9e0ea;border-radius:12px;padding:13px 17px;font-weight:800;color:#334155}.v256-chips .on{border-color:#e91e63;background:#fff0f6;color:#e91e63}.v256-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:4%}.v256-flow span{display:grid;place-items:center;gap:7px;color:#172554;font-weight:800}.v256-flow i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff0f6;color:#e91e63;font-style:normal;border:2px solid #ffb3cf}.v256-summary{max-width:75%;display:grid;gap:5px}.v256-summary p{display:flex;justify-content:space-between;margin:0;padding:10px 12px;border-bottom:1px solid #e8edf5;color:#334155}.v256-summary .total{background:#fff0f6;color:#e91e63;border-radius:10px;border:0;font-size:1.1em}.v256-confirm{border:0;background:#e91e63;color:#fff;padding:14px 22px;border-radius:12px;font-weight:900;font-size:clamp(13px,1.4vw,18px);box-shadow:0 10px 25px #e91e6340}.v256-success{display:grid;place-items:center;text-align:center;gap:8px;padding:3%}.v256-success div{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#e8fff2;color:#168a4c;font-size:40px;font-weight:900}.v256-success b{font-size:clamp(20px,2.3vw,34px);color:#168a4c}.v256-success span{color:#64748b}.mpc-tut-assistant{left:1.5%;right:auto;height:60%;z-index:2}.mpc-tut-card{left:2%;bottom:3%;width:55%;z-index:3}.mpc-tut-step{z-index:4}@media(max-width:640px){.v256-screen{padding:8% 3% 28%}.v256-web{margin-left:0}.v256-nav span{display:none}.v256-nav{height:10%}.v256-fields,.v256-summary{max-width:100%}.v256-flow{grid-template-columns:repeat(2,1fr)}.mpc-tut-assistant{height:37%;left:auto;right:-3%}.mpc-tut-card{width:74%}}
