/* Minh Hung Store · Personal Experience V241 */
.mh223-celebrate{position:fixed;inset:0;z-index:99999;pointer-events:none;overflow:hidden}.mh223-piece{position:absolute;top:-20px;width:8px;height:13px;border-radius:3px;animation:mh223fall 1.55s cubic-bezier(.2,.7,.2,1) forwards}.mh223-toast{position:fixed;left:50%;top:18px;z-index:100000;transform:translate(-50%,-15px);opacity:0;background:#071b33;color:#fff;border:1px solid #ffffff2b;border-radius:16px;padding:11px 16px;box-shadow:0 18px 50px #071b3350;font:800 13px/1.35 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;max-width:min(92vw,520px);text-align:center;transition:.25s}.mh223-toast.on{opacity:1;transform:translate(-50%,0)}
.mh223-fun-toggle{position:fixed;left:10px;bottom:calc(9px + env(safe-area-inset-bottom));z-index:1700;border:1px solid #dce5ef;background:#fffffff2;color:#345;border-radius:999px;padding:7px 10px;font:800 10px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;box-shadow:0 8px 25px #071b3320;backdrop-filter:blur(8px)}
.mh223-welcome{position:fixed;inset:0;z-index:99998;background:radial-gradient(circle at 50% 28%,#1277d9 0,#0b4f98 30%,#071b33 78%);display:grid;place-items:center;padding:18px;opacity:1;transition:.45s ease}.mh223-welcome.leave{opacity:0;visibility:hidden;transform:scale(1.015)}.mh223-welcome-card{width:min(430px,94vw);position:relative;overflow:hidden;background:linear-gradient(150deg,#fff,#f5faff);border:1px solid #ffffffaa;border-radius:27px;padding:23px;text-align:center;box-shadow:0 35px 90px #0008;animation:mhWelcomeIn .58s cubic-bezier(.2,.8,.2,1)}.mh223-welcome-card:before{content:"";position:absolute;inset:-70% 20% auto -40%;height:210px;background:linear-gradient(90deg,transparent,#bfe6ff99,transparent);transform:rotate(-18deg);animation:mhWelcomeShine 1.6s ease}.mh223-brand{display:flex;align-items:center;justify-content:center;gap:8px;color:#0c4f98;font-size:11px;font-weight:950;letter-spacing:.08em}.mh223-brand img{width:58px;height:58px;object-fit:contain}.mh223-userpic{width:58px;height:58px;margin:8px auto 0;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 8px 24px #0b63ce35}.mh223-welcome h2{margin:10px 0 5px;color:#10243e;font-size:22px}.mh223-welcome p{margin:0 auto;color:#64748b;max-width:350px;font-size:13px;line-height:1.5}.mh223-four-t{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin-top:14px}.mh223-four-t i{font-style:normal;border:1px solid #cfe2f5;border-radius:999px;background:#eef7ff;color:#0b5ca8;padding:5px 8px;font-size:9px;font-weight:900}
.mh223-success-pulse{animation:mh223pulse .5s ease}.mh-clean-bot-panel{border-color:#b9d5ee!important;box-shadow:0 26px 80px #071b3340!important}.mh-clean-bot.open .mh-clean-bot-panel{animation:mhBotPanelIn .2s ease}.mh-clean-bot-card{animation:mhBotCardIn .24s ease both}.mh-clean-bot-card:nth-child(2){animation-delay:.025s}.mh-clean-bot-card:nth-child(3){animation-delay:.05s}.mh-clean-bot-card:nth-child(4){animation-delay:.075s}.mh-clean-bot-head{background:linear-gradient(105deg,#0a66c2,#063b70)!important}.mh-clean-bot-btn{transition:transform .2s ease}.mh-clean-bot-btn:active{transform:scale(.93)}
@keyframes mh223fall{to{transform:translate(var(--dx),105vh) rotate(600deg);opacity:.1}}@keyframes mh223pulse{50%{transform:scale(1.01)}}@keyframes mhWelcomeIn{from{opacity:0;transform:translateY(18px) scale(.96)}}@keyframes mhWelcomeShine{to{transform:translate(520px,180px) rotate(-18deg)}}@keyframes mhBotPanelIn{from{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes mhBotCardIn{from{opacity:0;transform:translateY(5px)}}
@media print{.mh223-celebrate,.mh223-toast,.mh223-fun-toggle,.mh223-welcome{display:none!important}}@media(prefers-reduced-motion:reduce){.mh223-piece,.mh223-welcome-card,.mh223-success-pulse,.mh-clean-bot-panel,.mh-clean-bot-card{animation:none!important}.mh223-welcome{transition:none}}@media(max-width:560px){.mh223-welcome-card{padding:20px 15px;border-radius:22px}.mh223-fun-toggle{bottom:calc(6px + env(safe-area-inset-bottom));padding:6px 8px}}