*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#0057a8;--color-secondary:#f5a623;--color-success:#27ae60;--color-danger:#e74c3c;--color-bg:#f4f6f8;--color-surface:#fff;--color-text:#1a1a2e;--color-muted:#6b7280;--font-size-base:18px;--font-size-lg:24px;--font-size-xl:32px;--font-size-2xl:48px;--border-radius:12px;--shadow:0 4px 20px #0000001a}html,body{width:100%;height:100%;font-family:Segoe UI,system-ui,sans-serif;font-size:var(--font-size-base);background-color:var(--color-bg);color:var(--color-text);-webkit-user-select:none;user-select:none}#app{flex-direction:column;width:100%;height:100%;display:flex}button{cursor:pointer;border-radius:var(--border-radius);font-size:var(--font-size-lg);touch-action:manipulation;border:none;padding:16px 32px;transition:opacity .15s}button:active{opacity:.85}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text)}.screen{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:32px;display:flex}.hidden{display:none!important}.title{font-size:var(--font-size-2xl);text-align:center;margin-bottom:32px}.muted{color:var(--color-muted);font-size:var(--font-size-lg)}.button-row{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.idle-warning{background:var(--color-secondary);text-align:center;z-index:100;padding:12px;position:fixed;top:0;left:0;right:0}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;width:100%;max-width:720px;margin-bottom:24px;display:grid}.choice-btn{min-height:88px;font-size:var(--font-size-lg);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow)}.cart-summary{font-size:var(--font-size-lg);text-align:center;margin-bottom:24px;line-height:1.5}