:root{--jb-blue:#0a56c4;--jb-blue-dark:#063d8f;--jb-blue-tint:#e6f4fe;--jb-red:#c1392b;--jb-red-dark:#9c2e22;--jb-yellow:#ffd65c;--jb-amber:#b8860b;--ink:#1b2430;--ink-soft:#4a5568;--paper:#fff;--border:#e2e8f0;--shadow:0 10px 30px -12px #0a1e4640;--sans:"Segoe UI", system-ui, Roboto, sans-serif;font:17px/1.55 var(--sans);color:var(--ink);background:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background-image:url(/assets/background-CxpFpSNe.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin:0}h1,h2,h3{font-family:var(--sans);color:var(--ink);margin:0;font-weight:800}p{margin:0}a{color:inherit}img{max-width:100%;display:block}button{font:inherit}.page{overflow-x:hidden}.container{width:1100px;max-width:100%;margin:0 auto;padding:0 24px}.nav{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#ffffffd9;position:sticky;top:0}.nav .container{justify-content:space-between;align-items:center;padding-top:12px;padding-bottom:12px;display:flex}.nav-brand{color:var(--ink);align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.nav-brand img{border-radius:50%;width:36px;height:36px}.btn-fb{color:#fff;background:#1877f2;padding:8px 18px;font-size:14px}.btn-fb:hover{background:#1461c9}.nav-actions{align-items:center;gap:10px;display:flex}.btn-queue,.btn-cart,.btn-track{padding:8px 18px;font-size:14px}@media (width<=480px){.nav-brand-text{display:none}.nav-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.btn-queue,.btn-cart,.btn-track,.nav-actions .btn-fb{padding:6px 12px;font-size:12.5px}}.btn{cursor:pointer;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{transform:translateY(-2px)}@media (width<=640px){.btn{padding:10px 20px;font-size:14px}}.btn-primary{background:var(--jb-red);color:#fff;box-shadow:0 10px 20px -8px #c1392b99}.btn-primary:hover{background:var(--jb-red-dark)}.btn-secondary{color:var(--jb-blue);border-color:var(--jb-blue);background:#fff}.btn-secondary:hover{background:var(--jb-blue-tint)}.hero{padding:72px 0 56px}.hero .container{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;display:grid}.eyebrow{background:var(--jb-blue-tint);color:var(--jb-blue-dark);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-bottom:18px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-block}.hero h1{letter-spacing:-.5px;font-size:48px;line-height:1.08}.hero h1 span{color:var(--jb-red)}.hero p.lede{color:var(--ink-soft);max-width:46ch;margin-top:18px;font-size:19px}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.hero-art{justify-content:center;align-items:center;display:flex;position:relative}.hero-art img.logo-badge{filter:drop-shadow(0 24px 40px #0a1e4640);width:320px;max-width:80%}.hero-art img.mascot{filter:drop-shadow(0 12px 18px #00000040);width:190px;position:absolute;bottom:-12px;right:0}@media (width<=860px){.hero .container{text-align:center;grid-template-columns:1fr}.hero h1{font-size:36px}.hero p.lede{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-art img.mascot{width:160px;right:14%}}.section{padding:80px 0}.section-head{text-align:center;max-width:60ch;margin:0 auto 48px}.section-head .eyebrow{color:var(--jb-red);background:0 0;padding:0}.section-head h2{margin:10px 0 12px;font-size:32px}.section-head p{color:var(--ink-soft);font-size:17px}.features{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{border:1px solid var(--border);text-align:left;background:#fff;border-radius:18px;padding:28px}.feature-card .icon{background:var(--jb-blue-tint);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:24px;display:flex}.feature-card h3{margin-bottom:8px;font-size:19px}.feature-card p{color:var(--ink-soft);font-size:15px}@media (width<=860px){.features{grid-template-columns:1fr}}.menu-boards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.menu-board{cursor:pointer;aspect-ratio:4/3;background:var(--border);box-shadow:var(--shadow);border:none;border-radius:18px;padding:0;display:block;position:relative;overflow:hidden}.menu-board img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.menu-board:hover img{transform:scale(1.05)}.menu-board-caption{text-align:left;background:linear-gradient(#0000,#000000bf);padding:16px;position:absolute;inset:auto 0 0}.menu-board-caption h3{color:#fff;font-size:18px}.menu-board-caption p{color:#ffffffd9;margin-top:2px;font-size:13px}@media (width<=860px){.menu-boards{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.menu-boards{grid-template-columns:1fr}}.lightbox{z-index:100;background:#0a0e18e0;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.lightbox img{border-radius:12px;max-width:100%;max-height:100%;box-shadow:0 20px 60px #00000080}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;width:44px;height:44px;font-size:18px;position:absolute;top:20px;right:24px}.lightbox-close:hover{background:#ffffff47}.payment-row{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.payment-pill{box-shadow:var(--shadow);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:14px 24px;font-weight:700;display:flex}.payment-pill img{object-fit:cover;border-radius:8px;width:32px;height:32px}.visit{background:linear-gradient(135deg, var(--jb-blue), var(--jb-blue-dark));color:#fff;border-radius:28px;grid-template-columns:1.2fr 1fr;align-items:center;gap:32px;padding:56px;display:grid}.visit h2{color:#fff;margin-bottom:12px;font-size:30px}.visit p{color:#ffffffd9;margin-bottom:20px;font-size:16px}.btn-fb-inverse{color:#1877f2;background:#fff;padding:12px 24px;font-size:15px}.btn-fb-inverse:hover{background:var(--jb-blue-tint)}.visit-details{flex-direction:column;gap:14px;font-size:15px;display:flex}.visit-details div{background:#ffffff1f;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;display:flex}@media (width<=860px){.visit{text-align:center;grid-template-columns:1fr;padding:36px 24px}.visit-details div{justify-content:center}}.tagline-banner{background:var(--jb-red);text-align:center;padding:36px 0}.tagline-banner p{color:#fff;font-size:20px;font-weight:800;line-height:1.5}.footer{border-top:1px solid var(--border);padding:32px 0}.footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-brand{align-items:center;gap:10px;font-weight:800;display:flex}.footer-brand img{border-radius:50%;width:28px;height:28px}.footer a{color:var(--jb-blue);font-weight:600;text-decoration:none}.footer a:hover{text-decoration:underline}.footer small{color:var(--ink-soft)}.queue-page{flex-direction:column;align-items:center;gap:20px;min-height:100vh;padding:24px 24px 40px;font-family:inherit;display:flex}.queue-center{flex:1;justify-content:center}.queue-header{background:var(--paper);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:12px;padding:10px 22px 10px 12px;display:flex}.queue-header img{border-radius:50%;width:44px;height:44px}.queue-header-text{flex-direction:column;line-height:1.2;display:flex}.queue-header-title{color:var(--jb-blue-dark);font-size:1.1rem;font-weight:800}.queue-header-sub{color:var(--ink-soft);font-size:.8rem}.queue-home-btn{background:var(--jb-blue-tint);color:var(--jb-blue-dark);white-space:nowrap;border-radius:999px;margin-left:12px;padding:8px 16px;font-size:.85rem;font-weight:700;text-decoration:none}.queue-home-btn:hover{background:var(--jb-blue);color:#fff}.queue-card{background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px}.queue-message-card{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:380px;padding:48px 40px;display:flex}.queue-unavailable{color:var(--ink-soft);margin:0;font-size:1.05rem}.queue-mascot{width:120px}.queue-spinner{border:4px solid var(--border);border-top-color:var(--jb-blue);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite queue-spin}@keyframes queue-spin{to{transform:rotate(360deg)}}.queue-frame{flex:1;width:100%;max-width:1280px;overflow:hidden}.queue-board{min-height:70vh;display:flex}.queue-column{border-right:1px solid var(--border);flex-direction:column;flex:1;display:flex}.queue-column:last-child{border-right:none}.queue-column-header{background:var(--jb-blue-tint);color:var(--jb-blue-dark);justify-content:center;align-items:center;gap:10px;padding:20px 12px;font-size:1.1rem;font-weight:700;display:flex}.queue-count{background:var(--jb-blue);color:#fff;border-radius:14px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:.9rem;display:inline-flex}.queue-column-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.queue-empty{color:var(--ink-soft);opacity:.7;flex-direction:column;align-items:center;margin-top:24px;display:flex}.queue-mascot-small{width:72px;margin-bottom:8px}.queue-ticket{background:var(--jb-blue-tint);text-align:center;color:var(--ink);border-radius:14px;padding:20px;font-size:1.4rem;font-weight:800;box-shadow:0 1px 3px #0000001a}@media (width<=720px){.queue-board{flex-direction:column}.queue-column{border-right:none;border-bottom:1px solid var(--border)}.queue-column:last-child{border-bottom:none}}.modifier-overlay{z-index:60;background:#141e328c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modifier-card{background:var(--paper);width:480px;max-width:100%;max-height:85vh;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;display:flex}.modifier-header{justify-content:space-between;align-items:center;padding:20px 20px 12px;display:flex}.modifier-header h3{font-size:1.15rem}.modifier-close{background:var(--jb-blue-tint);cursor:pointer;width:32px;height:32px;color:var(--ink);border:none;border-radius:50%;font-size:1rem}.modifier-body{padding:0 20px;overflow-y:auto}.modifier-group{background:var(--jb-blue-tint);border-radius:12px;margin-bottom:12px;padding:14px}.modifier-group-label{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.95rem;font-weight:700;display:flex}.modifier-required{color:var(--jb-red);font-size:.75rem;font-weight:700}.modifier-optional{color:var(--ink-soft);opacity:.8;font-size:.75rem;font-weight:500}.modifier-options{flex-wrap:wrap;gap:8px;display:flex}.modifier-option{border:1.5px solid var(--border);background:var(--paper);min-width:84px;font:inherit;color:var(--ink);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;font-weight:600;display:flex}.modifier-option.selected{background:var(--jb-blue);border-color:var(--jb-blue);color:#fff}.modifier-option-price{opacity:.85;font-size:.75rem;font-weight:600}.modifier-option.unavailable{opacity:.5;cursor:not-allowed}.modifier-option-unavailable{color:var(--jb-red);text-transform:uppercase;letter-spacing:.03em;font-size:.68rem;font-weight:800}.modifier-option-low-stock{color:var(--jb-amber);text-transform:uppercase;letter-spacing:.03em;font-size:.68rem;font-weight:800}.modifier-error{color:var(--jb-red);text-align:center;margin:12px 20px 0;font-size:.85rem}.modifier-confirm{margin:16px 20px 20px}.delivery-picker{flex-direction:column;gap:8px;display:flex}.delivery-hint{color:var(--ink-soft);font-size:12.5px}.delivery-map{border:1px solid var(--border);border-radius:12px;width:100%;height:220px;overflow:hidden}.delivery-legend{color:var(--ink-soft);gap:16px;font-size:12px;display:flex}.delivery-legend-dot{border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}.delivery-legend-dot.store{background:#0a56c4}.delivery-legend-dot.customer{background:#ea4335}.delivery-distance{color:#1e7e34;text-align:center;background:#eaf7ed;border:1px solid #c8e9cf;border-radius:10px;padding:8px 12px;font-size:12.5px;font-weight:700}.delivery-distance.out-of-range{color:var(--jb-red-dark);background:#fdeceb;border-color:#f3c9c4}.delivery-unavailable{color:var(--ink-soft);border:1px solid var(--border);text-align:center;background:#f5f6f8;border-radius:10px;padding:10px 12px;font-size:12.5px}.summary-overlay{-webkit-overflow-scrolling:touch;z-index:110;background:#141e328c;justify-content:center;align-items:flex-start;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.summary-card{background:var(--paper);width:440px;max-width:100%;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;margin:auto 0;display:flex}.summary-header{background:var(--paper);z-index:1;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:20px 20px 12px;display:flex;position:sticky;top:0}.summary-header h3{font-size:1.15rem}.summary-header-actions{align-items:center;gap:12px;display:flex}.summary-clear{cursor:pointer;color:#d93025;background:0 0;border:none;padding:0;font-size:.85rem}.summary-clear:hover{text-decoration:underline}.summary-close{background:var(--jb-blue-tint);cursor:pointer;width:32px;height:32px;color:var(--ink);border:none;border-radius:50%;font-size:1rem}.summary-body{flex-direction:column;gap:12px;padding:0 20px;display:flex}.summary-empty{color:var(--ink-soft);padding:12px 0;font-size:14px}.summary-line{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:8px;padding-bottom:10px;display:flex}.summary-line-info{flex-direction:column;gap:2px;display:flex}.summary-line-name{font-size:14px;font-weight:700}.summary-line-sel{color:var(--ink-soft);font-size:11.5px}.summary-line-price{color:var(--jb-red);white-space:nowrap;margin-top:2px;font-size:13px;font-weight:700}.summary-line-actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.summary-line-actions .pos-qty{align-items:center;gap:10px;display:flex}.summary-line-actions .pos-qty button{border:1.5px solid var(--border);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:700;display:flex}.summary-line-actions .pos-qty span{text-align:center;min-width:16px;font-weight:700}.summary-remove{cursor:pointer;opacity:.7;background:0 0;border:none;font-size:13px}.summary-remove:hover{opacity:1}.summary-footer{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding:14px 20px 20px;display:flex}.summary-total{justify-content:space-between;align-items:center;font-size:18px;font-weight:800;display:flex}.summary-subtotal{color:var(--ink-soft);justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.summary-fulfillment{flex-direction:column;gap:10px;display:flex}.summary-fulfillment-tabs{gap:8px;display:flex}.summary-fulfillment-tab{border:1.5px solid var(--border);color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:999px;flex:1;padding:9px;font-size:13.5px;font-weight:700}.summary-fulfillment-tab.active{border-color:var(--jb-blue);background:var(--jb-blue-tint);color:var(--jb-blue-dark)}.summary-pickup{flex-direction:column;gap:6px;display:flex}.summary-pickup label{color:var(--ink-soft);font-size:12.5px;font-weight:700}.summary-pickup input[type=time]{border:1.5px solid var(--border);font:inherit;color:var(--ink);border-radius:10px;padding:9px 12px;font-size:14px}.summary-schedule{flex-direction:column;gap:6px;margin-top:10px;display:flex}.summary-schedule-note{color:var(--jb-red-dark);font-size:12.5px;font-weight:600}.summary-schedule label{color:var(--ink-soft);font-size:12.5px;font-weight:700}.summary-schedule input[type=date],.summary-schedule input[type=time]{border:1.5px solid var(--border);font:inherit;color:var(--ink);border-radius:10px;padding:9px 12px;font-size:14px}.summary-payment{flex-direction:column;gap:8px;display:flex}.summary-payment>label{color:var(--ink-soft);font-size:12.5px;font-weight:700}.summary-payment-tabs{gap:8px;display:flex}.summary-payment-tab{border:1.5px solid var(--border);color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:999px;flex:1;padding:9px;font-size:13.5px;font-weight:700}.summary-payment-tab.active{border-color:var(--jb-blue);background:var(--jb-blue-tint);color:var(--jb-blue-dark)}.summary-cash{flex-direction:column;gap:6px;display:flex}.summary-cash label{color:var(--ink-soft);font-size:12.5px;font-weight:700}.summary-cash input{border:1.5px solid var(--border);font:inherit;color:var(--ink);border-radius:10px;padding:9px 12px;font-size:14px}.summary-cash-hint{color:#1e7e34;font-size:12px}.summary-qr-note{color:var(--ink-soft);background:var(--jb-blue-tint);border-radius:10px;padding:10px 12px;font-size:12.5px}.summary-qr-btn{text-align:center;width:100%;padding:10px;font-size:13.5px}.summary-note{flex-direction:column;gap:6px;display:flex}.summary-note label{color:var(--ink-soft);font-size:12.5px;font-weight:700}.summary-note textarea{border:1.5px solid var(--border);font:inherit;color:var(--ink);resize:vertical;border-radius:10px;padding:9px 12px;font-size:14px}.summary-field-error{color:var(--jb-red-dark);font-size:12px}.summary-success{color:#1e7e34;text-align:center;background:#eaf7ed;border:1px solid #c8e9cf;border-radius:10px;padding:12px;font-size:13.5px;font-weight:700}.summary-place-order-step{flex-direction:column;gap:8px;display:flex}.summary-place-order-step label{color:var(--ink-soft);font-size:12.5px;font-weight:700}.summary-place-order-step input{border:1.5px solid var(--border);font:inherit;color:var(--ink);border-radius:10px;padding:9px 12px;font-size:14px}.otp-input-blink{animation:1s ease-in-out infinite otp-blink}@keyframes otp-blink{0%,to{border-color:var(--border);background-color:#0000}50%{border-color:var(--jb-red);background-color:#c1392b14}}.summary-step-links{justify-content:space-between;display:flex}.summary-step-back{color:var(--jb-blue);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:12.5px;font-weight:700}.summary-step-back:disabled{color:var(--ink-soft);cursor:not-allowed}.summary-place-order-btn{width:100%;padding:12px;font-size:15px}.summary-place-order-btn:disabled{opacity:.5;cursor:not-allowed}.summary-place-order-btn:disabled:hover{transform:none}.summary-actions{gap:10px;display:flex}.summary-download-btn,.summary-fb-btn{flex:1;padding:10px;font-size:14px}.builder-page{background:var(--paper);min-height:100vh}.builder-nav{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#ffffffe6;position:sticky;top:0}.builder-nav .container{justify-content:space-between;align-items:center;padding-top:12px;padding-bottom:12px;display:flex}.builder-view-order{padding:10px 20px;font-size:14px}.builder-body{padding:28px 24px 60px}.builder-head{margin-bottom:20px}.builder-head h1{margin-bottom:6px;font-size:26px}.builder-head p{color:var(--ink-soft)}.builder-tabs{margin-bottom:4px;padding:0 0 4px}.builder-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:0}.pos-tabs{gap:8px;display:flex;overflow-x:auto}.pos-tab{border:1.5px solid var(--border);color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;flex:none;padding:8px 16px;font-size:13px;font-weight:700}.pos-tab.active{border-color:var(--jb-blue);background:var(--jb-blue-tint);color:var(--jb-blue-dark)}.pos-grid{grid-auto-rows:min-content;align-content:start;gap:14px;display:grid}.pos-item-card{aspect-ratio:1;border:1px solid var(--border);cursor:pointer;text-align:center;background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px;display:flex;position:relative;overflow:hidden}.pos-item-card:hover{border-color:var(--jb-blue)}.pos-item-card.unavailable{opacity:.5;cursor:not-allowed}.pos-item-card.unavailable:hover{border-color:var(--border)}.pos-item-card-qty{background:var(--jb-blue);color:#fff;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:700;display:flex;position:absolute;top:8px;right:8px}.pos-item-card-photo{aspect-ratio:1;background:var(--jb-blue-tint);border-radius:10px;justify-content:center;align-items:center;width:62%;display:flex;overflow:hidden}.pos-item-card-photo img{object-fit:cover;width:100%;height:100%}.pos-item-card-placeholder{color:var(--jb-blue);font-size:15px;font-weight:800}.pos-item-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.pos-item-card-price{color:var(--jb-red);font-size:14px;font-weight:800}.pos-item-card-unavailable{color:var(--jb-red);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:800}.pos-item-card-low-stock{color:var(--jb-amber);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:800}.pos-cart-empty{color:var(--ink-soft);padding:12px 0;font-size:14px}@media (width<=480px){.builder-nav .container{padding-left:16px;padding-right:16px}.builder-body{padding:20px 16px 48px}}.rider-tracking{flex-direction:column;gap:8px;margin-top:10px;display:flex}.rider-tracking-hint{color:var(--ink-soft);font-size:12.5px}.rider-tracking-map{border:1px solid var(--border);border-radius:12px;width:100%;height:220px;overflow:hidden}.rider-tracking-waiting,.rider-tracking-unavailable{color:var(--ink-soft);border:1px solid var(--border);text-align:center;background:#f5f6f8;border-radius:10px;padding:10px 12px;font-size:12.5px}.rider-tracking-nearby{color:#1e7e34;text-align:center;background:#eaf7ed;border:1px solid #c8e9cf;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:700}.track-page{background:var(--paper);min-height:100vh}.track-nav{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#ffffffe6;position:sticky;top:0}.track-nav .container{align-items:center;padding-top:12px;padding-bottom:12px;display:flex}.track-body{max-width:480px;padding:40px 24px 60px}.track-head{margin-bottom:20px}.track-head h1{margin-bottom:6px;font-size:26px}.track-head p{color:var(--ink-soft)}.track-form{gap:10px;margin-bottom:16px;display:flex}.track-form input{border:1.5px solid var(--border);font:inherit;letter-spacing:.04em;color:var(--ink);border-radius:10px;flex:1;padding:12px 14px;font-size:16px;font-weight:700}.track-error{color:var(--jb-red-dark);margin-bottom:12px;font-size:13px}.track-not-found{color:var(--ink-soft);border:1px solid var(--border);text-align:center;background:#f5f6f8;border-radius:10px;padding:14px;font-size:14px}.track-result{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:18px}.track-status{color:var(--jb-blue-dark);margin-bottom:6px;font-size:16px;font-weight:800}.track-subtext{color:var(--ink-soft);margin-bottom:4px;font-size:13.5px}.track-qr-btn,.track-cancel-btn{text-align:center;width:100%;margin-top:10px;padding:10px;font-size:13.5px;display:block}.track-items{flex-direction:column;gap:6px;margin:14px 0;display:flex}.track-item{border-bottom:1px solid var(--border);justify-content:space-between;padding-bottom:6px;font-size:14px;display:flex}.track-total{justify-content:space-between;padding-top:8px;font-size:18px;font-weight:800;display:flex}