@charset "UTF-8";:root{font-family:Queue Han,PingFang SC,Microsoft YaHei,sans-serif;color:#14323f;background:#f2f6fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #14323f;--muted: #57758b;--blue: #0676ad;--cyan: #42b9af;--number-font: "Queue Numbers", "Queue Han", sans-serif}*{box-sizing:border-box}body{margin:0;min-width:280px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:wait}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid #167ead;outline-offset:4px}p,h1,h2{margin:0}svg{display:block;width:22px;height:22px;flex-shrink:0}button{transition:transform .12s ease,background-color .12s ease,box-shadow .12s ease}button:active:not(:disabled){transform:translateY(1px) scale(.98)}.app-shell{position:relative;display:flex;flex-direction:column;width:min(100%,440px);min-height:100svh;margin:0 auto;overflow:clip;background-color:#f2f6fa;background-image:linear-gradient(to bottom,#f2f6fa 85px,#f2f6fa00 200px),url(/art/ambient.webp);background-position:center top,center 120px;background-size:100% 100%,100% calc(100% - 120px);background-repeat:no-repeat;padding-bottom:env(safe-area-inset-bottom,0px)}.app-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:max(30px,env(safe-area-inset-top)) 26px 0;min-height:74px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:650;letter-spacing:-.3px;text-decoration:none;color:#092a3b;white-space:nowrap}.brand svg{width:29px;height:28px;color:#137da3}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0;color:var(--blue);background:transparent;font-size:15px;font-weight:600;white-space:nowrap}.text-button svg{width:21px;height:21px}.notices{z-index:1;position:relative;margin:16px 22px 0;padding:12px 14px;background:#fff9eaf0;border:1px solid #e2c789;border-radius:12px;font-size:14px;line-height:1.65;color:#785118}.query-page{position:relative;padding-top:26px}.query-heading{position:relative;z-index:1;text-align:center;padding:0 16px}.query-heading h1{font-size:clamp(28px,9.2vw,38px);letter-spacing:-1.2px;line-height:1.35;font-weight:700;color:#092f3f}.query-heading p{margin-top:8px;font-size:clamp(14px,4.1vw,17px);font-weight:500;letter-spacing:.15px}.query-artwork{position:relative;width:100%;height:258px;margin-top:12px}.query-artwork img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(to bottom,transparent,#000 13%,#000 88%,transparent)}.query-form{position:relative;z-index:1;margin:-7px 12px 0;padding:23px 20px 22px;background:linear-gradient(125deg,#fff,#fffffff2);border:1px solid #ffffff;border-radius:18px;box-shadow:0 8px 30px #d0e7f51c}.query-form label{display:block;margin-bottom:12px;font-size:17px;font-weight:600}.input-wrap{display:flex;align-items:center;height:57px;border:1px solid #bbcfdf;border-radius:12px;background:#fcfeff;transition:border-color .18s,box-shadow .18s}.input-wrap:focus-within{border-color:#138bb4;box-shadow:0 0 0 3px #37b2d31f}.input-wrap--error{border-color:#ba5551}.input-wrap input{flex:1;width:100%;min-width:0;height:100%;padding:0 15px;background:transparent;border:0;outline:none;border-radius:inherit;color:var(--ink);font-family:var(--number-font);font-size:25px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.input-wrap input::placeholder{color:#8ca1af;font-size:19px;font-weight:400;text-transform:none}.input-clear{display:grid;place-items:center;width:44px;height:44px;margin-right:2px;background:transparent}.input-clear svg{width:21px;height:21px;padding:3px;border-radius:50%;color:#fff;background:#b7c8d1;stroke-width:2}.input-hint{color:#607f94;margin:8px 2px 23px;font-size:13px;line-height:1.55}.input-hint--error{color:#a3312b}.primary-button{width:100%;min-height:62px;display:flex;align-items:center;justify-content:center;gap:22px;border-radius:13px;color:#fff;font-size:19px;font-weight:500;letter-spacing:.2px;border:1px solid #3fa3c9;border-bottom-color:#007bab;background:radial-gradient(ellipse at 18% 0%,#33b5d0a8,transparent 65%),linear-gradient(115deg,#148dbb,#006a9d);box-shadow:inset 0 1px #d4ffff60,0 8px 15px #088bb828}.primary-button:hover{box-shadow:inset 0 1px #d4ffff60,0 8px 18px #088bb83b}.primary-button svg{width:23px;height:23px}.query-reassurance{display:flex;align-items:center;justify-content:center;gap:10px;margin:25px 15px 0;font-size:14px;font-weight:500;color:#335770}.query-reassurance:before,.query-reassurance:after{content:"";width:24px;height:1px;background:#c9dce8}.query-reassurance svg{width:20px;height:20px}.app-footer{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:auto;min-height:84px;padding:30px 16px 24px;color:#42657a;text-align:center;font-size:13px;font-weight:500;letter-spacing:.6px;line-height:1.7}.app-footer:before,.app-footer:after{content:"";flex:0 0 24px;height:1px;background:#b9cfdc}.tracking-page{padding:22px 20px 0}.my-numbers h2{font-size:17px;font-weight:600;margin:0 2px 11px}.number-selection{display:flex;gap:10px}.number-rail{position:relative;display:flex;gap:9px;min-width:0;flex:1;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px;margin:-2px}.number-rail::-webkit-scrollbar{display:none}.number-tab{flex:1 0 auto;min-width:68px;max-width:132px;min-height:44px;padding:8px 13px;background:#ffffffda;border:1px solid white;border-radius:11px;font-family:var(--number-font);font-size:18px;font-weight:600;letter-spacing:.1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.number-tab[aria-pressed=true]{background:linear-gradient(115deg,#bef6fc,#9eebf1);border-color:#38bdd7;color:#004c70;font-weight:700;box-shadow:inset 0 1px #ffffffd0,0 2px 8px #46bbc01a}.add-number-button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 11px;border-radius:11px;border:1px solid white;background:#fffffff0;color:#086aab;font-size:16px}.add-number-button svg{width:20px;height:20px}.ticket-card{position:relative;width:calc(100% + 14px);margin:12px -7px 8px;min-height:463px;isolation:isolate}.ticket-paper{position:absolute;z-index:-1;width:100%;height:100%;inset:0;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none}.ticket-content{padding:53px 31px 43px;text-align:center}.ticket-label{font-size:21px;font-weight:500}.ticket-number{font-family:var(--number-font);font-size:89px;font-weight:800;letter-spacing:-4px;line-height:1.22;margin:8px 0;color:#072d3d;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.ticket-number--long{font-size:57px;letter-spacing:-2px;min-height:108px;display:grid;align-items:center}.ticket-number--very-long{font-size:29px;letter-spacing:-.5px;line-height:1.35}.ticket-status{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:4px 20px;background:linear-gradient(110deg,#c8f2ee,#b4ece8);border-radius:24px;font-size:19px;font-weight:600;color:#114a51}.ticket-status--muted{font-size:16px;color:#456778;background:#e1edf3}.ticket-status--near{color:#106259;background:#b5eae1}.ticket-perforation{height:38px}.ticket-metrics{display:grid;grid-template-columns:1fr 1fr;margin:0 -6px}.metric{min-width:0;container-type:inline-size}.metric+.metric{border-left:1px solid #cadce6}.metric>p{font-size:16px;font-weight:500}.metric-value{display:flex;flex-wrap:wrap;align-items:baseline;align-content:flex-start;justify-content:center;column-gap:6px;min-height:66px;margin-top:3px;font-variant-numeric:tabular-nums}.metric-value strong{font-family:var(--number-font);font-size:min(clamp(39px,12.5vw,54px),calc((100cqw - 56px) / var(--number-width, .72)));line-height:1.3;font-weight:750;letter-spacing:-.035em}.metric-value span{font-size:20px;font-weight:500}.metric-value--wait{gap:3px}.metric-value--wait span{font-size:17px}.next-in-line{display:grid;place-items:center;min-height:66px;font-size:17px;font-weight:600;color:#1c736b}.ticket-position{font-size:16px;font-weight:400;margin-top:22px}.ticket-position strong{font-weight:500;margin:0 3px;font-variant-numeric:tabular-nums}.ticket-message{min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:0 8px}.ticket-message svg{width:28px;height:28px;color:#5a8397}.ticket-message p{max-width:280px;line-height:1.85;font-size:14px;color:#486778}.ticket-card--message .ticket-perforation{height:36px}.update-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 0 0;padding:5px 13px;min-height:55px;border:1px solid #ffffff;border-radius:13px;background:#ffffffed;font-size:14px}.update-strip>div{display:flex;align-items:center;gap:10px}.update-strip>div>svg{width:21px;height:21px}.update-strip time{color:#5a7c91;margin-left:5px;font-variant-numeric:tabular-nums}.refresh-button{position:relative;font-weight:500;padding-left:12px}.refresh-button:before{position:absolute;left:0;content:"";height:18px;border-left:1px solid #d8e5ef}.saved-summary{margin-top:15px;font-size:13px;text-align:center;color:#648298;line-height:1.6}.saved-summary>span{margin:0 3px}.tracking-page+.app-footer{min-height:80px;padding-top:24px;letter-spacing:.15px}.icon-button{width:44px;height:44px;display:grid;place-items:center;background:transparent;border-radius:50%}.sheet-backdrop{position:fixed;z-index:20;inset:0;display:flex;justify-content:center;align-items:flex-end;background:#153c4c43;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:backdrop-in .18s ease}.manage-sheet{width:min(100%,440px);max-height:min(82dvh,720px);display:flex;flex-direction:column;padding:9px 23px max(22px,env(safe-area-inset-bottom));background:linear-gradient(140deg,#fff,#f1f8fc);border:1px solid #fff;border-radius:26px 26px 0 0;box-shadow:0 -10px 48px #1540531c;animation:sheet-in .28s cubic-bezier(.2,.7,.2,1)}.sheet-handle{width:34px;height:4px;flex-shrink:0;margin:0 auto 15px;border-radius:3px;background:#c2d4de}.sheet-header{display:flex;align-items:center;justify-content:space-between}.sheet-header h2{font-size:22px;font-weight:600}.sheet-description{color:#607f91;font-size:13px;line-height:1.7;margin:4px 0 20px}.saved-list{margin:0 0 20px;padding:0;list-style:none;overflow:auto;overscroll-behavior:contain}.saved-list li{min-height:70px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce8ef;gap:12px}.saved-list li>div{min-width:0}.saved-list strong{display:block;font-family:var(--number-font);font-size:21px;font-weight:650;overflow-wrap:anywhere}.saved-list li span{font-size:12px;color:#278582}.remove-button{display:flex;align-items:center;gap:5px;min-height:44px;padding:6px 8px;color:#8c5350;background:transparent;font-size:14px;white-space:nowrap}.remove-button svg{width:17px;height:17px}.clear-all-button{flex-shrink:0;min-height:48px;border-radius:11px;background:#e8f0f5;color:#425e70;font-size:15px}.sheet-expiry{margin-top:14px;text-align:center;color:#6b8696;font-size:12px}.loading-dot{width:6px;height:6px;border-radius:50%;background:#5291a6;animation:loading-pulse 1.2s ease infinite}.spinning{animation:spin 1s linear infinite}.near-pulse{animation:near-hint .9s ease-out}.ticket-reveal-enter-active{transition:opacity .42s ease,transform .42s cubic-bezier(.2,.75,.2,1)}.ticket-reveal-leave-active{transition:opacity .1s ease}.ticket-reveal-enter-from{opacity:0;transform:translateY(10px) rotateX(4deg)}.ticket-reveal-leave-to{opacity:0}.number-change-enter-active,.number-change-leave-active{transition:opacity .12s ease,transform .12s ease}.number-change-enter-from{opacity:0;transform:translateY(5px)}.number-change-leave-to{opacity:0;transform:translateY(-5px)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loading-pulse{50%{opacity:.35}}@keyframes backdrop-in{0%{opacity:0}}@keyframes sheet-in{0%{transform:translateY(28px);opacity:0}}@keyframes near-hint{30%{filter:drop-shadow(0 0 9px #42b9af55)}}@media(min-width:600px){body{padding:30px 0;background:radial-gradient(ellipse at 45% 20%,#e4f1fb,#f2f6fa 65%)}.app-shell{min-height:880px;border:1px solid #c5d9e6;border-radius:20px;box-shadow:0 25px 75px #36698717}.app-header{padding-top:32px}.query-artwork{height:280px}.manage-sheet{margin-bottom:24px;border-radius:26px}}@media(max-width:360px){.app-header{padding-left:20px;padding-right:20px}.brand{font-size:16px;gap:7px}.text-button{font-size:13px;gap:4px}.tracking-page{padding-left:14px;padding-right:14px}.query-heading h1{letter-spacing:-1.2px}.query-artwork{height:224px}.query-form{padding-left:16px;padding-right:16px}.ticket-content{padding-left:26px;padding-right:26px;padding-top:51px}.ticket-number{font-size:75px;min-height:91px}.ticket-number--long{font-size:44px}.ticket-number--very-long{font-size:26px}.ticket-card{min-height:436px}.metric>p{font-size:15px}.metric-value--wait span{font-size:15px}.update-strip{font-size:12px;padding-left:10px;padding-right:10px}.update-strip>div{gap:6px}.query-reassurance{font-size:12px;gap:8px}.query-reassurance:before,.query-reassurance:after{width:14px}.app-footer{font-size:12px;gap:9px}.number-tab{min-width:64px;font-size:17px}}@media(max-height:740px)and (max-width:599px){.app-header{padding-top:17px;min-height:61px}.query-page{padding-top:18px}.query-artwork{height:202px}.query-form{padding-top:18px;padding-bottom:18px}.query-reassurance{margin-top:19px}.app-footer{min-height:65px;padding-top:20px;padding-bottom:20px}.tracking-page{padding-top:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
