@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Outfit:wght@300;400;500;600;700;800&family=IBM+Plex+Mono:wght@500;600&display=swap";:root{--ink:#0b0b0b;--char:#121212;--steel:#1e1e1e;--ash:#7a7a7a;--flour:#f0f0f0;--white:#fff;--pink:#ff2e93;--blue:#2d7dff;--gold:#ffc533;--orange:#ff9a1f;--pink-glow:#ff2e9359;--blue-glow:#2d7dff59;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--font-display:"Archivo Black", sans-serif;--font-body:"Outfit", sans-serif;--font-mono:"IBM Plex Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--ink);color:var(--flour);-webkit-font-smoothing:antialiased;line-height:1.5}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input{font-family:inherit}::selection{background:var(--pink);color:var(--white)}.flex-1{flex:1 1 0}.mt{margin-top:14px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 6px var(--pink-glow)}50%{box-shadow:0 0 18px var(--pink-glow)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.wn-app{flex-direction:column;min-height:100dvh;padding-bottom:20px;display:flex}.wn-header{z-index:30;-webkit-backdrop-filter:blur(18px)saturate(1.5);background:#0b0b0bbf;border-bottom:1px solid #ffffff0a;position:sticky;top:0}.wn-header-inner{justify-content:space-between;align-items:center;gap:12px;max-width:520px;margin:0 auto;padding:14px 20px;display:flex}.wn-logo{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--white);align-items:center;gap:6px;font-size:17px;display:flex}.wn-logo-icon{color:var(--pink);filter:drop-shadow(0 0 4px var(--pink-glow))}.wn-logo-accent{color:var(--pink);text-shadow:0 0 12px var(--pink-glow)}.wn-clock{font-family:var(--font-mono);color:var(--ash);letter-spacing:.04em;align-items:center;gap:6px;margin-top:2px;font-size:10px;font-weight:500;display:flex}.wn-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.wn-dot.open{background:#00e676;animation:2s infinite pulse-dot;box-shadow:0 0 8px #00e67680}.wn-dot.closed{background:var(--ash)}.wn-tabs{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:100px;gap:4px;padding:3px;display:flex}.wn-tab{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--ash);border-radius:100px;align-items:center;gap:5px;padding:7px 16px;font-size:11px;font-weight:700;transition:all .2s;display:flex;position:relative}.wn-tab:hover{color:var(--flour)}.wn-tab.active{background:linear-gradient(135deg, var(--pink), var(--blue));color:var(--white);box-shadow:0 2px 14px var(--pink-glow)}.wn-tab-badge{width:16px;height:16px;font-family:var(--font-mono);background:var(--pink);color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;animation:2s infinite pulse-glow;display:flex;position:absolute;top:-4px;right:-4px}.wn-main{flex:1;width:100%;max-width:520px;margin:0 auto;padding:24px 20px 0}.wn-space-lg{flex-direction:column;gap:18px;display:flex}.wn-closed-card{text-align:center;background:var(--char);border-radius:var(--radius-xl);border:2px solid var(--steel);padding:48px 24px;animation:.4s both fadeUp}.wn-closed-icon{color:var(--pink);filter:drop-shadow(0 0 10px var(--pink-glow));margin:0 auto 16px}.wn-closed-icon.muted{color:var(--ash);filter:none}.wn-closed-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--pink);text-shadow:0 0 20px var(--pink-glow);margin-bottom:8px;font-size:28px}.wn-closed-title.muted{color:var(--ash);text-shadow:none}.wn-closed-sub{color:var(--ash);font-size:13px}.wn-countdown{font-family:var(--font-mono);color:var(--blue);text-shadow:0 0 20px var(--blue-glow);letter-spacing:.1em;margin-top:24px;font-size:36px;font-weight:600}.wn-countdown-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--ash);margin-top:2px;font-size:9px;font-weight:500}.wn-status-open{color:var(--blue);text-shadow:0 0 8px var(--blue-glow);align-items:center;gap:8px;font-size:12px;font-weight:600;animation:.35s both fadeUp;display:flex}.wn-confirmation{color:var(--pink);border-radius:var(--radius-md);background:#ff2e9314;border:1px solid #ff2e9340;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;animation:.35s both fadeUp;display:flex}.wn-confirmation-icon{color:var(--pink);flex-shrink:0;animation:.5s shake}.wn-field{flex-direction:column;gap:8px;animation:.35s both fadeUp;display:flex}.wn-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.15em;color:var(--ash);font-size:10px}.wn-input{background:var(--char);border:2px solid var(--steel);border-radius:var(--radius-md);width:100%;color:var(--white);outline:none;padding:16px 18px;font-size:15px;font-weight:500;transition:border-color .2s,box-shadow .2s}.wn-input::placeholder{color:#fff3}.wn-input:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ff2e931f}.wn-input.pin{text-align:center;font-family:var(--font-mono);letter-spacing:.3em;font-size:22px}.wn-loc-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.wn-loc-btn{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-md);border:2px solid var(--steel);background:var(--char);color:var(--ash);padding:14px;font-size:13px;font-weight:700;transition:all .2s}.wn-loc-btn:hover{border-color:var(--ash);color:var(--flour)}.wn-loc-btn.selected{border-color:var(--blue);color:var(--blue);box-shadow:0 0 12px var(--blue-glow);background:#2d7dff14}.wn-pill-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.wn-pill{border-radius:var(--radius-md);border:2px solid var(--steel);background:var(--char);color:var(--ash);justify-content:center;align-items:center;gap:6px;padding:14px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.wn-pill:hover{border-color:var(--ash);color:var(--flour)}.wn-pill.selected{background:linear-gradient(135deg, var(--pink), var(--blue));color:var(--white);box-shadow:0 4px 20px var(--pink-glow);border-color:#0000;transform:scale(1.03)}.wn-btn{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:12px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.wn-btn.pink{background:var(--pink);color:var(--white);box-shadow:0 4px 20px var(--pink-glow)}.wn-btn.pink:hover{box-shadow:0 6px 30px var(--pink-glow);transform:translateY(-2px)}.wn-btn.pink:active{transform:translateY(0)}.wn-btn.blue{background:var(--blue);color:var(--white);box-shadow:0 4px 20px var(--blue-glow)}.wn-btn.blue:hover{box-shadow:0 6px 30px var(--blue-glow);transform:translateY(-2px)}.wn-btn.outline{color:var(--flour);border:2px solid var(--steel);background:0 0}.wn-btn.outline:hover{border-color:var(--ash)}.wn-btn.cancel{color:var(--pink);font-family:var(--font-body);letter-spacing:.06em;background:0 0;border:2px solid #ff2e934d;margin-top:12px;font-size:11px;font-weight:700}.wn-btn.cancel:hover{background:#ff2e930f}.wn-btn.full{width:100%}.wn-btn.small{padding:8px 14px;font-size:10px}.wn-btn-icon{border-radius:var(--radius-sm);border:2px solid var(--steel);color:var(--ash);justify-content:center;align-items:center;padding:12px 16px;transition:all .2s;display:inline-flex}.wn-btn-icon:hover{border-color:var(--pink);color:var(--pink)}.wn-btn-icon-text{border-radius:var(--radius-sm);border:2px solid var(--steel);color:var(--ash);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.wn-btn-icon-text:hover{border-color:var(--pink);color:var(--pink)}.wn-error{color:var(--pink);font-size:12px;font-weight:600}.wn-kitchen-header{border-bottom:2px solid var(--steel);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.wn-kitchen-live{font-family:var(--font-display);letter-spacing:.12em;color:var(--blue);text-shadow:0 0 10px var(--blue-glow);align-items:center;gap:8px;font-size:10px;display:flex}.wn-override-bar{background:var(--char);border:2px solid var(--steel);border-radius:var(--radius-lg);gap:4px;padding:4px;display:flex}.wn-override-btn{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-md);color:var(--ash);flex:1;padding:10px 6px;font-size:10px;font-weight:700;transition:all .2s}.wn-override-btn:hover{color:var(--flour)}.wn-override-btn.active{background:linear-gradient(135deg, var(--pink), var(--blue));color:var(--white);box-shadow:0 2px 10px var(--pink-glow)}.wn-clear-row{justify-content:flex-end;display:flex}.wn-link-danger{text-transform:uppercase;letter-spacing:.06em;color:var(--pink);font-size:11px;font-weight:700;transition:opacity .2s}.wn-link-danger:hover{opacity:.7}.wn-clear-confirm{color:var(--ash);text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.wn-empty{text-align:center;color:var(--ash);border:2px dashed var(--steel);border-radius:var(--radius-xl);padding:48px 20px;font-size:13px;font-style:italic}.wn-section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.15em;color:var(--ash);align-items:center;gap:8px;margin-bottom:12px;font-size:10px;display:flex}.wn-section-title.small{margin-bottom:10px}.wn-badge{background:var(--pink);color:var(--white);font-family:var(--font-mono);border-radius:100px;padding:2px 7px;font-size:9px;font-weight:700}.wn-section-list{flex-direction:column;gap:12px;display:flex}.wn-docket{background:var(--char);border:2px solid var(--steel);border-radius:var(--radius-lg);padding:18px 16px;transition:border-color .25s,transform .25s;animation:.35s both fadeUp}.wn-docket:hover{border-color:#ffffff14;transform:translateY(-1px)}.wn-docket-header{justify-content:space-between;display:flex}.wn-mono{font-family:var(--font-mono);color:var(--ash);letter-spacing:.04em;font-size:10px;font-weight:500}.wn-docket-divider{border-top:1px dashed var(--steel);margin:10px 0}.wn-docket-body{justify-content:space-between;align-items:center;gap:8px;display:flex}.wn-docket-name{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.02em;color:var(--white);font-size:16px;font-weight:700}.wn-docket-loc{color:var(--ash);background:var(--ink);border:1px solid var(--steel);border-radius:100px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.wn-docket-loc svg{color:var(--blue)}.wn-docket-status{flex-shrink:0;font-size:12px;font-weight:600}.wn-docket-status.muted{color:var(--ash)}.wn-docket-status.blue{color:var(--blue);text-shadow:0 0 8px var(--blue-glow)}.wn-docket-status.pink{color:var(--pink);text-shadow:0 0 8px var(--pink-glow);font-weight:800}.wn-docket-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.wn-tag{background:var(--ink);border:1px solid var(--steel);border-radius:var(--radius-sm);color:var(--flour);padding:4px 10px;font-size:11px;font-weight:600}.wn-tag.accent{color:var(--pink);border-color:#ff2e9340;font-style:italic}.wn-docket-actions{gap:8px;margin-top:14px;display:flex}.wn-my-orders{border-top:2px solid var(--steel);padding-top:18px}.wn-pwa-banner{z-index:40;-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);background:#121212eb;border:2px solid #ff2e934d;max-width:480px;margin:0 auto;padding:18px;animation:.4s both fadeUp;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 12px 40px #0009}.wn-pwa-content{align-items:flex-start;gap:14px;display:flex}.wn-pwa-text{flex:1}.wn-pwa-title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--white);align-items:center;gap:6px;margin-bottom:4px;font-size:11px;display:flex}.wn-pwa-icon{color:var(--pink);animation:2s infinite pulse-dot}.wn-pwa-desc{color:var(--ash);font-size:11px;line-height:1.4}.wn-pwa-steps{color:var(--ash);flex-direction:column;gap:4px;margin-top:10px;font-size:10px;display:flex}.wn-pwa-steps strong.pink{color:var(--pink)}.wn-pwa-steps strong.blue{color:var(--blue)}.wn-pwa-steps em{color:var(--flour)}.wn-mono-inline{font-family:var(--font-mono);background:var(--steel);color:var(--flour);border-radius:4px;padding:2px 6px;font-size:9px}.wn-pwa-skip{text-transform:uppercase;letter-spacing:.08em;color:var(--ash);border-radius:var(--radius-sm);background:#ffffff0a;flex-shrink:0;padding:6px 10px;font-size:9px;font-weight:700;transition:color .2s}.wn-pwa-skip:hover{color:var(--pink)}.wn-modal-overlay{z-index:50;-webkit-backdrop-filter:blur(10px);background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.wn-modal{background:var(--char);border-radius:var(--radius-xl);border:2px solid #ff2e934d;width:100%;max-width:380px;padding:28px 24px;animation:.3s both fadeUp;box-shadow:0 20px 60px #0009}.wn-modal-head{align-items:center;gap:8px;margin-bottom:4px;display:flex}.wn-modal-head .pink{color:var(--pink)}.wn-modal-title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--white);font-size:16px}.wn-modal-sub{color:var(--ash);margin-bottom:18px;font-size:12px}.wn-modal-actions{gap:10px;margin-top:16px;display:flex}:focus-visible{outline:2px solid var(--pink);outline-offset:2px}html,body,.wn-app{overflow-x:hidden}.wn-app{padding-top:env(safe-area-inset-top,0px);padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.wn-header{padding-top:env(safe-area-inset-top,0px)}.wn-pwa-banner{bottom:calc(16px + env(safe-area-inset-bottom,0px))}@media (pointer:coarse){.wn-tab{min-height:40px}.wn-btn{min-height:48px}.wn-input{min-height:50px}.wn-loc-btn,.wn-pill{min-height:48px}.wn-override-btn{min-height:44px}.wn-btn-icon{min-width:44px;min-height:44px}}@media (width<=360px){.wn-header-inner{flex-direction:column;align-items:stretch;gap:8px;padding:10px 14px}.wn-header-inner>div:first-child{justify-content:space-between;align-items:center;display:flex}.wn-clock{margin-top:0}.wn-tabs{width:100%}.wn-tab{letter-spacing:.04em;flex:1;justify-content:center;padding:8px;font-size:10px}.wn-logo{font-size:14px}.wn-main{padding:16px 14px 0}.wn-space-lg{gap:14px}.wn-loc-grid{gap:8px}.wn-pill-grid{grid-template-columns:1fr;gap:8px}.wn-loc-btn{padding:12px 8px;font-size:12px}.wn-pill{padding:12px 10px;font-size:12px}.wn-input{padding:14px;font-size:14px}.wn-btn{letter-spacing:.06em;padding:12px 16px;font-size:11px}.wn-closed-card{padding:32px 16px}.wn-closed-title{font-size:22px}.wn-countdown{font-size:28px}.wn-docket{padding:14px 12px}.wn-docket-name{font-size:14px}.wn-docket-body{flex-direction:column;align-items:flex-start;gap:6px}.wn-override-bar{flex-direction:column;gap:4px}.wn-override-btn{padding:10px;font-size:10px}.wn-pwa-banner{border-radius:var(--radius-lg);padding:14px;left:10px;right:10px}.wn-pwa-content{flex-direction:column;gap:10px}.wn-pwa-skip{align-self:flex-end}.wn-modal{border-radius:var(--radius-lg);padding:22px 18px}.wn-modal-title{font-size:14px}.wn-modal-actions{flex-direction:column;gap:8px}.wn-input.pin{font-size:18px}.wn-kitchen-header{flex-direction:column;align-items:flex-start;gap:8px}}@media (width>=361px) and (width<=480px){.wn-header-inner{gap:10px;padding:12px 16px}.wn-logo{font-size:15px}.wn-tab{padding:7px 12px;font-size:10px}.wn-main{padding:20px 16px 0}.wn-pill-grid{gap:8px}.wn-pill{padding:13px 10px;font-size:13px}.wn-loc-btn{padding:13px 10px}.wn-input{padding:14px 16px;font-size:15px}.wn-closed-title{font-size:24px}.wn-countdown{font-size:30px}.wn-docket-body{flex-wrap:wrap}}@media (width>=600px){.wn-header-inner{max-width:600px}.wn-main{max-width:600px;padding:32px 28px 0}.wn-logo{gap:8px;font-size:19px}.wn-tab{padding:8px 20px;font-size:12px}.wn-space-lg{gap:22px}.wn-input{border-radius:var(--radius-lg);padding:18px 20px;font-size:16px}.wn-loc-btn,.wn-pill{border-radius:var(--radius-lg);padding:16px;font-size:14px}.wn-btn{border-radius:var(--radius-lg);padding:16px 28px;font-size:13px}.wn-closed-card{border-radius:var(--radius-xl);padding:56px 32px}.wn-closed-title{font-size:32px}.wn-countdown{font-size:42px}.wn-docket{border-radius:var(--radius-xl);padding:22px 20px}.wn-docket-name{font-size:18px}.wn-modal{max-width:420px;padding:32px 28px}.wn-pwa-banner{max-width:520px;padding:22px}}@media (width>=900px){.wn-header-inner{max-width:680px}.wn-main{max-width:680px;padding:40px 32px 0}.wn-loc-grid,.wn-pill-grid{gap:14px}}@media (height<=500px) and (orientation:landscape){.wn-header-inner{padding:8px 16px}.wn-logo{font-size:14px}.wn-tab{min-height:32px;padding:5px 12px;font-size:10px}.wn-main{padding-top:12px}.wn-space-lg{gap:12px}.wn-closed-card{padding:24px 16px}.wn-pwa-banner{padding:12px;bottom:8px;left:8px;right:8px}}.wn-app.has-banner{padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))}.wn-docket-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wn-docket-body{min-width:0}.wn-tag{white-space:nowrap}.wn-app,.wn-main{-webkit-overflow-scrolling:touch}@media (hover:none){.wn-btn.pink:hover{box-shadow:0 4px 20px var(--pink-glow);transform:none}.wn-btn.blue:hover{box-shadow:0 4px 20px var(--blue-glow);transform:none}.wn-docket:hover{border-color:var(--steel);transform:none}.wn-pill.selected:hover{transform:scale(1.03)}}