:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#171714;background:#fff;line-height:1.45;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.shell{max-width:1050px;margin:auto;padding:0 20px 110px}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:25px 0 22px;border-bottom:1px solid #e9e2dd}.brand{font-size:1.55rem;letter-spacing:-.075em;font-weight:900;color:#171714;text-decoration:none;line-height:1}.demo-label{font-size:.78rem;font-weight:750;letter-spacing:.08em;color:#9c4a1b;text-transform:uppercase}.hero{padding:48px 0 24px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.hero h1{font-size:clamp(2.35rem,6vw,4.7rem);line-height:1.03;letter-spacing:-.065em;margin:0;max-width:760px}.hero p{font-size:1.1rem;color:#70645e;margin:15px 0 0}.hero-art{width:145px;height:145px;background:#eee7d5;border-radius:50%;display:grid;place-items:center;font-size:5rem}.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid #171714;margin:20px 0 0;padding:0 0 13px}.section-head h2{font-size:1.55rem;letter-spacing:-.04em;margin:0}.muted{color:#766d67}.menu-list{margin:0}.item{display:grid;grid-template-columns:68px 1fr auto;align-items:center;gap:17px;border-bottom:1px solid #e9e2dd;padding:18px 0}.item-icon{width:64px;height:64px;background:#f5f1e7;border-radius:18px;display:grid;place-items:center;font-size:1.85rem}.item h3{margin:0;font-size:1.13rem;letter-spacing:-.025em}.item p{margin:4px 0 6px;color:#766d67;font-size:.9rem}.price{font-weight:800;color:#34342e}.add{border:1px solid #e6dcd3;background:white;border-radius:50%;width:42px;height:42px;font-size:1.5rem;line-height:1}.add:hover,.option:focus-visible{border-color:#171714}.bottom{position:fixed;bottom:0;left:0;right:0;padding:11px 18px max(11px,env(safe-area-inset-bottom));background:#fff;box-shadow:0 -8px 30px #17171412;z-index:5}.bottom-inner{max-width:1050px;margin:auto}.primary{background:#171714;color:white;border:0;border-radius:15px;padding:16px 20px;min-height:54px;font-weight:750;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%}.primary:hover{background:#34342e}.primary.orange{background:#171714}.primary.orange:hover{background:#34342e}.secondary{border:1px solid #d8ccc3;background:white;border-radius:13px;padding:12px 17px;color:#171714;font-weight:700}.link{border:0;background:none;color:#34342e;font-weight:700;padding:10px 0}.panel{max-width:640px;margin:36px auto}.panel h1{font-size:2.4rem;letter-spacing:-.055em;line-height:1.08;margin:0 0 10px}.panel h2{font-size:1.25rem;letter-spacing:-.025em;margin:27px 0 12px}.selection{background:#f5f1e7;border-radius:18px;padding:18px;margin:16px 0}.field{display:block;margin:15px 0}.field span{display:block;font-size:.89rem;font-weight:730;margin-bottom:7px}.field input,.field select{width:100%;border:1px solid #cfc3ba;border-radius:12px;padding:13px 14px;background:#fff;color:#171714;min-height:48px}.field input:focus,.field select:focus{outline:2px solid #171714;outline-offset:1px}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option{border:1.5px solid #ddd0c7;border-radius:14px;padding:14px;background:#fff;text-align:left;font-weight:730;min-height:70px}.option small{display:block;font-weight:400;color:#766d67;margin-top:4px}.option.selected{border-color:#171714;background:#eee7d5}.line{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #e9e2dd}.qty{display:flex;align-items:center;gap:12px}.qty button{border:1px solid #d8ccc3;background:#fff;border-radius:9px;width:34px;height:34px}.total{font-size:1.2rem;font-weight:800}.notice{background:#fff4e8;border:1px solid #f4d5be;border-radius:13px;padding:13px 15px;color:#7a3716;font-size:.9rem;margin:20px 0}.error{color:#b42f1a;font-weight:700;min-height:1.2em}.success{background:#f4f9f1;border:1px solid #d8e6d0;border-radius:20px;padding:28px;margin:24px 0}.success .number{font-size:4rem;letter-spacing:-.07em;font-weight:900;line-height:1}.small{font-size:.85rem}.staff-shell{max-width:1160px;margin:auto;padding:0 20px 50px}.staff-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 0;border-bottom:1px solid #e5dbd4}.staff-top h1{margin:0;font-size:1.5rem;letter-spacing:-.04em}.staff-status{color:#74645b;font-size:.9rem}.staff-intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:36px 0 20px}.staff-intro h2{font-size:2.4rem;margin:0;letter-spacing:-.055em}.orders{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:17px}.order{border:1px solid #e3d8d0;border-radius:20px;padding:20px;background:white;box-shadow:0 8px 28px #17171409}.order.new{border:2px solid #171714}.order-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.order-num{font-size:1.7rem;font-weight:850;letter-spacing:-.05em}.tag{font-size:.76rem;font-weight:800;letter-spacing:.04em;padding:7px 10px;border-radius:8px;background:#171714;color:white}.tag.car{background:#171714}.vehicle{background:#eee7d5;border-radius:12px;padding:13px;margin:14px 0;font-weight:850;font-size:1.18rem;line-height:1.25}.vehicle small{display:block;font-size:.85rem;font-weight:600;color:#6b5446;margin-top:5px}.order ul{padding-left:21px;margin:17px 0}.order li{margin:8px 0}.order .controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.order .controls button{border:0;background:#171714;color:white;border-radius:10px;padding:10px 13px;font-weight:700}.order .controls button.subtle{background:#f1eae5;color:#171714}.empty{border:1px dashed #d7c8bd;border-radius:20px;padding:60px 20px;text-align:center;color:#766d67}.toolbar{display:flex;align-items:center;gap:10px}.toolbar button{border:1px solid #d8ccc3;background:white;border-radius:10px;padding:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:620px){.hero{padding:32px 0 16px}.hero-art{width:75px;height:75px;font-size:2.6rem}.hero h1{font-size:2.45rem}.hero p{font-size:1rem}.item{grid-template-columns:54px 1fr auto;gap:12px}.item-icon{width:52px;height:52px;border-radius:13px;font-size:1.5rem}.item p{font-size:.82rem}.staff-intro h2{font-size:2rem}.staff-status{display:none}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s,transform .15s}button:active{transform:scale(.98)}}
.icon{width:22px;height:22px;vertical-align:middle;flex-shrink:0}.brand{display:flex;align-items:center;gap:0;letter-spacing:-.06em}.brand-mark{width:48px;height:48px;color:#171714;display:block;flex-shrink:0}.brand-mark svg{width:100%;height:100%}.brand-word{font-size:23px;font-weight:900;margin-left:-30px;background:white;position:relative;letter-spacing:-1px}.shop-state{font-size:12px;color:#70645e;display:flex;align-items:center;gap:7px;white-space:nowrap}.dot{width:7px;height:7px;border-radius:50%;background:#4a9359}.dot.closed{background:#a79b94}.prep{display:flex;align-items:center;gap:7px;margin-top:19px;color:#8b5e40;font-size:13px}.prep .icon{width:17px}.hero-art .icon{width:70px;height:70px;color:#ac6132;stroke-width:1.1}.categories{display:flex;gap:8px;overflow:auto;padding:18px 0 5px}.categories button{padding:8px 15px;border-radius:20px;background:#f6f2ef;color:#7b6b61;white-space:nowrap;border:0;font-size:13px;font-weight:650}.categories button.active{background:#171714;color:#fff}.item-icon .icon{width:29px;height:29px;color:#9f7356;stroke-width:1.3}.add{display:grid;place-items:center}.add .icon{width:18px}.choice-row .icon{display:block;margin-bottom:9px}.customer-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.car-details{padding:4px 0 0}.field textarea{width:100%;border:1px solid #cfc3ba;border-radius:12px;padding:13px 14px;background:white;color:#171714;resize:vertical;min-height:75px}.field textarea:focus{outline:2px solid #171714;outline-offset:1px}.checkout-caption{line-height:1.6;margin-top:16px}.checkout-caption a,.customer-footer a{color:#8f5e3d}.customer-footer{display:flex;gap:16px;flex-wrap:wrap;border-top:1px solid #e9e2dd;color:#96857a;font-size:11px;margin-top:40px;padding-top:20px}.customer-footer span{margin-right:auto}.allergen-note{color:#96857a;font-size:12px;margin:23px 0}.tracking h1{font-size:1.85rem;line-height:1.14;margin-top:19px}.tracking .success{margin-top:0;background:#f5f1e7;border-color:#e8ddd4}.tracking .success.cancelled{background:#fff1ed}.progress{display:flex;justify-content:space-between;margin:25px 0 35px;gap:8px;position:relative}.progress div{display:flex;align-items:center;flex-direction:column;gap:8px;flex:1;color:#a9988c}.progress span{display:grid;place-items:center;border-radius:50%;width:34px;height:34px;background:#f3eeea;color:#bcaca0}.progress .done span{background:#171714;color:white}.progress .done{color:#6d4b37}.progress .icon{width:16px}.progress small{font-size:11px}.receipt{margin-bottom:24px}.receipt small{display:block;font-size:12px;color:#8b796d;margin-top:4px}.full{width:100%}.checkout-link{text-decoration:none;display:flex;align-items:center;justify-content:space-between}.tracking-error{font-size:12px}.closed-notice{background:#f4f1ee;color:#8b6a50}dialog{border:1px solid #e5dacf;border-radius:22px;padding:28px;max-width:480px;width:calc(100% - 32px);box-shadow:0 25px 100px #17171425;color:#171714}dialog::backdrop{background:#17171460;backdrop-filter:blur(3px)}.drink-dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.drink-dialog-head h2{font-size:1.7rem;letter-spacing:-.05em;margin:0}.dialog-close{border:0;background:#f5f1e7;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#927b69}.drink-dialog-head+.muted{font-size:14px}.success .demo-label{display:block;margin-bottom:7px}button:focus-visible,a:focus-visible{outline:3px solid #17171470;outline-offset:3px}@media(max-width:620px){.top{padding:19px 0 16px}.brand-mark{width:39px;height:39px}.brand-word{font-size:20px;margin-left:-24px}.shop-state{font-size:11px}.hero{grid-template-columns:1fr auto}.hero h1{font-size:2.45rem}.hero-art .icon{width:42px;height:42px}.hero-art{margin-top:-30px}.section-head h2{font-size:1.3rem}.section-head .small{font-size:11px}.categories button{padding:8px 13px}.panel{margin-top:26px}.panel h1{font-size:2.1rem}.customer-form-row{gap:12px}.choice-row{gap:9px}.option{font-size:13px;padding:13px}.option small{font-size:11px;line-height:1.5}.qty{gap:8px}.qty button{width:30px;height:32px}.qty>strong:last-child{font-size:14px}.line{font-size:14px}.tracking h1{font-size:1.65rem}.success{padding:23px}.customer-footer{font-size:10px;gap:12px}.hero p{font-size:14px;line-height:1.55}.prep{font-size:12px}.notice{font-size:12px}.shell{padding-bottom:110px}.item{padding:20px 0}.item h3{font-size:16px}.item p{line-height:1.45}.allergen-note{font-size:11px}}@media(max-width:370px){.customer-form-row{grid-template-columns:1fr;gap:0}.hero-art{display:none}.hero{grid-template-columns:1fr}.choice-row{grid-template-columns:1fr}.qty{gap:5px}}
@font-face{font-family:Inter;src:url('./fonts/inter-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

.item-icon{overflow:hidden}.item-icon img{width:100%;height:100%;object-fit:cover;display:block}.drink-photo{width:100%;height:200px;object-fit:cover;border-radius:16px;margin-bottom:16px}.item p{overflow-wrap:anywhere}

/* Palette follows the shop’s cream-on-black identity. */
.brand-logo{display:block;width:80px;height:80px;object-fit:contain;border-radius:6px}.top .brand{display:flex;align-items:center}.hero-art{background:#eee7d5}.hero-art svg{color:#171714}

/* Mugstop website and ordering share the cream and ink editorial identity. */
body:has(#app){background:#eee7d5}#app .hero h1{font-family:Georgia,serif;font-weight:700;letter-spacing:-.05em}#app .hero-art{border-radius:0;overflow:hidden;width:180px;height:180px}#app .hero-art img{width:100%;height:100%;object-fit:cover}#app .item-icon{border-radius:4px}#app .item{border-color:#cec5b5}#app .item-icon img{border-radius:4px}#app .categories button{background:transparent;border-color:#c9bfae}#app .categories button.active{background:#171714;color:#eee7d5}#app .panel h1{font-family:Georgia,serif}#app .section-head h2{font-family:Georgia,serif;font-size:1.8rem}@media(max-width:600px){#app .hero-art{width:90px;height:110px}#app .hero{padding-top:28px}#app .hero h1{font-size:2.6rem}}

.stock-label{display:block;font-size:.8rem;font-weight:700;color:#765345;margin-top:6px}.item:has(.stock-label) .add{opacity:.4;cursor:not-allowed}