body{color:#eee;background:#111;margin:0;font-family:sans-serif}.container{box-sizing:border-box;flex-direction:column;align-items:center;gap:1.5rem;min-height:100vh;padding:2rem;display:flex}.menu-header{align-items:center;gap:1rem;width:100%;max-width:640px;display:flex}.menu-title{flex:1;margin:0;font-size:1.5rem;font-weight:600}.back-btn{color:#eee;cursor:pointer;white-space:nowrap;background:#2a2a2a;border:1px solid #444;border-radius:6px;padding:.4rem .9rem;font-size:.9rem}.back-btn:hover{background:#333}.seconds-control{align-items:center;gap:.4rem;display:flex}.seconds-input{color:#eee;text-align:center;background:#1e1e1e;border:1px solid #444;border-radius:6px;width:4.5rem;padding:.4rem .5rem;font-size:1rem}.seconds-input:focus{border-color:#888;outline:none}.seconds-label{color:#aaa;font-size:.9rem}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;width:100%;max-width:640px;display:grid}.menu-card{color:#eee;cursor:pointer;text-align:center;background:#1e1e1e;border:1px solid #333;border-radius:10px;padding:1.25rem 1rem;font-size:1rem;transition:background .15s,border-color .15s}.menu-card:hover{background:#2a2a2a;border-color:#555}.menu-card--add{color:#aaa;border-style:dashed}.menu-card--add:hover{color:#eee}.json-screen{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:640px;display:flex}.json-input{color:#eee;resize:vertical;box-sizing:border-box;background:#1e1e1e;border:1px solid #444;border-radius:6px;width:100%;padding:.75rem;font-family:monospace;font-size:.875rem}.json-input:focus{border-color:#888;outline:none}.process-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.6rem 2rem;font-size:1rem}.process-btn:hover:not(:disabled){background:#1d4ed8}.process-btn:disabled{opacity:.5;cursor:not-allowed}.qr-overlay{z-index:100;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.qr-box{background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem;display:flex}.qr-box .qr-value{color:#111;letter-spacing:.05em;font-size:1.5rem;font-weight:600}.qr-box .qr-progress{color:#666;font-size:.9rem}
