:root{color:#151816;font-synthesis:none;text-rendering:optimizelegibility;--cream:#f3f1eb;--cream-2:#dfe7e4;--espresso:#151816;--espresso-2:#0b0d0c;--latte:#34676c;--pink:#e5d9d7;--pink-strong:#b5322a;--green:#087e88;--green-soft:#d7e8e6;--border:#abb5b0;--muted:#56605b;--shadow:0 12px 30px #1013111f;background:#f3f1eb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--cream);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.app{min-height:100vh;padding:14px 12px 124px;position:relative}.screen{width:min(100%,430px);margin:0 auto}.brand-header,.top-title,.staff-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand-header{padding:8px 4px 14px}.top-title{padding:8px 2px 16px}.app-name{color:var(--latte);letter-spacing:0;margin:0 0 4px;font-size:.88rem;font-weight:750}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand-mark,.feature-card strong,.total-line strong{font-family:Inter,ui-sans-serif,system-ui,sans-serif}h1{letter-spacing:0;margin-bottom:0;font-size:2.8rem;line-height:.96}.top-title h1{font-size:2.25rem}h2{letter-spacing:0;margin-bottom:8px;font-size:1.35rem;line-height:1.05}h3{letter-spacing:0;margin-bottom:6px;font-size:1.05rem;line-height:1.12}p{color:var(--muted);line-height:1.45}.brand-mark{border:1px solid var(--border);width:52px;height:52px;color:var(--espresso);background:#fffdf7;border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid;box-shadow:0 8px 20px #4b210f1a}.brand-mark img{object-fit:contain;width:34px;height:34px}.hero-card,.feature-card,.location-card,.menu-card,.checkout-card,.cart-item,.summary-card,.confirmation-card,.timeline-card,.status-alert,.option-group,.empty-state,.story-block{border:1px solid var(--border);background:#fffdf7db;border-radius:22px;box-shadow:0 10px 26px #4b210f14}.hero-card{min-height:260px;margin-bottom:14px;position:relative;overflow:hidden}.hero-card picture{display:block}.hero-card img{object-fit:cover;background:linear-gradient(135deg,#4b210f73,#ffd9df33),linear-gradient(135deg,#7c4527,#f8ead7);width:100%;height:260px;display:block}.hero-card:after{content:"";background:linear-gradient(#3213070f 20%,#321307b3 100%);position:absolute;inset:0}.hero-card--asset:after{display:none}.hero-meta-row{flex-wrap:wrap;gap:8px;margin:-4px 2px 14px;display:flex}.hero-card__content{z-index:1;color:#fffaf1;position:absolute;bottom:18px;left:20px;right:20px}.hero-card__content p{color:#fffaf1;max-width:260px;margin-bottom:12px;font-family:Georgia,Times New Roman,serif;font-size:2.05rem;font-weight:800;line-height:.98}.status-pill,.pickup-pill{background:var(--green);color:#fff;border-radius:999px;align-items:center;min-height:34px;margin:0 8px 8px 0;padding:0 13px;font-size:.86rem;font-weight:800;display:inline-flex}.pickup-pill{color:var(--espresso);background:#fff8edeb}.action-stack{gap:10px;margin:12px 0;display:grid}.button{border:1px solid var(--espresso);letter-spacing:0;border-radius:16px;justify-content:center;align-items:center;min-height:52px;padding:0 18px;font-weight:850;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:active{transform:translateY(1px)}.button--primary{background:var(--espresso);color:#fff8ed;box-shadow:0 12px 26px #4b210f33}.button--secondary{color:var(--espresso);background:#fffdf7c7}.button--danger{color:#bc2447;background:#fff5f6;border-color:#d94a66}.button--small{white-space:nowrap;border-radius:14px;min-height:42px;padding:0 14px}.icon-button{background:var(--espresso);color:#fff8ed;border:0;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:1.55rem;font-weight:600;display:grid}.location-card{align-items:center;gap:14px;padding:16px;display:flex}.home-location-card{margin-top:14px}.location-card__icon{background:var(--cream-2);width:44px;height:44px;color:var(--espresso);border-radius:14px;flex:none;place-items:center;display:grid}.location-card__icon svg{width:28px;height:28px}.location-card strong,.location-card span{display:block}.location-card span{color:var(--muted);margin-top:3px;font-size:.92rem;line-height:1.35}.feature-card,.menu-card,.cart-item,.summary-row,.staff-item{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.feature-card{margin-top:14px;padding:12px}.feature-card__media,.menu-card__thumb,.customizer-hero__media{background:radial-gradient(circle at 30% 20%,#ffffffa6,#0000 3rem),linear-gradient(135deg,#693318 0%,#a26031 42%,#f8ead7 100%);border-radius:17px;position:relative;overflow:hidden}.feature-card__media{color:#fff8ed;place-items:end center;width:96px;height:96px;padding-bottom:10px;font-size:.78rem;font-weight:800;display:grid}.feature-card__media--photo{background:#fffdf7;padding:0}.feature-card__media--photo img,.menu-card__thumb--photo img,.customizer-hero__media--photo img{object-fit:cover;width:100%;height:100%;display:block}.menu-card__thumb--photo img{object-position:right center}.feature-card h2{margin-bottom:4px;font-size:1.1rem}.feature-card strong{color:var(--pink-strong);font-size:1.08rem;display:block}.feature-card p{margin:4px 0 0;font-size:.9rem}.story-block{margin-top:14px;padding:18px}.story-block p{margin-bottom:0}.section-heading{justify-content:space-between;align-items:end;gap:12px;margin:10px 2px;display:flex}.section-heading h2{margin-bottom:0}.section-heading p{text-align:right;max-width:250px;margin-bottom:0;font-size:.85rem}.menu-list{gap:10px;display:grid}.menu-section__banner{border:1px solid var(--border);background:#fffdf7;border-radius:18px;height:84px;margin:16px 0 10px;display:block;overflow:hidden;box-shadow:0 8px 22px #4b210f14}.menu-section__banner img{object-fit:cover;width:100%;height:100%;display:block}.menu-card{padding:10px}.menu-card__thumb{width:72px;height:72px}.menu-card__thumb--photo{background:#fffdf7}.menu-card__thumb--drink:after,.menu-card__thumb--featured:after,.menu-card__thumb--retail:after,.menu-card__thumb--bakery:after,.customizer-hero__media:after{content:"";background:#f9f3e8;border-radius:50% 50% 42% 42%;position:absolute;inset:22% 25% 20%;box-shadow:inset 0 14px #b96833}.menu-card__thumb--featured{background:linear-gradient(135deg,#1f120d 0%,#7d4a2c 55%,#e4b681 100%)}.menu-card__thumb--featured:after{box-shadow:none;background:#17100d;border-radius:50% 50% 40% 40%;inset:16% 31% 20%}.menu-card__thumb--retail{background:linear-gradient(135deg,#2c1409 0%,#7c4527 100%)}.menu-card__thumb--retail:after{background:#4d2613;border-radius:50%;inset:24%;box-shadow:16px 6px #7a3f20,-12px 14px #8f5130}.menu-card__thumb--bakery{background:linear-gradient(135deg,#e4b681 0%,#fff0ca 100%)}.menu-card__thumb--bakery:after{box-shadow:none;background:#c4773c;border-radius:18px 18px 28px 28px;inset:20% 17%}.menu-card h3{margin-bottom:3px}.menu-card span,.menu-card p{color:var(--muted);margin:0;font-size:.88rem}.menu-card--feature{align-items:start}.menu-card--muted{background:#fffdf79e}.back-button{min-height:44px;color:var(--espresso);background:0 0;border:0;align-items:center;gap:8px;margin:6px 0 12px;font-weight:850;display:inline-flex}.back-button svg{width:22px;height:22px}.customizer-hero{grid-template-columns:112px 1fr;align-items:center;gap:16px;margin-bottom:12px;display:grid}.customizer-hero__media{height:112px}.customizer-hero__media--photo{background:#fffdf7}.customizer-hero__media--photo:after{display:none}.customizer-hero h1{font-size:2.1rem}.customizer-hero span{color:var(--muted);margin-top:8px;display:block}.option-group{margin-top:12px;padding:16px}.option-group h2{margin-bottom:12px;font-size:1.2rem}.segmented-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.choice-card,.choice-row{border:1px solid var(--border);color:var(--espresso);background:#fffdf7;border-radius:16px}.choice-card{text-align:left;align-content:center;gap:4px;min-height:76px;padding:10px;display:grid}.choice-card span,.choice-row strong{color:var(--muted);font-size:.82rem}.choice-list{gap:8px;display:grid}.choice-row{justify-content:space-between;align-items:center;min-height:54px;padding:0 14px;display:flex}.choice-card.selected,.choice-row.selected,.queue-card.selected{border-color:var(--green);background:var(--green-soft);box-shadow:inset 0 0 0 1px #4b7f461f}.quantity-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.stepper,.mini-stepper{border:1px solid var(--border);background:#fffdf7;border-radius:999px;align-items:center;display:inline-flex}.stepper button,.mini-stepper button{width:44px;height:44px;color:var(--espresso);background:0 0;border:0;place-items:center;font-size:1.25rem;font-weight:850;display:grid}.stepper strong,.mini-stepper span{text-align:center;min-width:28px;font-weight:850}.field-label{color:var(--espresso);margin:12px 0 7px;font-size:.88rem;font-weight:850;display:block}input,textarea{border:1px solid var(--border);width:100%;color:var(--espresso);background:#fffdf7;border-radius:16px;outline:none}input{min-height:50px;padding:0 14px}textarea{resize:vertical;padding:12px 14px}input:focus,textarea:focus,button:focus-visible{outline-offset:2px;outline:3px solid #4b7f4640}.sticky-action{z-index:4;border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf7f0;border-radius:22px;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:18px;padding:12px;display:grid;position:sticky;bottom:8px}.sticky-action span,.sticky-action strong{display:block}.sticky-action span{color:var(--muted);font-size:.82rem}.sticky-action strong{font-size:1.3rem}.cart-list{gap:10px;display:grid}.cart-item{grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:14px}.cart-item h2{margin-bottom:5px;font-size:1.1rem}.cart-item p{margin-bottom:4px;font-size:.88rem}.cart-item__note{color:var(--green)}.cart-item__controls{justify-items:end;gap:10px;display:grid}.mini-stepper button{width:34px;height:34px}.trash-button{color:#bc2447;background:#fff5f6;border:1px solid #f0bec8;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.trash-button svg{width:20px;height:20px}.checkout-card,.summary-card,.confirmation-card,.timeline-card,.status-alert,.empty-state{margin-top:12px;padding:18px}.form-message{color:var(--pink-strong);margin:10px 0 0;font-size:.9rem;font-weight:800}.form-message.success{color:var(--green)}.totals{border-top:1px solid var(--border);gap:10px;margin-top:18px;padding-top:14px;display:grid}.totals div,.total-line{justify-content:space-between;align-items:center;gap:16px;display:flex}.total-line{border-top:1px solid var(--border);color:var(--espresso);padding-top:10px;font-size:1.18rem}.confirmation-screen{padding-top:34px}.confirmation-card{text-align:center}.confirmation-card__art{object-fit:cover;object-position:top;border-radius:22px;width:min(100%,190px);height:112px;margin:0 auto 16px;display:block}.success-mark{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 16px;font-size:2.1rem;font-weight:900;display:grid}.confirmation-card h1{margin-bottom:12px}.confirmation-card strong{color:var(--green)}.summary-card h2{margin-bottom:14px}.summary-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;padding:12px 0}.summary-row span{color:var(--muted);margin-top:4px;font-size:.88rem;display:block}.timeline-card{gap:0;display:grid}.timeline-step{grid-template-columns:auto 1fr;gap:14px;padding-bottom:20px;display:grid;position:relative}.timeline-step:last-child{padding-bottom:0}.timeline-step:before{content:"";background:var(--border);width:2px;position:absolute;top:28px;bottom:0;left:13px}.timeline-step:last-child:before{display:none}.timeline-step>span{border:2px solid var(--border);background:#fffdf7;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.timeline-step.done>span,.timeline-step.current>span{border-color:var(--green);background:var(--green)}.timeline-step.current h2{color:var(--green)}.timeline-step h2{margin-bottom:4px;font-size:1.08rem}.timeline-step p{margin-bottom:0}.status-alert{background:#fff5f6;border-color:#f0bec8}.status-hero{border:1px solid var(--border);background:#fffdf7;border-radius:22px;margin-bottom:12px;overflow:hidden;box-shadow:0 10px 26px #4b210f14}.status-hero img{object-fit:cover;object-position:50% 22%;width:100%;height:118px;display:block}.empty-state{text-align:center}.empty-state__art{object-fit:cover;border-radius:18px;width:min(100%,180px);max-height:150px;margin:0 auto 14px;display:block}.empty-state__copy p{margin-bottom:18px}.empty-state--compact{box-shadow:none;background:#fffdf7ad;padding:12px}.empty-state--compact .empty-state__art{width:min(100%,150px);max-height:118px}.empty-state p{margin-bottom:18px}.bottom-nav{z-index:10;border:1px solid var(--border);width:min(430px,100% - 20px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf7f0;border-radius:24px;grid-template-columns:repeat(5,1fr);margin:0 auto;padding:8px;display:grid;position:fixed;bottom:10px;left:10px;right:10px}.bottom-nav__item{min-height:58px;color:var(--muted);background:0 0;border:0;border-radius:17px;place-items:center;gap:3px;font-size:.75rem;font-weight:780;display:grid}.bottom-nav__item.active{background:var(--cream-2);color:var(--espresso)}.bottom-nav__icon{position:relative}.bottom-nav__icon svg{width:23px;height:23px}.bottom-nav__badge{background:var(--pink-strong);color:#fff;border-radius:999px;place-items:center;min-width:19px;height:19px;font-size:.68rem;line-height:1;display:grid;position:absolute;top:-9px;right:-10px}.app--staff{padding:14px}.staff-shell{width:min(100%,1180px);margin:0 auto}.staff-header{border:1px solid var(--border);background:#fffdf7e6;border-radius:22px;padding:18px}.staff-header h1{font-size:3.4rem}.staff-header p{color:var(--latte);margin-bottom:4px;font-weight:850}.staff-stats{border-left:1px solid var(--border);gap:3px;min-width:122px;padding:12px 16px;display:grid}.staff-stats strong{font-size:1.8rem;line-height:1}.staff-stats span{color:var(--muted)}.staff-stats--ready strong{color:var(--green)}.staff-header__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.staff-header__actions .button{min-height:46px}.staff-home-link{gap:8px;min-width:112px}.staff-home-link svg{width:18px;height:18px}.staff-status-link{min-width:142px}.staff-layout{grid-template-columns:minmax(260px,.8fr) minmax(0,1.5fr);gap:14px;margin-top:14px;display:grid}.queue-panel,.staff-detail,.completed-panel{border:1px solid var(--border);background:#fffdf7e6;border-radius:22px;box-shadow:0 10px 26px #4b210f14}.queue-panel{padding:14px}.staff-alert-art{border:1px solid var(--border);object-fit:cover;border-radius:17px;width:100%;max-height:78px;margin-top:10px;display:block}.queue-card{border:1px solid var(--border);width:100%;color:var(--espresso);text-align:left;background:#fffdf7;border-radius:17px;gap:4px;margin-top:10px;padding:14px;display:grid}.queue-card span{color:var(--green);font-size:.74rem;font-weight:900}.queue-card strong{font-family:Georgia,Times New Roman,serif;font-size:1.35rem}.queue-card small{color:var(--muted)}.queue-card b{justify-self:end}.staff-empty{margin:16px 0 0}.staff-detail{padding:18px}.staff-detail__top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:start;gap:18px;padding-bottom:16px;display:flex}.staff-detail__top h2{margin:8px 0 6px;font-size:2rem}.status-token{background:var(--green-soft);min-height:30px;color:var(--green);border-radius:999px;align-items:center;padding:0 10px;font-size:.74rem;font-weight:900;display:inline-flex}.status-token--in_progress{color:#a55e11;background:#fff1d8}.status-token--ready,.status-token--completed{background:var(--green-soft);color:var(--green)}.status-token--cancelled{color:var(--pink-strong);background:#fff0f2}.staff-items{gap:0;margin-top:12px;display:grid}.staff-item{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;padding:14px 0}.staff-item span{color:var(--muted);margin-top:5px;font-size:.9rem;display:block}.staff-totals{max-width:360px;margin-left:auto}.staff-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.completed-panel{margin-top:14px;padding:14px}.completed-row{border-top:1px solid var(--border);color:var(--muted);grid-template-columns:1fr 1fr 1fr auto;gap:12px;padding:12px 0;display:grid}.completed-row strong{color:var(--espresso)}.demo-reset{z-index:30;border:1px solid var(--espresso);background:var(--cream);min-height:38px;color:var(--espresso);border-radius:3px;padding:0 12px;font-size:.78rem;font-weight:800;position:absolute;top:12px;right:12px}@media (width<=959px){.app:not(.app--staff) .screen{padding-top:52px}}.hero-card,.feature-card,.location-card,.menu-card,.checkout-card,.cart-item,.summary-card,.confirmation-card,.timeline-card,.status-alert,.option-group,.empty-state,.story-block,.sticky-action,.bottom-nav,.staff-header,.queue-panel,.staff-detail,.completed-panel,.queue-card,input,textarea,.choice-card,.choice-row,.button{box-shadow:none;border-radius:4px}.brand-mark,.location-card__icon,.feature-card__media,.menu-card__thumb,.customizer-hero__media,.bottom-nav__item{border-radius:3px}.feature-card__media,.menu-card__thumb--featured,.menu-card__thumb--retail,.menu-card__thumb--bakery,.customizer-hero__media{background:var(--espresso-2)}.confirmation-card,.summary-card,.timeline-card,.option-group,.empty-state,.story-block,.queue-panel,.staff-detail,.completed-panel,.staff-header,.bottom-nav,.sticky-action{background:#f3f1ebf7}@media (width>=960px){.app:not(.app--staff):not(.app--customize){padding:104px 32px 40px}.app--customize{padding:24px 32px 40px}.screen{width:min(100%,1080px)}.home-screen{grid-template-columns:minmax(320px,.85fr) minmax(520px,1.15fr);align-items:start;gap:16px 28px;display:grid}.home-screen .brand-header{align-items:flex-start;padding:22px 0 0}.home-screen h1{max-width:520px;font-size:5rem}.home-screen .brand-mark{margin-top:4px}.home-screen .hero-card{border-radius:4px;grid-area:1/2/span 5;min-height:510px;margin-bottom:0}.home-screen .hero-card img{object-position:center;height:min(58vh,560px);min-height:510px}.home-screen .hero-meta-row{margin:0}.home-screen .action-stack{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.home-screen .location-card,.home-screen .story-block,.home-screen .feature-card{margin-top:0}.home-screen .story-block{grid-column:1}.home-screen .feature-card{grid-column:2;grid-template-columns:132px minmax(0,1fr) auto;min-height:156px;padding:18px}.home-screen .feature-card__media{width:132px;height:132px}.home-screen .feature-card h2{font-size:1.45rem}.top-title{justify-content:flex-start}.top-title h1{font-size:4rem}.menu-section__banner{display:none}.menu-list{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-card{min-height:104px;padding:14px}.menu-card__thumb{width:88px;height:88px}.section-heading p{max-width:520px}.cart-list{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-card,.confirmation-card,.summary-card,.timeline-card,.status-alert,.empty-state{padding:24px}.status-hero img{height:190px}.bottom-nav{border-radius:4px;width:min(720px,100% - 48px);inset:18px auto auto 50%;transform:translate(-50%)}.bottom-nav__item{flex-direction:row;gap:8px;min-height:50px;display:flex}}@media (width<=820px){.staff-header,.staff-layout,.staff-actions,.completed-row{grid-template-columns:1fr}.staff-header{display:grid}.staff-stats{border-left:0;border-top:1px solid var(--border)}.staff-header__actions{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;display:grid}.staff-header__actions .button{width:100%}.staff-status-link{min-width:0}}@media (width<=380px){.app{padding-left:8px;padding-right:8px}h1{font-size:1.86rem}.hero-card__content p{font-size:1.8rem}.segmented-grid{grid-template-columns:1fr}.menu-card,.feature-card{grid-template-columns:68px minmax(0,1fr)}.menu-card .button,.feature-card .icon-button{grid-column:1/-1;width:100%}.sticky-action{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}