:root{color-scheme:only light}
.tracking-self-service{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:24px 28px;border-top:1px solid #e1e5e3;background:#f7faf9}
.tracking-self-service[hidden]{display:none}
.tracking-self-service>div{flex:1;min-width:200px}
.tracking-self-service strong{font-size:18px;color:#253c35}
.tracking-self-service p{margin:6px 0 0;color:#65756e;font-size:14px}
.tracking-self-service button{border:1px solid #a7c9bc;border-radius:12px;background:white;color:#197c68;padding:12px 20px;font:inherit;font-weight:700;cursor:pointer}
.tracking-self-service button:focus-visible{outline:2px solid #197c68;outline-offset:3px}
.tracking-self-service [role=status]{flex-basis:100%;color:#197c68;font-size:14px}
.tracking-self-service [role=status]:empty{display:none}
.order-status-page{
  background:#f5f5f7;
  color:#1d1d1f;
}
body.order-status-page .order-status-main{
  min-height:calc(100vh - 160px);
  padding:clamp(24px,4vw,46px) 0 clamp(80px,10vw,132px);
  background:
    radial-gradient(circle at 82% 8%,rgba(39,135,118,.09),transparent 29%),
    radial-gradient(circle at 12% 44%,rgba(255,255,255,.95),transparent 35%),
    #f5f5f7;
}
.order-status-shell{width:min(980px,calc(100% - 40px))}
.order-query-panel{
  padding:clamp(24px,4vw,36px);
  border:1px solid #e1e1e6;
  border-radius:30px;
  background:#fff;
  box-shadow:0 20px 55px rgba(0,0,0,.065);
}
.order-query-panel>header{
  display:block;
  margin-bottom:25px;
}
.order-query-panel>header p{margin:0 0 3px;color:#86868b;font-size:.64rem;font-weight:700;letter-spacing:.12em}
.order-query-panel>header h2{margin:0;color:#1d1d1f;font-size:clamp(1.2rem,2.3vw,1.45rem);font-weight:720;letter-spacing:-.025em}
body.order-status-page .order-status-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) 190px;
  align-items:end;
  gap:12px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body.order-status-page .order-status-form label{display:grid;gap:8px;color:#3a3a3c;font-weight:700}
body.order-status-page .order-status-form label span{font-size:.77rem}
body.order-status-page .order-status-form input{
  width:100%;
  min-height:56px;
  padding:13px 17px;
  border:1px solid #d2d2d7;
  border-radius:15px;
  background:#fbfbfd;
  color:#1d1d1f;
  font:inherit;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
body.order-status-page .order-status-form input::placeholder{color:#a1a1a6}
body.order-status-page .order-status-form input:focus{border-color:#147c6d;outline:0;background:#fff;box-shadow:0 0 0 4px rgba(20,124,109,.11)}
body.order-status-page .order-status-form .button.order-query-button{
  position:relative;
  isolation:isolate;
  min-height:56px;
  overflow:hidden;
  appearance:none;
  border:1px solid #a9bbb5!important;
  border-radius:15px;
  background:#fff!important;
  color:#147c6d!important;
  box-shadow:0 7px 20px rgba(20,124,109,.1);
  opacity:1!important;
  transition:background .2s ease,box-shadow .2s ease,transform .15s ease;
}
body.order-status-page .order-status-form .button.order-query-button:hover{border-color:#147c6d!important;background:#fff!important;color:#116e60!important;box-shadow:0 10px 24px rgba(20,124,109,.16);transform:translateY(-1px)}
body.order-status-page .order-status-form .button.order-query-button:active{background:#fff!important;transform:translateY(1px)}
.order-query-button>span{position:relative;z-index:3}
.order-query-liquid{
  position:absolute;
  inset:0 auto 0 0;
  z-index:1;
  width:0;
  border-radius:inherit;
  background:linear-gradient(105deg,rgba(222,248,238,.92) 0%,rgba(155,230,200,.86) 24%,rgba(62,190,145,.76) 48%,rgba(172,235,210,.9) 70%,rgba(40,168,126,.72) 100%);
  background-position:100% 0;
  background-size:220% 100%;
  will-change:width,background-position;
}
.order-query-button.is-loading .order-query-liquid{animation:order-query-fill-wait 1.65s linear forwards,order-query-water-flow .95s linear infinite}
.order-query-button.is-loading.is-completing .order-query-liquid{width:100%;animation:order-query-water-flow .95s linear infinite;transition:width .35s linear}
body.order-status-page .order-status-form .button.order-query-button.is-loading{cursor:wait;background:#fff!important;color:#125d51!important}
.order-query-panel>footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;color:#86868b;font-size:.69rem}
.order-query-panel>footer span{display:flex;align-items:center;gap:7px}
.order-query-panel>footer i{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:#eaf5f2;color:#147c6d;font-size:.58rem;font-style:normal;font-weight:800}
.order-status-error{margin:16px 0 0;padding:14px 17px;border:1px solid #f0c7c3;border-radius:14px;background:#fff6f5;color:#a72b20;font-weight:700}
.order-status-result{min-height:520px;margin-top:24px;overflow:hidden!important;border:1px solid #e1e1e6!important;border-radius:28px;background:#fff!important;box-shadow:0 20px 55px rgba(0,0,0,.065)!important;scroll-margin-top:96px}
.latest-order-section{position:relative;min-height:inherit;overflow:hidden;border:0;border-radius:inherit;background:#fff;box-shadow:none}
.order-placeholder-value{display:block;min-width:150px;min-height:1.2em;border-radius:6px;background:#ececef;color:transparent!important}
.order-placeholder-value[data-order-created]{width:210px;min-height:.8em;margin-top:9px}
.order-placeholder-value[data-tracking-number]{width:180px}
.order-placeholder-status{min-width:72px;min-height:32px;background:#e9e9ed!important;color:transparent!important}
.order-status-placeholder .public-order-progress li{color:#74747b}
.order-status-placeholder .public-order-progress i{border-color:#cacacf;background:#f4f4f6;color:#696970}
.order-status-placeholder .public-order-progress li::after{background:#d7d7dc}
.order-placeholder-value[data-tracking-number]{letter-spacing:.08em}
.tracking-privacy-toggle:disabled{border-color:#e1e1e6!important;background:#f8f8fa!important;color:#b3b3b8!important;cursor:default;transform:none}
.tracking-detail-values{display:grid;gap:3px;min-height:30px}
.tracking-empty-value{display:block;min-height:30px}
.latest-order-label{position:absolute;top:0;left:28px;z-index:1;padding:8px 14px;border-radius:0 0 11px 11px;background:#147c6d;color:#fff;font-size:.67rem;font-weight:780;letter-spacing:.08em}
.latest-order-section>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:48px 28px 24px}
.latest-order-section>header small{color:#86868b;font-size:.72rem;font-weight:650}
.latest-order-section>header h2{margin:5px 0 4px;color:#1d1d1f;font-size:1.35rem;letter-spacing:-.025em}
.latest-order-section>header span{color:#86868b;font-size:.8rem}
.latest-order-section>header>strong{padding:8px 12px;border-radius:999px;background:#eaf5f2;color:#116e60;font-size:.78rem}
.latest-order-section.is-delayed>header>strong{background:#fff0d9;color:#9a5b00}
.public-delay-notice{display:flex;align-items:flex-start;gap:14px;margin:0 28px 24px;padding:18px;border:1px solid #f1cd91;border-radius:17px;background:linear-gradient(135deg,#fffaf0,#fff5df);color:#5c3a08}
.public-delay-notice[hidden]{display:none}
.public-delay-notice>i{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:50%;background:#d98a17;color:#fff;font-style:normal;font-weight:850}
.public-delay-notice>div{display:grid;gap:4px}.public-delay-notice small{color:#a36a18;font-size:.64rem;font-weight:800;letter-spacing:.1em}.public-delay-notice strong{font-size:1rem;line-height:1.5}.public-delay-notice span{color:#775629;font-size:.79rem;line-height:1.55}
.public-delay-notice p{display:grid;gap:3px;margin:7px 0 5px;padding:11px 13px;border-radius:11px;background:rgba(255,255,255,.66)}.public-delay-notice p b{color:#70440a;font-size:.76rem}.public-delay-notice p span{color:#4f3513;font-size:.9rem;font-weight:700;line-height:1.55}
.latest-order-section.is-delayed .public-tracking-card{display:none!important}
.public-order-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:25px 22px;border-top:1px solid #ededf0;list-style:none}
.public-order-progress li{position:relative;display:grid;justify-items:center;gap:8px;color:#a1a1a6;text-align:center;font-size:.7rem;font-weight:680}
.public-order-progress li:not(:last-child)::after{position:absolute;top:14px;left:calc(50% + 18px);width:calc(100% - 36px);height:2px;background:#e5e5ea;content:""}
.public-order-progress i{position:relative;z-index:1;display:grid;width:30px;height:30px;place-items:center;border:2px solid #e1e1e6;border-radius:50%;background:#fff;font-style:normal}
.public-order-progress .is-done,.public-order-progress .is-current{color:#147c6d}
.public-order-progress .is-done i,.public-order-progress .is-current i{border-color:#147c6d;background:#147c6d;color:#fff}
.public-order-progress .is-done::after{background:#147c6d}
.public-tracking-card{display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:0!important;border-top:1px solid #e1e1e6!important;background:#f8faf9!important}
.public-tracking-card .tracking-fact{display:grid;align-content:start;gap:6px;min-width:0;padding:20px 28px}
.public-tracking-card .tracking-fact+.tracking-fact{border-top:1px solid #e1e1e6;border-left:0}
.public-tracking-card .tracking-fact small{color:#86868b;font-size:.72rem;font-weight:700;letter-spacing:.05em}
.public-tracking-card .tracking-fact strong{overflow-wrap:anywhere;color:#1d1d1f;font-size:1.03rem;line-height:1.55}
.public-tracking-card .tracking-fact span{color:#6e6e73;font-size:.79rem}
.public-tracking-card .tracking-detail{grid-column:auto;gap:8px;border-top:1px solid #e1e1e6;border-left:0!important;background:rgba(255,255,255,.65)}
.tracking-timeline-section{margin-top:16px;padding-top:17px;border-top:1px solid #e1e5e3}
.tracking-timeline-section[hidden]{display:none}
.tracking-timeline-section>header{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:14px}
.tracking-timeline-section>header h3{margin:0;color:#253c35;font-size:.92rem;font-weight:760;letter-spacing:-.01em}
.tracking-timeline-section>header span{color:#717d78;font-size:.72rem;white-space:nowrap}
.tracking-timeline{display:grid;gap:0;margin:0;padding:0;list-style:none}
.tracking-timeline-item{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;min-width:0;padding:0 0 22px}
.tracking-timeline-item:last-child{padding-bottom:2px}
.tracking-timeline-item::before{position:absolute;top:13px;bottom:-1px;left:5px;width:2px;background:#dbe5e1;content:""}
.tracking-timeline-item:last-child::before{display:none}
.tracking-timeline-item>i{position:relative;z-index:1;width:12px;height:12px;margin-top:4px;border:3px solid #fff;border-radius:50%;background:#a7b7b1;box-shadow:0 0 0 1px #a7b7b1}
.tracking-timeline-item.is-latest>i{background:#147c6d;box-shadow:0 0 0 1px #147c6d,0 0 0 5px rgba(20,124,109,.1)}
.tracking-timeline-item>div{display:grid;gap:5px;min-width:0}
.tracking-timeline-item>div>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.public-tracking-card .tracking-timeline-item>div>div strong{flex:0 0 auto;color:#253c35;font-size:.78rem;line-height:1.4}
.tracking-timeline-item.is-latest>div>div strong{color:#116e60}
.tracking-timeline-item time{color:#717d78;font-size:.72rem;line-height:1.4;text-align:right}
.tracking-timeline-item p{margin:0;color:#252827;font-size:.9rem;line-height:1.6;overflow-wrap:anywhere}
.public-tracking-card .tracking-timeline-location{color:#717d78;font-size:.75rem;line-height:1.45;overflow-wrap:anywhere}
.tracking-number-wrap{position:relative;min-width:0}.tracking-number-line{display:flex;align-items:center;gap:8px;min-width:0}.tracking-number-line>strong{min-width:0}
.tracking-privacy-toggle{display:grid;flex:0 0 31px;width:31px;height:31px;place-items:center;padding:0;border:1px solid #d8d8dd;border-radius:50%;background:#fff;color:#6e6e73;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}
.tracking-privacy-toggle:hover,.tracking-privacy-toggle[aria-expanded="true"]{border-color:#8abdb2;background:#eaf5f2;color:#147c6d}
.tracking-privacy-toggle:active{transform:scale(.94)}
.tracking-privacy-toggle:focus-visible{outline:3px solid rgba(20,124,109,.18);outline-offset:2px}
.tracking-privacy-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.tracking-privacy-note{position:relative;margin:9px 0 0;padding:11px 13px;border:1px solid #e1e1e6;border-radius:12px;background:#fff;color:#515154;font-size:.8rem;line-height:1.55;box-shadow:0 8px 22px rgba(0,0,0,.06)}
.tracking-privacy-note::before{position:absolute;top:-6px;left:calc(100% - 33px);width:10px;height:10px;border-top:1px solid #e1e1e6;border-left:1px solid #e1e1e6;background:#fff;content:"";transform:rotate(45deg)}
.tracking-privacy-note[hidden]{display:none}
.public-tracking-pending{display:flex;align-items:center;gap:14px;padding:20px 28px;border-top:1px solid #e1e1e6;background:#f8faf9}
.public-tracking-pending>i{position:relative;width:11px;height:11px;border-radius:50%;background:#147c6d;box-shadow:0 0 0 6px rgba(20,124,109,.1)}
.public-tracking-pending>i:after{position:absolute;inset:-6px;border:1px solid rgba(20,124,109,.24);border-radius:50%;content:"";animation:tracking-pending-pulse 1.8s ease-out infinite}
.public-tracking-pending>div{display:grid;gap:3px}.public-tracking-pending small{color:#86868b;font-size:.72rem}.public-tracking-pending strong{color:#116e60;font-size:1rem}.public-tracking-pending span{margin-top:2px;color:#515154;font-size:.84rem;line-height:1.5}
@keyframes order-query-fill-wait{from{width:0}to{width:86%}}
@keyframes order-query-water-flow{from{background-position:100% 0}to{background-position:-120% 0}}
@keyframes tracking-pending-pulse{0%{opacity:.8;transform:scale(.7)}70%,100%{opacity:0;transform:scale(1.5)}}
@media(max-width:760px){
  body.order-status-page .order-status-main{padding:16px 0 82px;background:radial-gradient(circle at 90% 7%,rgba(39,135,118,.09),transparent 26%),#f5f5f7}
  .order-status-shell{width:min(100% - 24px,980px)}
  .order-query-panel{padding:20px 17px;border-radius:23px}
  .order-query-panel>header{margin-bottom:20px}
  body.order-status-page .order-status-form{grid-template-columns:1fr;gap:12px}
  body.order-status-page .order-status-form .button.order-query-button{width:100%}
  .order-query-panel>footer{align-items:flex-start;flex-direction:column;gap:7px;margin-top:15px}
  .order-status-result{min-height:560px;margin-top:18px;scroll-margin-top:82px}
  .latest-order-section{border-radius:23px}
  .latest-order-label{left:18px}
  .latest-order-section>header{gap:12px;padding:44px 18px 19px}
  .latest-order-section>header h2{font-size:1.08rem;overflow-wrap:anywhere}
  .latest-order-section>header>strong{font-size:.7rem}
  .public-delay-notice{margin:0 18px 18px;padding:15px}
  .public-order-progress{grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden!important;gap:0;padding:18px 8px!important}
  .public-order-progress li{min-width:0!important;flex:initial!important;gap:6px;font-size:.61rem;line-height:1.35;overflow-wrap:anywhere}
  .public-order-progress li:not(:last-child)::after{top:13px;left:calc(50% + 15px);width:calc(100% - 30px)}
  .public-order-progress i{width:28px;height:28px;font-size:.74rem}
  .public-tracking-card{grid-template-columns:1fr!important;border-radius:0 0 18px 18px}
  .public-tracking-card .tracking-fact{padding:18px 20px}
  .public-tracking-card .tracking-fact+.tracking-fact{border-top:1px solid #e1e1e6;border-left:0}
  .public-tracking-card .tracking-detail{grid-column:auto}
  .public-tracking-card .tracking-fact strong{font-size:.98rem;line-height:1.6}
  .tracking-timeline-section{margin-top:14px;padding-top:15px}
  .tracking-timeline-section>header{margin-bottom:13px}
  .tracking-timeline-item{grid-template-columns:16px minmax(0,1fr);gap:10px;padding-bottom:20px}
  .tracking-timeline-item>div>div{align-items:flex-start;flex-direction:column;gap:2px}
  .tracking-timeline-item time{text-align:left}
  .tracking-timeline-item p{font-size:.88rem}
  .public-tracking-pending{padding:18px 20px}
}
@media(prefers-reduced-motion:reduce){
  .order-query-button.is-loading .order-query-liquid{animation:order-query-fill-wait 1.65s linear forwards}
  .order-query-button.is-loading.is-completing .order-query-liquid{width:100%;animation:none;transition:width .35s linear}
  .public-tracking-pending>i:after{animation:none}
}