.mkq-lookup{max-width:570px;margin:24px auto;padding:26px;background:#fff;border:1px solid #e9e9e9;border-radius:18px;box-shadow:0 12px 36px rgba(18,34,55,.07);font-family:inherit;color:#1d293b}
.mkq-lookup *{box-sizing:border-box}
.mkq-lookup-header{text-align:center;margin-bottom:22px}
.mkq-lookup-header span{font-size:11px;letter-spacing:2px;font-weight:800;color:#a98748}
.mkq-lookup-header h2{font-size:25px;font-weight:800;margin:8px 0;color:#17243a}
.mkq-lookup-header p{font-size:13px;color:#777;margin:0;line-height:1.9}
.mkq-lookup-form{display:flex;flex-direction:column;gap:9px}
.mkq-lookup-form label{font-size:13px;font-weight:700;margin-top:7px}
.mkq-lookup-form input{width:100%;height:48px;border:1px solid #ddd;border-radius:10px;padding:10px 13px;font:inherit;background:#fff}
.mkq-lookup-form button,.mkq-copy{border:0;border-radius:10px;background:#17243a;color:#fff;padding:13px 16px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;margin-top:10px}
.mkq-lookup-form button:hover,.mkq-copy:hover{background:#2a405f}
.mkq-order-result{margin-top:22px;padding:17px;border:1px solid #e9e1d1;border-radius:13px;background:#fcfbf8}
.mkq-order-title{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}
.mkq-order-title strong{color:#8b6a2e}
.mkq-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.mkq-order-grid div{background:#fff;border:1px solid #eee;border-radius:9px;padding:11px}
.mkq-order-grid small,.mkq-tracking-box small{display:block;color:#777;font-size:11px;margin-bottom:6px}
.mkq-order-grid b{font-size:13px;font-weight:700}
.mkq-tracking-box{margin-top:17px;padding-top:15px;border-top:1px solid #e8e1d4}
.mkq-code-line{display:flex;align-items:center;gap:8px}
.mkq-code-line code{flex:1;min-width:0;text-align:center;padding:13px 9px;background:#fff;border:1px dashed #c7b17c;border-radius:9px;color:#17243a;font-size:16px;overflow-wrap:anywhere}
.mkq-copy{margin:0;white-space:nowrap;padding:12px}
.mkq-track-button{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;padding:12px 18px;border-radius:10px;background:#8b6a2e;color:#fff!important;font-size:13px;font-weight:700;text-decoration:none!important;transition:background .2s,transform .2s}.mkq-track-button:hover{background:#725522;transform:translateY(-1px)}
.mkq-post-note{margin:8px 0 0;color:#858585;font-size:11px;line-height:1.8}
.mkq-msg{margin-top:15px;padding:12px;border-radius:9px;background:#f5f2eb;color:#65532f;font-size:13px;line-height:1.9}
.mkq-error{background:#fff0f0;color:#a12626}

/* Dynamic order timeline: lightweight SVG artwork, no external libraries. */
.mkq-timeline{margin-top:22px;padding-top:17px;border-top:1px solid #e8e1d4}
.mkq-timeline h3{margin:0 0 14px;font-size:16px;color:#17243a;font-weight:800}
.mkq-timeline-list{position:relative;display:flex;flex-direction:column;gap:0}
.mkq-timeline-list:before{content:"";position:absolute;right:31px;top:34px;bottom:34px;width:2px;background:linear-gradient(to bottom,#45a879 0 75%,#e6b0aa 100%);opacity:.7}
.mkq-stage{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:13px;align-items:center;padding:9px 0;min-height:86px}
.mkq-stage-visual{position:relative;z-index:1;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(145deg,#fff,#edf2f6);border:1px solid #e0e7ed;box-shadow:0 5px 13px rgba(28,48,69,.07);color:#72879a}
.mkq-art-svg{width:58px;height:58px;overflow:visible}
.mkq-art-shadow{fill:rgba(34,52,70,.08);stroke:none}
.mkq-stage-copy{min-width:0;padding:10px 12px;background:#fff;border:1px solid #edf0f2;border-radius:12px}
.mkq-stage-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.mkq-stage-heading b{font-size:13px;color:#27384b}
.mkq-stage-copy small{display:block;margin-top:4px;color:#8a929b;font-size:10px;direction:ltr;text-align:right}
.mkq-stage-copy p{margin:5px 0 0;color:#737d87;font-size:11px;line-height:1.7}
.mkq-stage.is-past .mkq-stage-visual{color:#39966c;background:linear-gradient(145deg,#fff,#eaf7f0);border-color:#d8eee2}
.mkq-stage.is-past .mkq-stage-copy{border-right:2px solid #65b58c}
.mkq-stage.is-current .mkq-stage-visual{color:#b18a45;border-color:#e8d8b5;background:linear-gradient(145deg,#fff,#fbf4e6);box-shadow:0 7px 19px rgba(160,125,61,.15)}
.mkq-stage.is-current .mkq-stage-copy{border-color:#e9dfc9;background:#fffdf9;box-shadow:0 5px 15px rgba(49,55,65,.04)}
.mkq-current-tag{padding:3px 7px;border-radius:20px;background:#f5ecd9;color:#92702e;font-size:9px;white-space:nowrap}
.mkq-stage.is-current .mkq-art-svg{animation:mkq-float 3s ease-in-out infinite}
.mkq-stage--created.is-current .mkq-art-svg g{animation:mkq-confirm 2.6s ease-in-out infinite;transform-origin:50% 50%}
.mkq-stage--draft.is-current .mkq-art-svg g{animation:mkq-write 2.8s ease-in-out infinite;transform-origin:50% 50%}
.mkq-stage--payment.is-current .mkq-art-svg circle{animation:mkq-clock 3s ease-in-out infinite;transform-origin:69px 64px}
.mkq-stage--processing.is-current .mkq-art-svg g{animation:mkq-turn 5s linear infinite;transform-origin:50% 50%}
.mkq-stage--review.is-current .mkq-art-svg circle{animation:mkq-scan 2.5s ease-in-out infinite}
.mkq-stage--warehouse.is-current .mkq-art-svg g{animation:mkq-arrive 2.8s ease-in-out infinite}
.mkq-stage--packed.is-current .mkq-art-svg path:last-child{animation:mkq-seal 2.2s ease-in-out infinite}
.mkq-stage--courier.is-current .mkq-art-svg g{animation:mkq-ride 2.2s ease-in-out infinite}
.mkq-stage--post.is-current .mkq-art-svg g{animation:mkq-drive 2.6s ease-in-out infinite}
.mkq-stage--tipax.is-current .mkq-art-svg g{animation:mkq-drive 2s ease-in-out infinite}
.mkq-stage--completed.is-current .mkq-art-svg circle{animation:mkq-success 2s ease-in-out infinite}
.mkq-stage--cancelled.is-current .mkq-art-svg circle{animation:mkq-pulse 2s ease-in-out infinite}
.mkq-stage--refunded.is-current .mkq-art-svg path{animation:mkq-return 2.5s ease-in-out infinite}
.mkq-stage--failed.is-current .mkq-art-svg path{animation:mkq-alert 1.8s ease-in-out infinite}
.mkq-stage--generic.is-current .mkq-art-svg g{animation:mkq-float 3s ease-in-out infinite}
@keyframes mkq-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes mkq-confirm{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes mkq-write{0%,100%{transform:translateX(0)}50%{transform:translateX(-2px)}}
@keyframes mkq-clock{0%,100%{transform:rotate(0)}50%{transform:rotate(18deg)}}
@keyframes mkq-turn{to{transform:rotate(360deg)}}
@keyframes mkq-scan{0%,100%{transform:translate(0,0)}50%{transform:translate(2px,-2px)}}
@keyframes mkq-arrive{0%,100%{transform:translateX(0)}50%{transform:translateX(-3px)}}
@keyframes mkq-seal{0%,100%{opacity:1}50%{opacity:.55}}
@keyframes mkq-ride{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes mkq-drive{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
@keyframes mkq-success{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@keyframes mkq-pulse{0%,100%{opacity:1}50%{opacity:.65}}
@keyframes mkq-return{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
@keyframes mkq-alert{0%,100%{opacity:1}50%{opacity:.45}}
@media(prefers-reduced-motion:reduce){.mkq-stage.is-current .mkq-art-svg,.mkq-stage.is-current .mkq-art-svg *{animation:none!important}}
@media(max-width:480px){.mkq-lookup{padding:18px}.mkq-code-line{flex-direction:column;align-items:stretch}.mkq-copy{width:100%}.mkq-order-grid{grid-template-columns:1fr}.mkq-stage{grid-template-columns:56px minmax(0,1fr);gap:9px}.mkq-stage-visual{width:56px;height:56px}.mkq-art-svg{width:52px;height:52px}.mkq-timeline-list:before{right:27px}.mkq-stage-copy{padding:9px}.mkq-stage-heading b{font-size:12px}}