.tracking-app{color:#505050;--primary:#f8ca00;--primary-foreground:#262626;--ring:#c6a000;background:#ededf3;min-height:100svh;padding-bottom:85px;font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}.tracking-header{z-index:35;background:#fff;border-radius:0 0 22px 22px;justify-content:space-between;align-items:center;gap:25px;height:91px;padding:0 max(25px,50vw - 365px);display:flex;position:sticky;top:0;box-shadow:0 4px 8px #0002}.tracking-brand{color:#202020;white-space:nowrap;align-items:center;gap:12px;display:flex}.tracking-brand>span{letter-spacing:-1px;background:#fc0;border-radius:50%;padding:7px 8px;font-size:22px;font-style:italic;font-weight:950;line-height:1.1}.tracking-brand>strong{letter-spacing:2px;font-size:29px;font-weight:850}.tracking-round{color:#444;background:#fc0;border:3px solid #e5b600;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.tracking-header>button{color:#555;background:0 0;border:0;padding:7px}.tracking-main{width:min(100%,760px);margin:auto;padding:27px 22px 20px}.tracking-search{background:#fff;border-radius:14px;margin-bottom:17px;padding:24px}.tracking-search h1{color:#444;margin-bottom:18px;font-size:23px;font-weight:700}.tracking-search label{margin-bottom:8px;font-size:14px;font-weight:700;display:block}.tracking-search>div{align-items:stretch;gap:10px;display:flex}.tracking-search input{letter-spacing:1px;min-width:0;height:48px;box-shadow:none;color:#444;background:#fff;border-color:#ccc;flex:1;font-family:Consolas,monospace;font-size:19px}.tracking-search button{height:48px;box-shadow:none;color:#242424;background:#ffcf00;gap:6px;padding:0 17px;font-size:16px;font-weight:700}.tracking-search button:hover{background:#edbf00}.tracking-search>p{color:#898989;margin-top:10px;font-size:12px}.tracking-clock{color:#727272;align-items:center;gap:10px;padding:2px 5px 19px;font-size:12px;display:flex}.tracking-clock>div{flex-direction:column;gap:3px;display:flex}.tracking-clock strong{font-size:12px;font-weight:400}.tracking-clock time{font:13px Consolas,monospace}.tracking-clock>span{white-space:nowrap;border-left:1px solid #c6c6cb;margin-left:auto;padding-left:13px}.tracking-summary{background:#fff;border-radius:14px;padding:27px 24px 30px}.tracking-summary h2{overflow-wrap:anywhere;font-size:18px;font-weight:700;line-height:1.7}.tracking-summary h2>span{white-space:nowrap;font-variant-numeric:tabular-nums}.shipment-service{align-items:center;gap:10px;margin:23px 0;display:flex}.shipment-service>strong{color:#ffdb00;background:#009a88;padding:2px 8px;font-size:16px;font-weight:800;transform:skew(-8deg)}.shipment-service>span{letter-spacing:2px;background:#f0f0f0;border-radius:15px;padding:1px 12px;font-size:15px}.delivery-method{margin:0 0 12px;font-size:16px;font-weight:650}.tracking-status-box{background:#fff7d9;border-radius:7px;padding:13px 12px 11px;font-size:16px}.tracking-status-box.is-complete{background:#e5e5e5}.tracking-status-box>p{line-height:1.7}.tracking-status-box h3{margin:9px 0 2px;font-size:18px;font-weight:700}.tracking-status-box .status-description{font-size:13px;font-weight:500}.tracking-progress{margin-top:28px;padding:0 8px;position:relative}.tracking-progress [data-slot=progress]{background:#dedede;width:calc(100% - 16px);height:4px;position:absolute;top:6px;left:8px;right:8px}.tracking-progress [data-slot=progress-indicator]{background:#d8b500}.tracking-progress.is-complete [data-slot=progress-indicator]{background:#555}.progress-stops{justify-content:space-between;display:flex;position:relative}.progress-stops>div{flex-direction:column;align-items:center;gap:10px;display:flex}.progress-stops span{color:#fff;background:#fff;border:2px solid #aaa;border-radius:50%;place-items:center;width:14px;height:14px;display:grid}.progress-stops .achieved{background:#c7a800;border-color:#c7a800}.is-complete .progress-stops .achieved{background:#555;border-color:#555}.progress-stops strong{font-size:13px;font-weight:500}.tracking-next{background:#fffdf3;border:1px solid #e5dca9;border-radius:10px;align-items:center;gap:14px;margin-top:19px;padding:18px 22px;display:flex}.tracking-next strong{font-size:15px}.tracking-next p{margin-top:4px;font-size:13px}.tracking-actions{gap:13px;margin:21px 0;display:grid}.tracking-actions>button{color:#555;background:#fff;border:0;border-radius:12px;height:54px;font-size:16px;font-weight:650;box-shadow:0 2px 6px #0003}.tracking-actions>button:hover{background:#fff9de}.tracking-explainer{color:#666;margin:24px 0 27px;padding:1px 6px;font-size:14px;line-height:1.9}.tracking-history{background:#fff;border-radius:14px;padding:24px 20px;scroll-margin-top:112px}.tracking-history>h2{margin:0 0 22px;font-size:22px;font-weight:750}.history-accordion{position:relative}.history-accordion:before{content:"";background:#969696;width:2px;position:absolute;top:24px;bottom:25px;left:17px}.history-accordion [data-slot=accordion-item]{background:#fff;border:0;border-radius:12px;margin-bottom:17px;position:relative;overflow:hidden;box-shadow:0 1px 6px #0004}.history-accordion [data-slot=accordion-item]:last-child{margin-bottom:0}.history-accordion [data-slot=accordion-trigger]{color:#505050;border-radius:12px;align-items:center;gap:9px;min-height:54px;padding:18px 15px;text-decoration:none}.history-accordion [data-slot=accordion-trigger]>strong{white-space:nowrap;font-size:16px;font-weight:700;line-height:1.5}.history-accordion [data-slot=accordion-trigger]>span{align-items:center;gap:8px;margin-left:auto;display:flex}.history-accordion time{color:#929292;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}.history-accordion em{color:#9c8540;background:#fff7df;border-radius:4px;padding:1px 5px;font-size:11px;font-style:normal}.history-accordion [data-slot=accordion-trigger]>svg{color:#555;stroke-width:3px;width:22px;height:22px}.history-accordion [data-slot=accordion-content]>div{padding:6px 17px 23px}.history-accordion .event-description{margin:15px 0 21px;font-size:16px;font-weight:650;line-height:1.8}.history-accordion dl{font-size:16px;line-height:1.8}.history-accordion dt{margin-top:15px}.history-accordion dd{overflow-wrap:anywhere;margin:0;font-weight:650}.history-accordion .scheduled-event{box-shadow:0 1px 4px #0002}.history-accordion .scheduled-event [data-slot=accordion-trigger]>strong{color:#8b8b8b}.tracking-home{background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:12px;height:54px;margin:30px 0;font-size:17px;font-weight:650;display:flex;box-shadow:0 2px 7px #0003}.tracking-footer{text-align:center;color:#959595;letter-spacing:2px;margin:30px 0 7px;font-size:11px}.tracking-bottom{z-index:40;padding:12px max(10px,calc((100vw - 720px)/2)) max(13px,env(safe-area-inset-bottom));background:#fff;border-bottom:1px solid #ddd;border-radius:23px 23px 0 0;grid-template-columns:repeat(4,1fr);gap:5px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 9px #0002}.tracking-bottom a,.tracking-bottom button{color:#555;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;padding:0;font-size:12px;font-weight:650;display:flex}.tracking-bottom svg{color:#222;stroke-width:2.3px;width:25px;height:25px}.tracking-bottom .active svg{color:#bf9a00}.tracking-bottom .active span{color:#776117}.tracking-welcome{text-align:center;background:#fff;border-radius:14px;padding:45px 20px}.tracking-welcome>svg{color:#9b8a41;margin:auto}.tracking-welcome h2{margin:21px 0 12px;font-size:20px;font-weight:650}.tracking-welcome p{color:#838383;font-size:15px;line-height:1.9}.tracking-welcome a{color:#61562b;align-items:center;gap:7px;margin-top:24px;font-size:14px;text-decoration:underline;display:inline-flex}.tracking-error{background:#fff;border:1px solid #d05555;border-radius:12px;padding:22px;font-size:15px}.tracking-error strong{color:#a74444}.tracking-error p{margin-top:8px;line-height:1.8}.tracking-loading{gap:22px;display:grid}@media (max-width:480px){.tracking-header{gap:10px;height:80px;padding:0 18px}.tracking-brand>strong{font-size:27px}.tracking-brand>span{font-size:21px}.tracking-round{width:38px;height:38px}.tracking-main{padding:22px 17px 18px}.tracking-search{padding:20px 18px}.tracking-search h1{font-size:21px}.tracking-search input{letter-spacing:0;font-size:17px}.tracking-search button{padding:0 11px;font-size:15px}.tracking-search>div{gap:8px}.tracking-summary{padding:20px 19px 27px}.tracking-summary h2{font-size:16px}.shipment-service{margin:20px 0}.delivery-method,.tracking-status-box{font-size:15px}.tracking-status-box h3{font-size:17px}.tracking-history{padding:21px 18px}.history-accordion [data-slot=accordion-trigger]{gap:6px;padding:16px 12px}.history-accordion [data-slot=accordion-trigger]>strong{font-size:15px}.history-accordion [data-slot=accordion-trigger]>span{gap:4px}.history-accordion time{font-size:12px}.history-accordion [data-slot=accordion-trigger]>svg{width:19px;height:19px}.history-accordion [data-slot=accordion-content]>div{padding:3px 14px 20px}.history-accordion .event-description,.history-accordion dl{font-size:15px}.tracking-bottom{padding-left:6px;padding-right:6px}.tracking-bottom a,.tracking-bottom button{font-size:11px}.tracking-actions>button{font-size:15px}.tracking-explainer{font-size:13px}}@media (max-width:360px){.history-accordion [data-slot=accordion-trigger]>span{flex-direction:column;gap:0}.tracking-summary h2>span{display:block}.tracking-brand{gap:7px}.tracking-brand>strong{font-size:24px}.tracking-search input{font-size:16px}.tracking-clock{gap:6px;font-size:11px}.tracking-clock strong{font-size:11px}}