:root{--cream:#fff6e8;--paper:#fffcf6;--line:#ecdcc4;--brown:#3b2416;--brown-2:#6b4b37;--saffron:#f4a21c;--saffron-hover:#e8920a;--saffron-soft:#fde9c4;--terracotta:#c4622d;--danger:#9f2f1b;--danger-bg:#fcebe5;--ok:#2f6b3a;--ok-bg:#e5f2e3;--radius:18px;--display:"Baloo 2", ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--cream);min-height:100vh;color:var(--brown);font:16px/1.5 var(--body);margin:0}h1,h2,p{margin:0}h1{font:700 clamp(1.6rem, 1.2rem + 1.6vw, 2.1rem) / 1.15 var(--display)}a{color:inherit}:focus-visible{outline:3px solid var(--brown);outline-offset:2px}.shell{flex-direction:column;gap:20px;max-width:760px;min-height:100vh;margin:0 auto;padding:20px 16px 40px;display:flex}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{font:800 1.45rem/1 var(--display);letter-spacing:-.01em;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.nav{background:var(--paper);border:1px solid var(--line);border-radius:999px;gap:4px;padding:4px;display:flex}.nav a{font:600 1rem/1.4 var(--display);color:var(--brown-2);border-radius:999px;padding:6px 14px;text-decoration:none}.nav a:hover{color:var(--brown);background:var(--saffron-soft)}.nav a.active{background:var(--brown);color:var(--cream)}.main{flex-direction:column;flex:1;gap:16px;display:flex}.foot{color:var(--brown-2);border-top:1px dashed var(--line);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding-top:16px;font-size:.875rem;display:flex}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 1px #3b24160a,0 10px 30px -18px #3b241659}.lede{color:var(--brown-2);margin-top:6px}.empty{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.hero{flex-direction:column;gap:18px;display:flex}.kicker{font:700 .95rem/1 var(--display);text-transform:uppercase;letter-spacing:.08em;color:var(--terracotta)}.count{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.count-num{font:800 clamp(4rem, 3rem + 6vw, 6.5rem) / .9 var(--display);font-variant-numeric:tabular-nums}.count-unit{font:600 1.25rem/1.2 var(--display);color:var(--brown-2)}.cups{flex-wrap:wrap;align-items:flex-end;gap:4px;min-height:34px;display:flex}.cups-empty{color:var(--brown-2)}.cups-more{font:700 1rem/30px var(--display);color:var(--brown-2);margin-left:4px}.actions{flex-wrap:wrap;gap:12px;display:flex}.facts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.fact{background:var(--saffron-soft);border-radius:14px;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.fact-label{color:var(--brown-2);font-size:.8125rem}.fact-value{font:700 1.15rem/1.3 var(--display)}.btn{min-height:44px;font:700 1.05rem/1 var(--display);white-space:nowrap;cursor:pointer;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;transition:background-color .15s,transform .15s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--saffron);color:var(--brown)}.btn-primary:hover:not(:disabled){background:var(--saffron-hover)}.btn-ghost{color:var(--brown);border-color:var(--brown);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--saffron-soft)}.btn-lg{min-height:52px;padding:0 26px;font-size:1.2rem}.btn-sm{min-height:36px;padding:0 14px;font-size:.95rem}.btn-block{width:100%}.form{flex-direction:column;gap:16px;margin-top:20px;display:flex}.field{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.field-row{flex-wrap:wrap;gap:12px;display:flex}.field-qty{flex:0 0 110px}label{font:700 1rem/1.2 var(--display)}input,select{width:100%;min-height:48px;color:var(--brown);font:1rem/1.3 var(--body);background:#fff;border:1.5px solid #cdb79b;border-radius:12px;padding:10px 14px}input:focus,select:focus{border-color:var(--brown)}input[aria-invalid=true]{border-color:var(--danger)}.field-error{color:var(--danger);font-size:.875rem}.total{background:var(--cream);border:1px dashed var(--line);color:var(--brown-2);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.total strong{font:800 1.35rem/1 var(--display);color:var(--brown)}.alert{background:var(--danger-bg);color:var(--danger);border:1px solid #f0c3b6;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px;display:flex}.alert strong{font:700 1.1rem/1.2 var(--display)}.alert p{color:var(--brown)}.notice{background:var(--ok-bg);color:var(--ok);border-radius:12px;padding:12px 16px}.summary{flex-wrap:wrap;gap:12px;margin:18px 0;display:flex}.summary div{background:var(--saffron-soft);border-radius:12px;flex:90px;padding:10px 14px}.summary dt{color:var(--brown-2);font-size:.8125rem}.summary dd{font:800 1.4rem/1.2 var(--display);margin:0}.orders{border-collapse:collapse;width:100%;min-width:720px;font-size:.95rem}.orders th{text-align:left;font:700 .9rem/1.2 var(--display);color:var(--brown-2);border-bottom:2px solid var(--line);padding:10px 12px}.orders td{border-bottom:1px solid var(--line);white-space:nowrap;padding:12px}.orders tbody tr:hover{background:var(--cream)}.orders .num{text-align:right;font-variant-numeric:tabular-nums}.mono{font-family:var(--mono);font-size:.85rem}.tag{font:700 .8rem/1.5 var(--display);border-radius:999px;padding:2px 10px;display:inline-block}.tag-served{background:var(--ok-bg);color:var(--ok)}.tag-paid{background:var(--saffron-soft);color:#7a4a00}.tag-brewing{color:#8a3f1c;background:#f6e2d6}@media (max-width:480px){.card{padding:18px}.actions .btn{flex:130px;padding:0 16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}